@softpak/components 18.6.4 → 18.6.5

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';\r\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { spxValidatorRequired, SpxValidateControlComponent } from '@softpak/components/spx-validation';\r\n\r\nimport { SpxInputComponent, SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\r\nimport { SpxFormButtonTypeEnum, SpxFormFieldI, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\r\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\r\nimport { SpxSeverityEnum, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxStockInfoValueI } from './spx-stock-info-value.interface';\r\nimport { SpxPaginationComponent } from '@softpak/components/spx-pagination';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\r\nimport { SpxCardComponent, SpxCardLineComponent } from '@softpak/components/spx-card';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\nexport const ctrlCategory = 'ctrlCategory';\r\nexport const ctrlContainerStatus = 'ctrlContainerStatus';\r\nexport const ctrlContainerStatusGroup = 'ctrlContainerStatusGroup';\r\nexport const ctrlContainerType = 'ctrlContainerType';\r\nexport const ctrlCustomer = 'ctrlCustomer';\r\nexport const ctrlDepot = 'ctrlDepot';\r\nexport const ctrlLocation = 'ctrlLocation';\r\nexport const sectionContainerInfo = 'sectionContainerInfo';\r\nexport const sectionCustomer = 'sectionCustomer';\r\nexport const sectionLocation = 'sectionLocation';\r\n\r\n@Component({\r\n  selector: 'spx-stock-info',\r\n  templateUrl: './spx-stock-info.component.html',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    FontAwesomeModule,\r\n    ReactiveFormsModule,\r\n    SpxAlertComponent,\r\n    SpxButtonComponent,\r\n    SpxCapitalizePipe,\r\n    SpxCardComponent,\r\n    SpxCardLineComponent,\r\n    SpxFormViewComponent,\r\n    SpxInputComponent,\r\n    SpxPaginationComponent,\r\n    SpxValidateControlComponent,\r\n    TranslateModule\r\n]\r\n})\r\nexport class SpxStockInfoComponent {\r\n  @Input() statusGroupsInPatch!: boolean;\r\n  @Input() containers!: any[];\r\n  @Input() currentPage!: number;\r\n  @Input() faArrowLeft!: IconProp;\r\n  @Input() faArrowRight!: IconProp;\r\n  @Input() faContainerStorage!: IconProp;\r\n  @Input() formGroup!: FormGroup;\r\n  @Input() loaded!: boolean;\r\n  @Input() pageSize!: number;\r\n  @Input() suggestions: any = {};\r\n  @Input() textCategory!: string;\r\n  @Input() textContainerInfo!: string;\r\n  @Input() textContainerStatus!: string;\r\n  @Input() textContainerStatusGroup!: string;\r\n  @Input() textContainerType!: string;\r\n  @Input() textCustomer!: string;\r\n  @Input() textDepot!: string;\r\n  @Input() textLocation!: string;\r\n  @Input() textNext!: string;\r\n  @Input() textPage!: string;\r\n  @Input() textPrevious!: string;\r\n  @Input() textSearch!: string;\r\n  @Input() textNoResults!: string;\r\n  @Input() textYouCanChangeYourFilters!: string;\r\n  @Output() spxBlurCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxBlurContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxBlurContainerStatusGroup: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxBlurContainerType: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxBlurCustomer: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxClickContainer: EventEmitter<any> = new EventEmitter<any>();\r\n  @Output() spxPageChange: EventEmitter<number> = new EventEmitter<number>();\r\n  @Output() spxSearchCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxSearchContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxSearchContainerStatusGroup: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxSearchContainerType: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxSearchCustomer: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\r\n  @Output() spxSubmit: EventEmitter<SpxStockInfoValueI> = new EventEmitter<SpxStockInfoValueI>();\r\n  severityInfo = SpxSeverityEnum.info;\r\n\r\n\r\n  form: SpxFormI = {\r\n    buttons: [\r\n      {\r\n        severity: SpxSeverityEnum.success,\r\n        type: SpxFormButtonTypeEnum.submit,\r\n        label: () => this.textSearch,\r\n      }\r\n    ],\r\n    sections: [\r\n      {\r\n        key: sectionLocation,\r\n        show: () => true,\r\n        title: () => this.textLocation,\r\n        fields: [\r\n          {\r\n            key: ctrlDepot,\r\n            label: () => this.textDepot,\r\n            type: () => SpxInputTypeEnum.text,\r\n            defaultValue: () => null,\r\n            validators: () => [spxValidatorRequired()],\r\n            readonly: () => true,\r\n            suggestions: () => false,\r\n            afterValueChange: undefined,\r\n            show: () => true,\r\n            capitalize: () => true,\r\n          },\r\n          {\r\n            key: ctrlLocation,\r\n            label: () => this.textLocation,\r\n            type: () => SpxInputTypeEnum.text,\r\n            defaultValue: () => null,\r\n            validators: () => [],\r\n            readonly: () => false,\r\n            suggestions: () => false,\r\n            afterValueChange: undefined,\r\n            show: () => true,\r\n            capitalize: () => true,\r\n          },\r\n        ]\r\n      },\r\n      {\r\n        key: sectionCustomer,\r\n        show: () => true,\r\n        title: () => this.textCustomer,\r\n        fields: [\r\n          {\r\n            key: ctrlCustomer,\r\n            label: () => this.textCustomer,\r\n            type: () => SpxInputTypeEnum.autocomplete,\r\n            defaultValue: () => null,\r\n            validators: () => [],\r\n            readonly: () => false,\r\n            suggestions: () => true,\r\n            afterValueChange: undefined,\r\n            show: () => true,\r\n            capitalize: () => true,\r\n          },\r\n        ]\r\n      },\r\n      {\r\n        key: sectionContainerInfo,\r\n        show: () => true,\r\n        title: () => this.textContainerInfo,\r\n        fields: [\r\n          {\r\n            key: ctrlCategory,\r\n            label: () => this.textCategory,\r\n            type: () => SpxInputTypeEnum.autocomplete,\r\n            defaultValue: () => null,\r\n            validators: () => [],\r\n            readonly: () => false,\r\n            suggestions: () => true,\r\n            afterValueChange: undefined,\r\n            show: () => true,\r\n            capitalize: () => true,\r\n          },\r\n          {\r\n            key: ctrlContainerStatus,\r\n            label: () => this.textContainerStatus,\r\n            type: () => SpxInputTypeEnum.autocomplete,\r\n            defaultValue: () => null,\r\n            validators: () => [],\r\n            readonly: () => false,\r\n            suggestions: () => true,\r\n            afterValueChange: undefined,\r\n            show: () => true,\r\n            capitalize: () => true,\r\n          },\r\n          {\r\n            key: ctrlContainerStatusGroup,\r\n            label: () => this.textContainerStatusGroup,\r\n            type: () => SpxInputTypeEnum.autocomplete,\r\n            defaultValue: () => null,\r\n            validators: () => [],\r\n            readonly: () => false,\r\n            suggestions: () => true,\r\n            afterValueChange: undefined,\r\n            show: () => this.statusGroupsInPatch,\r\n            capitalize: () => true,\r\n          },\r\n          {\r\n            key: ctrlContainerType,\r\n            label: () => this.textContainerType,\r\n            type: () => SpxInputTypeEnum.autocomplete,\r\n            defaultValue: () => null,\r\n            validators: () => [],\r\n            readonly: () => false,\r\n            suggestions: () => true,\r\n            afterValueChange: undefined,\r\n            show: () => true,\r\n            capitalize: () => true,\r\n          },\r\n        ]\r\n      },\r\n    ]\r\n  };\r\n\r\n  get ctrlCategory(): FormControl { return this.formGroup.get(ctrlCategory) as FormControl; }\r\n  get ctrlContainerStatus(): FormControl { return this.formGroup.get(ctrlContainerStatus) as FormControl; }\r\n  get ctrlContainerStatusGroup(): FormControl { return this.formGroup.get(ctrlContainerStatusGroup) as FormControl; }\r\n  get ctrlContainerType(): FormControl { return this.formGroup.get(ctrlContainerType) as FormControl; }\r\n  get ctrlCustomer(): FormControl { return this.formGroup.get(ctrlCustomer) as FormControl; }\r\n  get ctrlDepot(): FormControl { return this.formGroup.get(ctrlDepot) as FormControl; }\r\n  get ctrlLocation(): FormControl { return this.formGroup.get(ctrlLocation) as FormControl; }\r\n\r\n  constructor(readonly formBuilder: FormBuilder) {\r\n  }\r\n\r\n  createForm(): FormGroup {\r\n    return SpxFormViewComponent.createForm(this.formBuilder, this.form.sections);\r\n  }\r\n\r\n  getRawValidators(formControl: FormControl) {\r\n    return (formControl as any)._rawValidators;\r\n  }\r\n\r\n  onBlur(data: { field: SpxFormFieldI, valuePair: SpxValuePair<any> }) {\r\n    if (valuePairToValue(data.valuePair)) {\r\n      if (data.field.key === ctrlCategory) {\r\n        this.spxBlurCategory.emit(data.valuePair);\r\n      }\r\n      if (data.field.key === ctrlContainerStatus) {\r\n        this.spxBlurContainerStatus.emit(data.valuePair);\r\n      }\r\n      if (data.field.key === ctrlContainerStatusGroup) {\r\n        this.spxBlurContainerStatusGroup.emit(data.valuePair);\r\n      }\r\n      if (data.field.key === ctrlContainerType) {\r\n        this.spxBlurContainerType.emit(data.valuePair);\r\n      }\r\n      if (data.field.key === ctrlCustomer) {\r\n        this.spxBlurCustomer.emit(data.valuePair);\r\n      }\r\n    }\r\n  }\r\n\r\n  onSearch(data: { field: SpxFormFieldI, valuePair: SpxValuePair<any> }) {\r\n    if (data.field.key === ctrlCategory) {\r\n      this.spxSearchCategory.emit(data.valuePair);\r\n    }\r\n    if (data.field.key === ctrlContainerType) {\r\n      this.spxSearchContainerType.emit(data.valuePair);\r\n    }\r\n    if (data.field.key === ctrlContainerStatus) {\r\n      this.spxSearchContainerStatus.emit(data.valuePair);\r\n    }\r\n    if (data.field.key === ctrlContainerStatusGroup) {\r\n      this.spxSearchContainerStatusGroup.emit(data.valuePair);\r\n    }\r\n    if (data.field.key === ctrlCustomer) {\r\n      this.spxSearchCustomer.emit(data.valuePair);\r\n    }\r\n  }\r\n\r\n  onPageChange(page: number) {\r\n    this.spxPageChange.emit(page);\r\n  }\r\n\r\n  goToContainer(container: any) {\r\n    this.spxClickContainer.emit(container);\r\n  }\r\n\r\n  onSubmit(): void {\r\n    this.spxSubmit.emit({\r\n      ctrlCategory: this.ctrlCategory.value,\r\n      ctrlContainerStatus: this.ctrlContainerStatus.value,\r\n      ctrlContainerStatusGroup: this.ctrlContainerStatusGroup.value,\r\n      ctrlContainerType: this.ctrlContainerType.value,\r\n      ctrlCustomer: this.ctrlCustomer.value,\r\n      ctrlDepot: this.ctrlDepot.value,\r\n      ctrlLocation: this.ctrlLocation.value,\r\n    });\r\n  }\r\n}\r\n","@if (!loaded) {\r\n  <form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxFormGroup]=\"formGroup\"\r\n      [spxForm]=\"form\"\r\n      [spxSuggestions]=\"suggestions\"\r\n      (spxBlur)=\"onBlur($event)\"\r\n      (spxSearch)=\"onSearch($event)\">\r\n    </spx-form-view>\r\n  </form>\r\n}\r\n\r\n@if (loaded) {\r\n  <div class=\"flex flex-col gap-3\">\r\n    @if (containers.length > 0) {\r\n      <spx-pagination\r\n        [spxPage]=\"currentPage\"\r\n        [spxMaxPages]=\"(containers.length < (pageSize + 1)) ? (currentPage + 1) : currentPage\"\r\n        [faArrowLeft]=\"faArrowLeft\"\r\n        [faArrowRight]=\"faArrowRight\"\r\n        [textPage]=\"textPage\"\r\n        [textPrevious]=\"textPrevious\"\r\n        [textNext]=\"textNext\"\r\n        (spxPageChange)=\"onPageChange($event)\">\r\n      </spx-pagination>\r\n    }\r\n    @if (containers.length === 0) {\r\n      <spx-alert [spxSeverity]=\"severityInfo\" [spxTitle]=\"textNoResults | translate | capitalize\">\r\n        {{ textYouCanChangeYourFilters | translate | capitalize }}\r\n      </spx-alert>\r\n    }\r\n    @for (container of containers; track container; let i = $index) {\r\n      @if (i < pageSize) {\r\n        <spx-card [hasContent]=\"false\" (clicked)=\"goToContainer(container)\">\r\n          <div card-header class=\"card-header rounded-t-lg p-3 bg-sky-200\">\r\n            <div class=\"flex flex-row space-x-3 items-center w-full\">\r\n              <div\r\n                class=\"card-header-icon-left flex basis-10 py-1.5 shrink-0 grow-0 place-items-center rounded bg-sky-400\">\r\n                <fa-icon class=\"mx-auto\" [icon]=\"faContainerStorage\"></fa-icon>\r\n              </div>\r\n              <div class=\"card-header-text-middle grow\">\r\n                <div class=\"block font-medium text-large\">{{ container.formatted.containerNumber }}</div>\r\n              </div>\r\n              <div\r\n                class=\"card-header-icons-right text-sm text-gray-900 leading-5 flex flex-wrap items-stretch text-center font-bold\">\r\n                @if (container.containerStatus) {\r\n                  <div class=\"min-w-[36px] px-2 py-1 bg-white text-black\"> {{\r\n                  container.formatted.containerStatus }}</div>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div card-lines class=\"grid grid-cols-2 gap-2\">\r\n            <spx-card-line [text]=\"textContainerType | translate | capitalize\"\r\n            [value]=\"container.formatted.containerType\"></spx-card-line>\r\n            <spx-card-line [text]=\"textCategory | translate | capitalize\"\r\n            [value]=\"container.formatted.category\"></spx-card-line>\r\n            <spx-card-line [text]=\"textLocation | translate | capitalize\"\r\n            [value]=\"container.formatted.location\"></spx-card-line>\r\n          </div>\r\n        </spx-card>\r\n      }\r\n    }\r\n    @if (containers.length > 0) {\r\n      <spx-pagination\r\n        [spxPage]=\"currentPage\"\r\n        [spxMaxPages]=\"(containers.length < (pageSize + 1)) ? (currentPage + 1) : currentPage\"\r\n        [faArrowLeft]=\"faArrowLeft\"\r\n        [faArrowRight]=\"faArrowRight\"\r\n        [textPage]=\"textPage\"\r\n        [textPrevious]=\"textPrevious\"\r\n        [textNext]=\"textNext\"\r\n        (spxPageChange)=\"onPageChange($event)\">\r\n      </spx-pagination>\r\n    }\r\n  </div>\r\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-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';\n\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, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { SpxStockInfoValueI } from './spx-stock-info-value.interface';\nimport { SpxPaginationComponent } from '@softpak/components/spx-pagination';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { SpxCardComponent, SpxCardLineComponent } from '@softpak/components/spx-card';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nexport const ctrlCategory = 'ctrlCategory';\nexport const ctrlContainerStatus = 'ctrlContainerStatus';\nexport const ctrlContainerStatusGroup = 'ctrlContainerStatusGroup';\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    FormsModule,\n    FontAwesomeModule,\n    ReactiveFormsModule,\n    SpxAlertComponent,\n    SpxButtonComponent,\n    SpxCapitalizePipe,\n    SpxCardComponent,\n    SpxCardLineComponent,\n    SpxFormViewComponent,\n    SpxInputComponent,\n    SpxPaginationComponent,\n    SpxValidateControlComponent,\n    TranslateModule\n]\n})\nexport class SpxStockInfoComponent {\n  @Input() statusGroupsInPatch!: boolean;\n  @Input() containers!: any[];\n  @Input() currentPage!: number;\n  @Input() faArrowLeft!: IconProp;\n  @Input() faArrowRight!: IconProp;\n  @Input() faContainerStorage!: IconProp;\n  @Input() formGroup!: FormGroup;\n  @Input() loaded!: boolean;\n  @Input() pageSize!: number;\n  @Input() suggestions: any = {};\n  @Input() textCategory!: string;\n  @Input() textContainerInfo!: string;\n  @Input() textContainerStatus!: string;\n  @Input() textContainerStatusGroup!: string;\n  @Input() textContainerType!: string;\n  @Input() textCustomer!: string;\n  @Input() textDepot!: string;\n  @Input() textLocation!: string;\n  @Input() textNext!: string;\n  @Input() textPage!: string;\n  @Input() textPrevious!: string;\n  @Input() textSearch!: string;\n  @Input() textNoResults!: string;\n  @Input() textYouCanChangeYourFilters!: string;\n  @Output() spxBlurCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxBlurContainerStatusGroup: 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() spxClickContainer: EventEmitter<any> = new EventEmitter<any>();\n  @Output() spxPageChange: EventEmitter<number> = new EventEmitter<number>();\n  @Output() spxSearchCategory: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchContainerStatus: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchContainerStatusGroup: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchContainerType: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSearchCustomer: EventEmitter<SpxValuePair<string>> = new EventEmitter<SpxValuePair<string>>();\n  @Output() spxSubmit: EventEmitter<SpxStockInfoValueI> = new EventEmitter<SpxStockInfoValueI>();\n  severityInfo = SpxSeverityEnum.info;\n\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: () => null,\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: ctrlContainerStatusGroup,\n            label: () => this.textContainerStatusGroup,\n            type: () => SpxInputTypeEnum.autocomplete,\n            defaultValue: () => null,\n            validators: () => [],\n            readonly: () => false,\n            suggestions: () => true,\n            afterValueChange: undefined,\n            show: () => this.statusGroupsInPatch,\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 ctrlContainerStatusGroup(): FormControl { return this.formGroup.get(ctrlContainerStatusGroup) 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 (valuePairToValue(data.valuePair)) {\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 === ctrlContainerStatusGroup) {\n        this.spxBlurContainerStatusGroup.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\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 === ctrlContainerStatusGroup) {\n      this.spxSearchContainerStatusGroup.emit(data.valuePair);\n    }\n    if (data.field.key === ctrlCustomer) {\n      this.spxSearchCustomer.emit(data.valuePair);\n    }\n  }\n\n  onPageChange(page: number) {\n    this.spxPageChange.emit(page);\n  }\n\n  goToContainer(container: any) {\n    this.spxClickContainer.emit(container);\n  }\n\n  onSubmit(): void {\n    this.spxSubmit.emit({\n      ctrlCategory: this.ctrlCategory.value,\n      ctrlContainerStatus: this.ctrlContainerStatus.value,\n      ctrlContainerStatusGroup: this.ctrlContainerStatusGroup.value,\n      ctrlContainerType: this.ctrlContainerType.value,\n      ctrlCustomer: this.ctrlCustomer.value,\n      ctrlDepot: this.ctrlDepot.value,\n      ctrlLocation: this.ctrlLocation.value,\n    });\n  }\n}\n","@if (!loaded) {\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}\n\n@if (loaded) {\n  <div class=\"flex flex-col gap-3\">\n    @if (containers.length > 0) {\n      <spx-pagination\n        [spxPage]=\"currentPage\"\n        [spxMaxPages]=\"(containers.length < (pageSize + 1)) ? (currentPage + 1) : currentPage\"\n        [faArrowLeft]=\"faArrowLeft\"\n        [faArrowRight]=\"faArrowRight\"\n        [textPage]=\"textPage\"\n        [textPrevious]=\"textPrevious\"\n        [textNext]=\"textNext\"\n        (spxPageChange)=\"onPageChange($event)\">\n      </spx-pagination>\n    }\n    @if (containers.length === 0) {\n      <spx-alert [spxSeverity]=\"severityInfo\" [spxTitle]=\"textNoResults | translate | capitalize\">\n        {{ textYouCanChangeYourFilters | translate | capitalize }}\n      </spx-alert>\n    }\n    @for (container of containers; track container; let i = $index) {\n      @if (i < pageSize) {\n        <spx-card [hasContent]=\"false\" (clicked)=\"goToContainer(container)\">\n          <div card-header class=\"card-header rounded-t-lg p-3 bg-sky-200\">\n            <div class=\"flex flex-row space-x-3 items-center w-full\">\n              <div\n                class=\"card-header-icon-left flex basis-10 py-1.5 shrink-0 grow-0 place-items-center rounded bg-sky-400\">\n                <fa-icon class=\"mx-auto\" [icon]=\"faContainerStorage\"></fa-icon>\n              </div>\n              <div class=\"card-header-text-middle grow\">\n                <div class=\"block font-medium text-large\">{{ container.formatted.containerNumber }}</div>\n              </div>\n              <div\n                class=\"card-header-icons-right text-sm text-gray-900 leading-5 flex flex-wrap items-stretch text-center font-bold\">\n                @if (container.containerStatus) {\n                  <div class=\"min-w-[36px] px-2 py-1 bg-white text-black\"> {{\n                  container.formatted.containerStatus }}</div>\n                }\n              </div>\n            </div>\n          </div>\n          <div card-lines class=\"grid grid-cols-2 gap-2\">\n            <spx-card-line [text]=\"textContainerType | translate | capitalize\"\n            [value]=\"container.formatted.containerType\"></spx-card-line>\n            <spx-card-line [text]=\"textCategory | translate | capitalize\"\n            [value]=\"container.formatted.category\"></spx-card-line>\n            <spx-card-line [text]=\"textLocation | translate | capitalize\"\n            [value]=\"container.formatted.location\"></spx-card-line>\n          </div>\n        </spx-card>\n      }\n    }\n    @if (containers.length > 0) {\n      <spx-pagination\n        [spxPage]=\"currentPage\"\n        [spxMaxPages]=\"(containers.length < (pageSize + 1)) ? (currentPage + 1) : currentPage\"\n        [faArrowLeft]=\"faArrowLeft\"\n        [faArrowRight]=\"faArrowRight\"\n        [textPage]=\"textPage\"\n        [textPrevious]=\"textPrevious\"\n        [textNext]=\"textNext\"\n        (spxPageChange)=\"onPageChange($event)\">\n      </spx-pagination>\n    }\n  </div>\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-storage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-storage.mjs","sources":["../../../../projects/softpak/components/spx-storage/src/spx-storage-key.enum.ts","../../../../projects/softpak/components/spx-storage/src/spx-storage.class.ts","../../../../projects/softpak/components/spx-storage/softpak-components-spx-storage.ts"],"sourcesContent":["export enum SpxStorageKeyEnum {\r\n    afterSignIn = 'afterSignIn',\r\n    brand = 'brand',\r\n    channelType = 'channelType',\r\n    channelSettings = 'companySettings',\r\n    token = 'token',\r\n    updateInProgress = 'updateInProgress',\r\n    release = 'release',\r\n    patch = 'patch',\r\n};\r\n","import { SpxStorageKeyEnum } from './spx-storage-key.enum';\r\n\r\nexport class SpxStorage {\r\n    private static get channelId() {\r\n        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;\r\n    }\r\n\r\n    public static clearSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): void {\r\n        localStorage.removeItem(key as string);\r\n    }\r\n\r\n    public static getSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | null {\r\n        return localStorage.getItem(key as string);\r\n    }\r\n\r\n    public static setSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: string): void {\r\n        localStorage.setItem(key as string, settingValue);\r\n    }\r\n\r\n    public static getChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | undefined {\r\n        let storageObj;\r\n        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);\r\n\r\n        if (storageObjStr) {\r\n            storageObj = JSON.parse(storageObjStr);\r\n            if (!storageObj[this.channelId]) {\r\n                return undefined;\r\n            }\r\n            return storageObj[this.channelId][key];\r\n        } else {\r\n            return undefined;\r\n        }\r\n    }\r\n\r\n    public static setChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: any): void {\r\n        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);\r\n        let storageObj;\r\n\r\n        if (companySettings) {\r\n            storageObj = JSON.parse(companySettings);\r\n        } else {\r\n            storageObj = {};\r\n        }\r\n\r\n        if (!storageObj[this.channelId]) {\r\n            storageObj[this.channelId] = {};\r\n        }\r\n\r\n        storageObj[this.channelId][key] = settingValue;\r\n        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));\r\n    }\r\n}\r\n\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"IAAY,kBASX;AATD,CAAA,UAAY,iBAAiB,EAAA;AACzB,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACnC,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,iBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC,CAAA;AACrC,IAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACnB,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,GAS5B,EAAA,CAAA,CAAA,CAAA;AAAA;;MCPY,UAAU,CAAA;AACX,IAAA,WAAW,SAAS,GAAA;QACxB,OAAO,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA,CAAE,CAAC;KACxI;IAEM,OAAO,YAAY,CAAU,GAAgC,EAAA;AAChE,QAAA,YAAY,CAAC,UAAU,CAAC,GAAa,CAAC,CAAC;KAC1C;IAEM,OAAO,UAAU,CAAU,GAAgC,EAAA;AAC9D,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,GAAa,CAAC,CAAC;KAC9C;AAEM,IAAA,OAAO,UAAU,CAAU,GAAgC,EAAE,YAAoB,EAAA;AACpF,QAAA,YAAY,CAAC,OAAO,CAAC,GAAa,EAAE,YAAY,CAAC,CAAC;KACrD;IAEM,OAAO,iBAAiB,CAAU,GAAgC,EAAA;AACrE,QAAA,IAAI,UAAU,CAAC;QACf,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;QAE9E,IAAI,aAAa,EAAE;AACf,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YACvC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,gBAAA,OAAO,SAAS,CAAC;aACpB;YACD,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;SAC1C;aAAM;AACH,YAAA,OAAO,SAAS,CAAC;SACpB;KACJ;AAEM,IAAA,OAAO,iBAAiB,CAAU,GAAgC,EAAE,YAAiB,EAAA;QACxF,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAC3E,QAAA,IAAI,UAAU,CAAC;QAEf,IAAI,eAAe,EAAE;AACjB,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAC5C;aAAM;YACH,UAAU,GAAG,EAAE,CAAC;SACnB;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,YAAA,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;SACnC;QAED,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;KAClF;AACJ;;ACnDD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-storage.mjs","sources":["../../../../projects/softpak/components/spx-storage/src/spx-storage-key.enum.ts","../../../../projects/softpak/components/spx-storage/src/spx-storage.class.ts","../../../../projects/softpak/components/spx-storage/softpak-components-spx-storage.ts"],"sourcesContent":["export enum SpxStorageKeyEnum {\n    afterSignIn = 'afterSignIn',\n    brand = 'brand',\n    channelType = 'channelType',\n    channelSettings = 'companySettings',\n    token = 'token',\n    updateInProgress = 'updateInProgress',\n    release = 'release',\n    patch = 'patch',\n};\n","import { SpxStorageKeyEnum } from './spx-storage-key.enum';\n\nexport class SpxStorage {\n    private static get channelId() {\n        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;\n    }\n\n    public static clearSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): void {\n        localStorage.removeItem(key as string);\n    }\n\n    public static getSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | null {\n        return localStorage.getItem(key as string);\n    }\n\n    public static setSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: string): void {\n        localStorage.setItem(key as string, settingValue);\n    }\n\n    public static getChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | undefined {\n        let storageObj;\n        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);\n\n        if (storageObjStr) {\n            storageObj = JSON.parse(storageObjStr);\n            if (!storageObj[this.channelId]) {\n                return undefined;\n            }\n            return storageObj[this.channelId][key];\n        } else {\n            return undefined;\n        }\n    }\n\n    public static setChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: any): void {\n        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);\n        let storageObj;\n\n        if (companySettings) {\n            storageObj = JSON.parse(companySettings);\n        } else {\n            storageObj = {};\n        }\n\n        if (!storageObj[this.channelId]) {\n            storageObj[this.channelId] = {};\n        }\n\n        storageObj[this.channelId][key] = settingValue;\n        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));\n    }\n}\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"IAAY,kBASX;AATD,CAAA,UAAY,iBAAiB,EAAA;AACzB,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACnC,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,iBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC,CAAA;AACrC,IAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACnB,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,GAS5B,EAAA,CAAA,CAAA,CAAA;AAAA;;MCPY,UAAU,CAAA;AACX,IAAA,WAAW,SAAS,GAAA;QACxB,OAAO,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA,CAAE,CAAC;KACxI;IAEM,OAAO,YAAY,CAAU,GAAgC,EAAA;AAChE,QAAA,YAAY,CAAC,UAAU,CAAC,GAAa,CAAC,CAAC;KAC1C;IAEM,OAAO,UAAU,CAAU,GAAgC,EAAA;AAC9D,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,GAAa,CAAC,CAAC;KAC9C;AAEM,IAAA,OAAO,UAAU,CAAU,GAAgC,EAAE,YAAoB,EAAA;AACpF,QAAA,YAAY,CAAC,OAAO,CAAC,GAAa,EAAE,YAAY,CAAC,CAAC;KACrD;IAEM,OAAO,iBAAiB,CAAU,GAAgC,EAAA;AACrE,QAAA,IAAI,UAAU,CAAC;QACf,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;QAE9E,IAAI,aAAa,EAAE;AACf,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YACvC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,gBAAA,OAAO,SAAS,CAAC;aACpB;YACD,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;SAC1C;aAAM;AACH,YAAA,OAAO,SAAS,CAAC;SACpB;KACJ;AAEM,IAAA,OAAO,iBAAiB,CAAU,GAAgC,EAAE,YAAiB,EAAA;QACxF,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAC3E,QAAA,IAAI,UAAU,CAAC;QAEf,IAAI,eAAe,EAAE;AACjB,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAC5C;aAAM;YACH,UAAU,GAAG,EAAE,CAAC;SACnB;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,YAAA,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;SACnC;QAED,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;KAClF;AACJ;;ACnDD;;AAEG;;;;"}

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

@@ -9,26 +9,26 @@ class SpxSuggestionComponent {
         this.spxTabbable = input();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxFocused: { classPropertyName: "spxFocused", publicName: "spxFocused", isSignal: true, isRequired: false, transformFunction: null }, spxSelected: { classPropertyName: "spxSelected", publicName: "spxSelected", isSignal: true, isRequired: false, transformFunction: null }, spxTabbable: { classPropertyName: "spxTabbable", publicName: "spxTabbable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<button
-    type="button"
-    class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
-    [class.bg-sky-100]="!this.spxSelected() && !this.spxDisabled()"
-    [class.focus:ring-sky-300]="!this.spxSelected() && !this.spxDisabled()"
-    [class.hover:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
-    [class.active:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
-    [class.bg-gray-200]="this.spxDisabled() && !this.spxSelected()"
-    [class.bg-gray-400]="this.spxDisabled() && this.spxSelected()"
-    [class.cursor-not-allowed]="this.spxDisabled()"
-    [class.opacity-60]="this.spxDisabled()"
-    [class.bg-gradient-to-r]="this.spxSelected() && !this.spxDisabled()"
-    [class.from-teal-400]="this.spxSelected() && !this.spxDisabled()"
-    [class.to-teal-600]="this.spxSelected() && !this.spxDisabled()"
-    [class.font-bold]="this.spxSelected()"
-    [attr.tabindex]="this.spxTabbable() && !this.spxDisabled() ? 0 : -1"
-    [class.ring-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
-    [class.ring-offset-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
-    [class.ring-blue-500]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()">
-    <div class="text-ellipsis overflow-hidden whitespace-nowrap"><ng-content></ng-content></div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxFocused: { classPropertyName: "spxFocused", publicName: "spxFocused", isSignal: true, isRequired: false, transformFunction: null }, spxSelected: { classPropertyName: "spxSelected", publicName: "spxSelected", isSignal: true, isRequired: false, transformFunction: null }, spxTabbable: { classPropertyName: "spxTabbable", publicName: "spxTabbable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<button
+    type="button"
+    class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
+    [class.bg-sky-100]="!this.spxSelected() && !this.spxDisabled()"
+    [class.focus:ring-sky-300]="!this.spxSelected() && !this.spxDisabled()"
+    [class.hover:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
+    [class.active:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
+    [class.bg-gray-200]="this.spxDisabled() && !this.spxSelected()"
+    [class.bg-gray-400]="this.spxDisabled() && this.spxSelected()"
+    [class.cursor-not-allowed]="this.spxDisabled()"
+    [class.opacity-60]="this.spxDisabled()"
+    [class.bg-gradient-to-r]="this.spxSelected() && !this.spxDisabled()"
+    [class.from-teal-400]="this.spxSelected() && !this.spxDisabled()"
+    [class.to-teal-600]="this.spxSelected() && !this.spxDisabled()"
+    [class.font-bold]="this.spxSelected()"
+    [attr.tabindex]="this.spxTabbable() && !this.spxDisabled() ? 0 : -1"
+    [class.ring-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
+    [class.ring-offset-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
+    [class.ring-blue-500]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()">
+    <div class="text-ellipsis overflow-hidden whitespace-nowrap"><ng-content></ng-content></div>
     </button>`, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxSuggestionComponent, decorators: [{
@@ -36,26 +36,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'spx-suggestion',
                     standalone: true,
-                    template: `<button
-    type="button"
-    class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
-    [class.bg-sky-100]="!this.spxSelected() && !this.spxDisabled()"
-    [class.focus:ring-sky-300]="!this.spxSelected() && !this.spxDisabled()"
-    [class.hover:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
-    [class.active:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
-    [class.bg-gray-200]="this.spxDisabled() && !this.spxSelected()"
-    [class.bg-gray-400]="this.spxDisabled() && this.spxSelected()"
-    [class.cursor-not-allowed]="this.spxDisabled()"
-    [class.opacity-60]="this.spxDisabled()"
-    [class.bg-gradient-to-r]="this.spxSelected() && !this.spxDisabled()"
-    [class.from-teal-400]="this.spxSelected() && !this.spxDisabled()"
-    [class.to-teal-600]="this.spxSelected() && !this.spxDisabled()"
-    [class.font-bold]="this.spxSelected()"
-    [attr.tabindex]="this.spxTabbable() && !this.spxDisabled() ? 0 : -1"
-    [class.ring-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
-    [class.ring-offset-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
-    [class.ring-blue-500]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()">
-    <div class="text-ellipsis overflow-hidden whitespace-nowrap"><ng-content></ng-content></div>
+                    template: `<button
+    type="button"
+    class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
+    [class.bg-sky-100]="!this.spxSelected() && !this.spxDisabled()"
+    [class.focus:ring-sky-300]="!this.spxSelected() && !this.spxDisabled()"
+    [class.hover:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
+    [class.active:bg-sky-300]="!this.spxSelected() && !this.spxDisabled()"
+    [class.bg-gray-200]="this.spxDisabled() && !this.spxSelected()"
+    [class.bg-gray-400]="this.spxDisabled() && this.spxSelected()"
+    [class.cursor-not-allowed]="this.spxDisabled()"
+    [class.opacity-60]="this.spxDisabled()"
+    [class.bg-gradient-to-r]="this.spxSelected() && !this.spxDisabled()"
+    [class.from-teal-400]="this.spxSelected() && !this.spxDisabled()"
+    [class.to-teal-600]="this.spxSelected() && !this.spxDisabled()"
+    [class.font-bold]="this.spxSelected()"
+    [attr.tabindex]="this.spxTabbable() && !this.spxDisabled() ? 0 : -1"
+    [class.ring-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
+    [class.ring-offset-2]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()"
+    [class.ring-blue-500]="this.spxFocused() && this.spxTabbable() && !this.spxDisabled()">
+    <div class="text-ellipsis overflow-hidden whitespace-nowrap"><ng-content></ng-content></div>
     </button>`,
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'spx-suggestion',\r\n  standalone: true,\r\n  template: `<button\r\n    type=\"button\"\r\n    class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none\"\r\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n    [class.focus:ring-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n    [class.hover:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n    [class.active:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\r\n    [class.bg-gray-200]=\"this.spxDisabled() && !this.spxSelected()\"\r\n    [class.bg-gray-400]=\"this.spxDisabled() && this.spxSelected()\"\r\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\r\n    [class.opacity-60]=\"this.spxDisabled()\"\r\n    [class.bg-gradient-to-r]=\"this.spxSelected() && !this.spxDisabled()\"\r\n    [class.from-teal-400]=\"this.spxSelected() && !this.spxDisabled()\"\r\n    [class.to-teal-600]=\"this.spxSelected() && !this.spxDisabled()\"\r\n    [class.font-bold]=\"this.spxSelected()\"\r\n    [attr.tabindex]=\"this.spxTabbable() && !this.spxDisabled() ? 0 : -1\"\r\n    [class.ring-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\r\n    [class.ring-offset-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\r\n    [class.ring-blue-500]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\">\r\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\r\n    </button>`,\r\n})\r\nexport class SpxSuggestionComponent {\r\n  spxDisabled = input<boolean>();\r\n  spxFocused = input<boolean>();\r\n  spxSelected = input<boolean>();\r\n  spxTabbable = input<boolean>();\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MA2Ba,sBAAsB,CAAA;AAzBnC,IAAA,WAAA,GAAA;QA0BE,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;QAC/B,IAAU,CAAA,UAAA,GAAG,KAAK,EAAW,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;QAC/B,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;AAChC,KAAA;+GALY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAtBvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAoBE,aAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAED,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAzBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;AAoBE,aAAA,CAAA;AACb,iBAAA,CAAA;;;AC1BD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\n\n@Component({\n  selector: 'spx-suggestion',\n  standalone: true,\n  template: `<button\n    type=\"button\"\n    class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.focus:ring-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.hover:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.active:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.bg-gray-200]=\"this.spxDisabled() && !this.spxSelected()\"\n    [class.bg-gray-400]=\"this.spxDisabled() && this.spxSelected()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-60]=\"this.spxDisabled()\"\n    [class.bg-gradient-to-r]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.from-teal-400]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.to-teal-600]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.font-bold]=\"this.spxSelected()\"\n    [attr.tabindex]=\"this.spxTabbable() && !this.spxDisabled() ? 0 : -1\"\n    [class.ring-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    [class.ring-offset-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    [class.ring-blue-500]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\">\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n    </button>`,\n})\nexport class SpxSuggestionComponent {\n  spxDisabled = input<boolean>();\n  spxFocused = input<boolean>();\n  spxSelected = input<boolean>();\n  spxTabbable = input<boolean>();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MA2Ba,sBAAsB,CAAA;AAzBnC,IAAA,WAAA,GAAA;QA0BE,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;QAC/B,IAAU,CAAA,UAAA,GAAG,KAAK,EAAW,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;QAC/B,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW,CAAC;AAChC,KAAA;+GALY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAtBvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAoBE,aAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAED,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAzBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;AAoBE,aAAA,CAAA;AACb,iBAAA,CAAA;;;AC1BD;;AAEG;;;;"}

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

@@ -74,104 +74,104 @@ class SpxToasterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxToasterComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxToasterComponent, isStandalone: true, selector: "spx-toaster", inputs: { messages: "messages", spxAutoclose: "spxAutoclose" }, outputs: { spxClose: "spxClose" }, host: { properties: { "class.spx-toasts-displayer": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
-    @if (messages && messages.length > 0) {
-      <div
-        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
-        <style>
-          .progress-bar-container {
-          width: 100%;
-          height: 5px;
-          background-color: #ccc;
-          margin-top: 8px;
-          border-radius: 2px;
-          overflow: hidden;
-        }
-        .progress-bar {
-        height: 100%;
-        background-color: #76c7c0;
-        animation-name: progress;
-        animation-timing-function: ease-in-out;
-        animation-fill-mode: forwards;
-        animation-duration: 5000;
-      }
-      @keyframes progress {
-      from {
-      width: 0%;
-    }
-    to {
-    width: 100%;
-    }
-    }
-    </style>
-    @for (message of messages; track message) {
-      <spx-alert
-        [spxAutoclose]="message.autoClose"
-        [spxCloseable]="message.closeable"
-        [spxSeverity]="message.severity"
-        [spxTitle]="message.title"
-        (spxClose)="handleClose(message.id)"
-        (click)="handleClose(message.id)"
-        [id]="message.id"
-        >{{message.message}}
-        <!-- <div *ngIf="message.autoClose" class="progress-bar-container">
-        <div class="progress-bar"></div>
-      </div> -->
-    </spx-alert>
-    }
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxToasterComponent, isStandalone: true, selector: "spx-toaster", inputs: { messages: "messages", spxAutoclose: "spxAutoclose" }, outputs: { spxClose: "spxClose" }, host: { properties: { "class.spx-toasts-displayer": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
+    @if (messages && messages.length > 0) {
+      <div
+        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
+        <style>
+          .progress-bar-container {
+          width: 100%;
+          height: 5px;
+          background-color: #ccc;
+          margin-top: 8px;
+          border-radius: 2px;
+          overflow: hidden;
+        }
+        .progress-bar {
+        height: 100%;
+        background-color: #76c7c0;
+        animation-name: progress;
+        animation-timing-function: ease-in-out;
+        animation-fill-mode: forwards;
+        animation-duration: 5000;
+      }
+      @keyframes progress {
+      from {
+      width: 0%;
+    }
+    to {
+    width: 100%;
+    }
+    }
+    </style>
+    @for (message of messages; track message) {
+      <spx-alert
+        [spxAutoclose]="message.autoClose"
+        [spxCloseable]="message.closeable"
+        [spxSeverity]="message.severity"
+        [spxTitle]="message.title"
+        (spxClose)="handleClose(message.id)"
+        (click)="handleClose(message.id)"
+        [id]="message.id"
+        >{{message.message}}
+        <!-- <div *ngIf="message.autoClose" class="progress-bar-container">
+        <div class="progress-bar"></div>
+      </div> -->
+    </spx-alert>
+    }
+    </div>
     }`, isInline: true, styles: ["\n          .progress-bar-container {\n          width: 100%;\n          height: 5px;\n          background-color: #ccc;\n          margin-top: 8px;\n          border-radius: 2px;\n          overflow: hidden;\n        }\n        .progress-bar {\n        height: 100%;\n        background-color: #76c7c0;\n        animation-name: progress;\n        animation-timing-function: ease-in-out;\n        animation-fill-mode: forwards;\n        animation-duration: 5000;\n      }\n      @keyframes progress {\n      from {\n      width: 0%;\n    }\n    to {\n    width: 100%;\n    }\n    }\n    "], dependencies: [{ kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity", "tick"], outputs: ["spxClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxToasterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spx-toaster',
-                    template: `
-    @if (messages && messages.length > 0) {
-      <div
-        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
-        <style>
-          .progress-bar-container {
-          width: 100%;
-          height: 5px;
-          background-color: #ccc;
-          margin-top: 8px;
-          border-radius: 2px;
-          overflow: hidden;
-        }
-        .progress-bar {
-        height: 100%;
-        background-color: #76c7c0;
-        animation-name: progress;
-        animation-timing-function: ease-in-out;
-        animation-fill-mode: forwards;
-        animation-duration: 5000;
-      }
-      @keyframes progress {
-      from {
-      width: 0%;
-    }
-    to {
-    width: 100%;
-    }
-    }
-    </style>
-    @for (message of messages; track message) {
-      <spx-alert
-        [spxAutoclose]="message.autoClose"
-        [spxCloseable]="message.closeable"
-        [spxSeverity]="message.severity"
-        [spxTitle]="message.title"
-        (spxClose)="handleClose(message.id)"
-        (click)="handleClose(message.id)"
-        [id]="message.id"
-        >{{message.message}}
-        <!-- <div *ngIf="message.autoClose" class="progress-bar-container">
-        <div class="progress-bar"></div>
-      </div> -->
-    </spx-alert>
-    }
-    </div>
+                    template: `
+    @if (messages && messages.length > 0) {
+      <div
+        class="flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
+        <style>
+          .progress-bar-container {
+          width: 100%;
+          height: 5px;
+          background-color: #ccc;
+          margin-top: 8px;
+          border-radius: 2px;
+          overflow: hidden;
+        }
+        .progress-bar {
+        height: 100%;
+        background-color: #76c7c0;
+        animation-name: progress;
+        animation-timing-function: ease-in-out;
+        animation-fill-mode: forwards;
+        animation-duration: 5000;
+      }
+      @keyframes progress {
+      from {
+      width: 0%;
+    }
+    to {
+    width: 100%;
+    }
+    }
+    </style>
+    @for (message of messages; track message) {
+      <spx-alert
+        [spxAutoclose]="message.autoClose"
+        [spxCloseable]="message.closeable"
+        [spxSeverity]="message.severity"
+        [spxTitle]="message.title"
+        (spxClose)="handleClose(message.id)"
+        (click)="handleClose(message.id)"
+        [id]="message.id"
+        >{{message.message}}
+        <!-- <div *ngIf="message.autoClose" class="progress-bar-container">
+        <div class="progress-bar"></div>
+      </div> -->
+    </spx-alert>
+    }
+    </div>
     }`,
                     standalone: true,
                     imports: [

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 {\r\n    ERROR = 'error',\r\n    INFO = 'info',\r\n    SUCCESS = 'success',\r\n    WARNING = 'warning',\r\n}\r\n\r\nexport enum SpxToasterAutoCloseSpeedEnum {\r\n    DEFAULT = -1,\r\n    SLOW = -2,\r\n}\r\n\r\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\r\n    switch (autoCloseSpeed) {\r\n        case SpxToasterAutoCloseSpeedEnum.DEFAULT:\r\n            return Math.min(Math.max(messageText.length * 50, 2000), 7000);\r\n        case SpxToasterAutoCloseSpeedEnum.SLOW:\r\n            return Math.min(Math.max(messageText.length * 60, 3000), 10000);\r\n        default:\r\n            return autoCloseSpeed;\r\n    }\r\n}\r\n","import {\r\n    AfterViewInit,\r\n    Component,\r\n    ElementRef,\r\n    EventEmitter,\r\n    HostBinding,\r\n    Input,\r\n    OnChanges,\r\n    OnInit,\r\n    Output,\r\n    Renderer2\r\n} from '@angular/core';\r\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\r\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\r\n\r\nimport { SpxToasterAutoCloseSpeedEnum } from './spx-toaster-autoclose-speed';\r\n\r\n@Component({\r\n    selector: 'spx-toaster',\r\n    template: `\r\n    @if (messages && messages.length > 0) {\r\n      <div\r\n        class=\"flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\r\n        <style>\r\n          .progress-bar-container {\r\n          width: 100%;\r\n          height: 5px;\r\n          background-color: #ccc;\r\n          margin-top: 8px;\r\n          border-radius: 2px;\r\n          overflow: hidden;\r\n        }\r\n        .progress-bar {\r\n        height: 100%;\r\n        background-color: #76c7c0;\r\n        animation-name: progress;\r\n        animation-timing-function: ease-in-out;\r\n        animation-fill-mode: forwards;\r\n        animation-duration: 5000;\r\n      }\r\n      @keyframes progress {\r\n      from {\r\n      width: 0%;\r\n    }\r\n    to {\r\n    width: 100%;\r\n    }\r\n    }\r\n    </style>\r\n    @for (message of messages; track message) {\r\n      <spx-alert\r\n        [spxAutoclose]=\"message.autoClose\"\r\n        [spxCloseable]=\"message.closeable\"\r\n        [spxSeverity]=\"message.severity\"\r\n        [spxTitle]=\"message.title\"\r\n        (spxClose)=\"handleClose(message.id)\"\r\n        (click)=\"handleClose(message.id)\"\r\n        [id]=\"message.id\"\r\n        >{{message.message}}\r\n        <!-- <div *ngIf=\"message.autoClose\" class=\"progress-bar-container\">\r\n        <div class=\"progress-bar\"></div>\r\n      </div> -->\r\n    </spx-alert>\r\n    }\r\n    </div>\r\n    }`,\r\n    standalone: true,\r\n    imports: [\r\n    SpxAlertComponent\r\n],\r\n})\r\nexport class SpxToasterComponent implements OnChanges {\r\n    @HostBinding('class.spx-toasts-displayer') hostClass = true;\r\n    @Input() messages!: SpxToasterMessageI[];\r\n    @Output() spxClose: EventEmitter<number> = new EventEmitter<number>();\r\n    @Input() spxAutoclose: number | undefined;\r\n    count: number = 0;\r\n    constructor(private renderer: Renderer2, private el: ElementRef) { \r\n\r\n    }\r\n\r\n\r\n    ngOnChanges() {\r\n        this.messages = this.messages.map(m => ({ ...m, autoClose: this.calcToasterAutocloseSpeed(m.autoClose, m.message) }));\r\n        if (this.messages.length > 0) {\r\n            setTimeout(() => {\r\n                this.messages = this.messages.map(message => {\r\n                    if (message.autoClose) {\r\n                        // console.log(message.autoClose);\r\n                        // this.showProgressBar(message.autoClose, message.id)\r\n                        // this.showProgressBar(600000, message.id)\r\n                        setTimeout(() => {\r\n                            this.handleClose(message.id)\r\n                        }, message.autoClose);\r\n                    }\r\n                    return message;\r\n                });\r\n            }, 0);\r\n        }\r\n    }\r\n      \r\n\r\n    showProgressBar(autoclose: number, id: number) {\r\n        const alertElement = this.el.nativeElement.querySelector(`spx-alert[id=\"${id}\"]`);\r\n        console.log(alertElement);\r\n        if (alertElement) {\r\n          \r\n        } else {\r\n          console.error(`spx-alert element with ID ${id} not found.`);\r\n        }\r\n      }\r\n      \r\n\r\n    public handleClose(id: number) {\r\n        this.spxClose.emit(id);\r\n    }\r\n\r\n    private calcToasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string): number {\r\n        switch (autoCloseSpeed) {\r\n            case SpxToasterAutoCloseSpeedEnum.DEFAULT:\r\n                return Math.min(Math.max(messageText.length * 50, 2000), 7000);\r\n            case SpxToasterAutoCloseSpeedEnum.SLOW:\r\n                return Math.min(Math.max(messageText.length * 60, 3000), 10000);\r\n            default:\r\n                return autoCloseSpeed;\r\n        }\r\n    }\r\n}\r\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\r\n\r\nexport class SpxToasterMessageI {\r\n    autoClose?: any;\r\n    title?: string;\r\n    closeable?: boolean;\r\n    id!: number;\r\n    message!: string;\r\n    severity!: SpxSeverityEnum;\r\n    uniqueIdentifier?: string;\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;IAAY,uBAKX;AALD,CAAA,UAAY,sBAAsB,EAAA;AAC9B,IAAA,sBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,sBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,sBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,sBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACvB,CAAC,EALW,sBAAsB,KAAtB,sBAAsB,GAKjC,EAAA,CAAA,CAAA,CAAA;IAEW,6BAGX;AAHD,CAAA,UAAY,4BAA4B,EAAA;AACpC,IAAA,4BAAA,CAAA,4BAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,SAAY,CAAA;AACZ,IAAA,4BAAA,CAAA,4BAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,MAAS,CAAA;AACb,CAAC,EAHW,4BAA4B,KAA5B,4BAA4B,GAGvC,EAAA,CAAA,CAAA,CAAA;AAEe,SAAA,qBAAqB,CAAC,cAA4C,EAAE,WAAmB,EAAA;IACnG,QAAQ,cAAc;QAClB,KAAK,4BAA4B,CAAC,OAAO;AACrC,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QACnE,KAAK,4BAA4B,CAAC,IAAI;AAClC,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;AACpE,QAAA;AACI,YAAA,OAAO,cAAc,CAAC;KAC7B;AACL;;MCkDa,mBAAmB,CAAA;IAM5B,WAAoB,CAAA,QAAmB,EAAU,EAAc,EAAA;QAA3C,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QAAU,IAAE,CAAA,EAAA,GAAF,EAAE,CAAY;QALpB,IAAS,CAAA,SAAA,GAAG,IAAI,CAAC;AAElD,QAAA,IAAA,CAAA,QAAQ,GAAyB,IAAI,YAAY,EAAU,CAAC;QAEtE,IAAK,CAAA,KAAA,GAAW,CAAC,CAAC;KAGjB;IAGD,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QACtH,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,UAAU,CAAC,MAAK;gBACZ,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAG;AACxC,oBAAA,IAAI,OAAO,CAAC,SAAS,EAAE;;;;wBAInB,UAAU,CAAC,MAAK;AACZ,4BAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;AAChC,yBAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;qBACzB;AACD,oBAAA,OAAO,OAAO,CAAC;AACnB,iBAAC,CAAC,CAAC;aACN,EAAE,CAAC,CAAC,CAAC;SACT;KACJ;IAGD,eAAe,CAAC,SAAiB,EAAE,EAAU,EAAA;AACzC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA,cAAA,EAAiB,EAAE,CAAA,EAAA,CAAI,CAAC,CAAC;AAClF,QAAA,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC1B,IAAI,YAAY,EAAE;SAEjB;aAAM;AACL,YAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAA,WAAA,CAAa,CAAC,CAAC;SAC7D;KACF;AAGI,IAAA,WAAW,CAAC,EAAU,EAAA;AACzB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC1B;IAEO,yBAAyB,CAAC,cAA4C,EAAE,WAAmB,EAAA;QAC/F,QAAQ,cAAc;YAClB,KAAK,4BAA4B,CAAC,OAAO;AACrC,gBAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;YACnE,KAAK,4BAA4B,CAAC,IAAI;AAClC,gBAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;AACpE,YAAA;AACI,gBAAA,OAAO,cAAc,CAAC;SAC7B;KACJ;+GAvDQ,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EApDlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,4BAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CR,KAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6kBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAGF,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAtD/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CR,KAAA,CAAA;AACF,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE;wBACT,iBAAiB;AACpB,qBAAA;AACA,iBAAA,CAAA;uGAE8C,SAAS,EAAA,CAAA;sBAAnD,WAAW;uBAAC,4BAA4B,CAAA;gBAChC,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBACE,YAAY,EAAA,CAAA;sBAApB,KAAK;;;MCzEG,kBAAkB,CAAA;AAQ9B;;ACVD;;AAEG;;;;"}
+{"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    AfterViewInit,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    Renderer2\n} from '@angular/core';\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\n\nimport { SpxToasterAutoCloseSpeedEnum } from './spx-toaster-autoclose-speed';\n\n@Component({\n    selector: 'spx-toaster',\n    template: `\n    @if (messages && messages.length > 0) {\n      <div\n        class=\"flex flex-col gap-2 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\n        <style>\n          .progress-bar-container {\n          width: 100%;\n          height: 5px;\n          background-color: #ccc;\n          margin-top: 8px;\n          border-radius: 2px;\n          overflow: hidden;\n        }\n        .progress-bar {\n        height: 100%;\n        background-color: #76c7c0;\n        animation-name: progress;\n        animation-timing-function: ease-in-out;\n        animation-fill-mode: forwards;\n        animation-duration: 5000;\n      }\n      @keyframes progress {\n      from {\n      width: 0%;\n    }\n    to {\n    width: 100%;\n    }\n    }\n    </style>\n    @for (message of messages; track message) {\n      <spx-alert\n        [spxAutoclose]=\"message.autoClose\"\n        [spxCloseable]=\"message.closeable\"\n        [spxSeverity]=\"message.severity\"\n        [spxTitle]=\"message.title\"\n        (spxClose)=\"handleClose(message.id)\"\n        (click)=\"handleClose(message.id)\"\n        [id]=\"message.id\"\n        >{{message.message}}\n        <!-- <div *ngIf=\"message.autoClose\" class=\"progress-bar-container\">\n        <div class=\"progress-bar\"></div>\n      </div> -->\n    </spx-alert>\n    }\n    </div>\n    }`,\n    standalone: true,\n    imports: [\n    SpxAlertComponent\n],\n})\nexport class SpxToasterComponent implements OnChanges {\n    @HostBinding('class.spx-toasts-displayer') hostClass = true;\n    @Input() messages!: SpxToasterMessageI[];\n    @Output() spxClose: EventEmitter<number> = new EventEmitter<number>();\n    @Input() spxAutoclose: number | undefined;\n    count: number = 0;\n    constructor(private renderer: Renderer2, private el: ElementRef) { \n\n    }\n\n\n    ngOnChanges() {\n        this.messages = this.messages.map(m => ({ ...m, autoClose: this.calcToasterAutocloseSpeed(m.autoClose, m.message) }));\n        if (this.messages.length > 0) {\n            setTimeout(() => {\n                this.messages = this.messages.map(message => {\n                    if (message.autoClose) {\n                        // console.log(message.autoClose);\n                        // this.showProgressBar(message.autoClose, message.id)\n                        // this.showProgressBar(600000, message.id)\n                        setTimeout(() => {\n                            this.handleClose(message.id)\n                        }, message.autoClose);\n                    }\n                    return message;\n                });\n            }, 0);\n        }\n    }\n      \n\n    showProgressBar(autoclose: number, id: number) {\n        const alertElement = this.el.nativeElement.querySelector(`spx-alert[id=\"${id}\"]`);\n        console.log(alertElement);\n        if (alertElement) {\n          \n        } else {\n          console.error(`spx-alert element with ID ${id} not found.`);\n        }\n      }\n      \n\n    public handleClose(id: number) {\n        this.spxClose.emit(id);\n    }\n\n    private calcToasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string): number {\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}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxToasterMessageI {\n    autoClose?: any;\n    title?: string;\n    closeable?: boolean;\n    id!: number;\n    message!: string;\n    severity!: SpxSeverityEnum;\n    uniqueIdentifier?: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}