npm - @softpak/components - Versions diffs - 19.24.0 → 19.25.1 - Mend

@softpak/components 19.24.0 → 19.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/fesm2022/softpak-components-spx-change-details.mjs CHANGED Viewed

@@ -138,12 +138,14 @@ class SpxChangeDetailsComponent {
         return formControl._rawValidators;
     }
     onBlur(data) {
-        if (data.field.key === spxCtrlCategory) {
-            this.spxBlurCategory.emit(data.valuePair);
-        }
-        if (data.field.key === spxCtrlContainerType) {
-            this.spxBlurContainerType.emit(data.valuePair);
-        }
+        setTimeout(() => {
+            if (data.field.key === spxCtrlCategory && valuePairToValue(this.formGroup().get(spxCtrlCategory).value) !== null) {
+                this.spxBlurCategory.emit(data.valuePair);
+            }
+            if (data.field.key === spxCtrlContainerType && valuePairToValue(this.formGroup().get(spxCtrlContainerType).value) !== null) {
+                this.spxBlurContainerType.emit(data.valuePair);
+            }
+        }, 300);
     }
     onSearch(data) {
         if (data.field.key === spxCtrlCategory) {

package/fesm2022/softpak-components-spx-change-details.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"softpak-components-spx-change-details.mjs","sources":["../../../../projects/softpak/components/spx-change-details/spx-change-details.component.ts","../../../../projects/softpak/components/spx-change-details/spx-change-details.component.html","../../../../projects/softpak/components/spx-change-details/softpak-components-spx-change-details.ts"],"sourcesContent":["import { ChangeDetectionStrategy, computed, effect, input, output } from '@angular/core';\r\nimport { Component } from '@angular/core';\r\nimport {\r\n FormBuilder,\r\n FormControl,\r\n FormGroup,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n} from '@angular/forms';\r\nimport { Subscription } from 'rxjs';\r\nimport { SpxChangeDetailsValueI } from './spx-change-details-value.interface';\r\nimport { SpxFormViewComponent, SpxFormI, SpxFormButtonTypeEnum, SpxFormFieldI } from '@softpak/components/spx-form-view';\r\nimport { SpxSeverityEnum, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxValuePair, SpxInputTypeEnum } from '@softpak/components/spx-inputs';\r\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\r\n\r\nexport const spxSectionChangeDetails = 'changeDetails';\r\nexport const spxCtrlContainerNumber = 'containerNumber';\r\nexport const spxCtrlContainerSeqNr = 'containerSeqNr';\r\nexport const spxCtrlContainerType = 'containerType';\r\nexport const spxCtrlCustomer = 'customer';\r\nexport const spxCtrlTonsTested = 'tonsTested';\r\nexport const spxCtrlLicensePlate = 'licensePlate';\r\nexport const spxCtrlCategory = 'category';\r\nexport const spxCtrlUseCategories = 'useCategories';\r\n\r\n@Component({\r\n selector: 'spx-change-details',\r\n templateUrl: './spx-change-details.component.html',\r\n imports: [\r\n FormsModule,\r\n ReactiveFormsModule,\r\n SpxFormViewComponent,\r\n ],\r\n standalone: true,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SpxChangeDetailsComponent {\r\n readonly formGroup = input<FormGroup>();\r\n readonly suggestions = input<any>();\r\n private readonly showTonsTested = computed(() =>\r\n this.suggestions()?.[spxCtrlTonsTested] &&\r\n this.suggestions()?.[spxCtrlTonsTested].length &&\r\n this.suggestions()?.[spxCtrlTonsTested].length > 0\r\n );\r\n readonly textCategory = input<string>();\r\n readonly textContainerNumber = input<string>();\r\n readonly textContainerType = input<string>();\r\n readonly textCustomer = input<string>();\r\n readonly textLicensePlate = input<string>();\r\n readonly textSave = input<string>();\r\n readonly textTonsTested = input<string>();\r\n spxBlurCategory = output<SpxValuePair<string>>();\r\n spxBlurContainerType = output<SpxValuePair<string>>();\r\n spxSearchCategory = output<SpxValuePair<string>>();\r\n spxSearchContainerType = output<SpxValuePair<string>>();\r\n spxSearchTonsTested = output<SpxValuePair<string>>();\r\n submit = output<SpxChangeDetailsValueI>();\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.textSave()!,\r\n }\r\n ],\r\n sections: [\r\n {\r\n key: spxSectionChangeDetails,\r\n showTitle: () => false,\r\n fields: [\r\n {\r\n key: spxCtrlContainerSeqNr,\r\n type: () => SpxInputTypeEnum.hidden,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlContainerNumber,\r\n type: () => SpxInputTypeEnum.text,\r\n label: () => this.textContainerNumber()!,\r\n readonly: () => true,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlCustomer,\r\n type: () => SpxInputTypeEnum.text,\r\n capitalize: () => true,\r\n readonly: () => true,\r\n label: () => this.textCustomer()!,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlContainerType,\r\n type: () => SpxInputTypeEnum.autocomplete,\r\n label: () => this.textContainerType()!,\r\n capitalize: () => true,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlTonsTested,\r\n type: () => SpxInputTypeEnum.radio,\r\n label: () => this.textTonsTested()!,\r\n show: () => this.showTonsTested(),\r\n },\r\n {\r\n key: spxCtrlLicensePlate,\r\n type: () => SpxInputTypeEnum.text,\r\n label: () => this.textLicensePlate()!,\r\n capitalize: () => true,\r\n },\r\n {\r\n key: spxCtrlUseCategories,\r\n type: () => SpxInputTypeEnum.hidden,\r\n capitalize: () => true,\r\n },\r\n {\r\n key: spxCtrlCategory,\r\n type: () => SpxInputTypeEnum.autocomplete,\r\n label: () => this.textCategory()!,\r\n capitalize: () => true,\r\n show: () => valuePairToValue(this.ctrlUseCategories()?.value),\r\n validators: () => valuePairToValue(this.ctrlUseCategories()?.value) ? [spxValidatorRequired()] : [],\r\n }\r\n ]\r\n }\r\n ]\r\n };\r\n\r\n readonly ctrlCategory = computed(() => this.formGroup()?.get(spxCtrlCategory) as FormControl);\r\n readonly ctrlCustomer = computed(() => this.formGroup()?.get(spxCtrlCustomer) as FormControl);\r\n readonly ctrlContainerType = computed(() => this.formGroup()?.get(spxCtrlContainerType) as FormControl);\r\n readonly ctrlLicensePlate = computed(() => this.formGroup()?.get(spxCtrlLicensePlate) as FormControl);\r\n readonly ctrlTonsTested = computed(() => this.formGroup()?.get(spxCtrlTonsTested) as FormControl);\r\n readonly ctrlUseCategories = computed(() => this.formGroup()?.get(spxCtrlUseCategories) as FormControl);\r\n\r\n private subContainerType?: Subscription;\r\n\r\n constructor(readonly formBuilder: FormBuilder) {\r\n effect(() => {\r\n if (\r\n this.showTonsTested()\r\n ) {\r\n this.ctrlTonsTested()?.addValidators([spxValidatorRequired()]);\r\n this.ctrlTonsTested()?.updateValueAndValidity();\r\n } else {\r\n this.ctrlTonsTested()?.clearValidators();\r\n this.ctrlTonsTested()?.updateValueAndValidity();\r\n }\r\n });\r\n }\r\n\r\n createForm(): FormGroup {\r\n return SpxFormViewComponent.createForm(\r\n this.formBuilder,\r\n this.form.sections\r\n );\r\n }\r\n\r\n ngOnInit(): void {\r\n this.listenToContainerType();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subContainerType) {\r\n this.subContainerType.unsubscribe();\r\n }\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 (data.field.key === spxCtrlCategory) {\r\n this.spxBlurCategory.emit(data.valuePair);\r\n }\r\n if (data.field.key === spxCtrlContainerType) {\r\n this.spxBlurContainerType.emit(data.valuePair);\r\n }\r\n }\r\n\r\n onSearch(data: { field: SpxFormFieldI; valuePair: SpxValuePair<any> }) {\r\n if (data.field.key === spxCtrlCategory) {\r\n this.spxSearchCategory.emit(data.valuePair);\r\n }\r\n if (data.field.key === spxCtrlContainerType) {\r\n this.spxSearchContainerType.emit(data.valuePair);\r\n }\r\n if (data.field.key === spxCtrlTonsTested) {\r\n this.spxSearchTonsTested.emit(data.valuePair);\r\n }\r\n }\r\n\r\n onSubmit(): void {\r\n this.submit.emit({\r\n category: valuePairToValue(this.ctrlUseCategories().value) ? this.ctrlCategory().value : null,\r\n containerType: this.ctrlContainerType().value,\r\n licensePlate: this.ctrlLicensePlate().value,\r\n tonsTested: this.ctrlTonsTested().value,\r\n })\r\n }\r\n\r\n private listenToContainerType(): void {\r\n this.subContainerType = this.ctrlContainerType().valueChanges.subscribe(valuePair => {\r\n this.ctrlTonsTested().setValue({ value: null });\r\n this.spxSearchTonsTested.emit(valuePair);\r\n });\r\n }\r\n}\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>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"softpak-components-spx-change-details.mjs","sources":["../../../../projects/softpak/components/spx-change-details/spx-change-details.component.ts","../../../../projects/softpak/components/spx-change-details/spx-change-details.component.html","../../../../projects/softpak/components/spx-change-details/softpak-components-spx-change-details.ts"],"sourcesContent":["import { ChangeDetectionStrategy, computed, effect, input, output } from '@angular/core';\r\nimport { Component } from '@angular/core';\r\nimport {\r\n FormBuilder,\r\n FormControl,\r\n FormGroup,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n} from '@angular/forms';\r\nimport { Subscription } from 'rxjs';\r\nimport { SpxChangeDetailsValueI } from './spx-change-details-value.interface';\r\nimport { SpxFormViewComponent, SpxFormI, SpxFormButtonTypeEnum, SpxFormFieldI } from '@softpak/components/spx-form-view';\r\nimport { SpxSeverityEnum, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxValuePair, SpxInputTypeEnum } from '@softpak/components/spx-inputs';\r\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\r\n\r\nexport const spxSectionChangeDetails = 'changeDetails';\r\nexport const spxCtrlContainerNumber = 'containerNumber';\r\nexport const spxCtrlContainerSeqNr = 'containerSeqNr';\r\nexport const spxCtrlContainerType = 'containerType';\r\nexport const spxCtrlCustomer = 'customer';\r\nexport const spxCtrlTonsTested = 'tonsTested';\r\nexport const spxCtrlLicensePlate = 'licensePlate';\r\nexport const spxCtrlCategory = 'category';\r\nexport const spxCtrlUseCategories = 'useCategories';\r\n\r\n@Component({\r\n selector: 'spx-change-details',\r\n templateUrl: './spx-change-details.component.html',\r\n imports: [\r\n FormsModule,\r\n ReactiveFormsModule,\r\n SpxFormViewComponent,\r\n ],\r\n standalone: true,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SpxChangeDetailsComponent {\r\n readonly formGroup = input<FormGroup>();\r\n readonly suggestions = input<any>();\r\n private readonly showTonsTested = computed(() =>\r\n this.suggestions()?.[spxCtrlTonsTested] &&\r\n this.suggestions()?.[spxCtrlTonsTested].length &&\r\n this.suggestions()?.[spxCtrlTonsTested].length > 0\r\n );\r\n readonly textCategory = input<string>();\r\n readonly textContainerNumber = input<string>();\r\n readonly textContainerType = input<string>();\r\n readonly textCustomer = input<string>();\r\n readonly textLicensePlate = input<string>();\r\n readonly textSave = input<string>();\r\n readonly textTonsTested = input<string>();\r\n spxBlurCategory = output<SpxValuePair<string>>();\r\n spxBlurContainerType = output<SpxValuePair<string>>();\r\n spxSearchCategory = output<SpxValuePair<string>>();\r\n spxSearchContainerType = output<SpxValuePair<string>>();\r\n spxSearchTonsTested = output<SpxValuePair<string>>();\r\n submit = output<SpxChangeDetailsValueI>();\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.textSave()!,\r\n }\r\n ],\r\n sections: [\r\n {\r\n key: spxSectionChangeDetails,\r\n showTitle: () => false,\r\n fields: [\r\n {\r\n key: spxCtrlContainerSeqNr,\r\n type: () => SpxInputTypeEnum.hidden,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlContainerNumber,\r\n type: () => SpxInputTypeEnum.text,\r\n label: () => this.textContainerNumber()!,\r\n readonly: () => true,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlCustomer,\r\n type: () => SpxInputTypeEnum.text,\r\n capitalize: () => true,\r\n readonly: () => true,\r\n label: () => this.textCustomer()!,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlContainerType,\r\n type: () => SpxInputTypeEnum.autocomplete,\r\n label: () => this.textContainerType()!,\r\n capitalize: () => true,\r\n validators: () => [spxValidatorRequired()],\r\n },\r\n {\r\n key: spxCtrlTonsTested,\r\n type: () => SpxInputTypeEnum.radio,\r\n label: () => this.textTonsTested()!,\r\n show: () => this.showTonsTested(),\r\n },\r\n {\r\n key: spxCtrlLicensePlate,\r\n type: () => SpxInputTypeEnum.text,\r\n label: () => this.textLicensePlate()!,\r\n capitalize: () => true,\r\n },\r\n {\r\n key: spxCtrlUseCategories,\r\n type: () => SpxInputTypeEnum.hidden,\r\n capitalize: () => true,\r\n },\r\n {\r\n key: spxCtrlCategory,\r\n type: () => SpxInputTypeEnum.autocomplete,\r\n label: () => this.textCategory()!,\r\n capitalize: () => true,\r\n show: () => valuePairToValue(this.ctrlUseCategories()?.value),\r\n validators: () => valuePairToValue(this.ctrlUseCategories()?.value) ? [spxValidatorRequired()] : [],\r\n }\r\n ]\r\n }\r\n ]\r\n };\r\n\r\n readonly ctrlCategory = computed(() => this.formGroup()?.get(spxCtrlCategory) as FormControl);\r\n readonly ctrlCustomer = computed(() => this.formGroup()?.get(spxCtrlCustomer) as FormControl);\r\n readonly ctrlContainerType = computed(() => this.formGroup()?.get(spxCtrlContainerType) as FormControl);\r\n readonly ctrlLicensePlate = computed(() => this.formGroup()?.get(spxCtrlLicensePlate) as FormControl);\r\n readonly ctrlTonsTested = computed(() => this.formGroup()?.get(spxCtrlTonsTested) as FormControl);\r\n readonly ctrlUseCategories = computed(() => this.formGroup()?.get(spxCtrlUseCategories) as FormControl);\r\n\r\n private subContainerType?: Subscription;\r\n\r\n constructor(readonly formBuilder: FormBuilder) {\r\n effect(() => {\r\n if (\r\n this.showTonsTested()\r\n ) {\r\n this.ctrlTonsTested()?.addValidators([spxValidatorRequired()]);\r\n this.ctrlTonsTested()?.updateValueAndValidity();\r\n } else {\r\n this.ctrlTonsTested()?.clearValidators();\r\n this.ctrlTonsTested()?.updateValueAndValidity();\r\n }\r\n });\r\n }\r\n\r\n createForm(): FormGroup {\r\n return SpxFormViewComponent.createForm(\r\n this.formBuilder,\r\n this.form.sections\r\n );\r\n }\r\n\r\n ngOnInit(): void {\r\n this.listenToContainerType();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subContainerType) {\r\n this.subContainerType.unsubscribe();\r\n }\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 setTimeout(() => {\r\n if (data.field.key === spxCtrlCategory && valuePairToValue(this.formGroup()!.get(spxCtrlCategory)!.value) !== null) {\r\n this.spxBlurCategory.emit(data.valuePair);\r\n }\r\n if (data.field.key === spxCtrlContainerType && valuePairToValue(this.formGroup()!.get(spxCtrlContainerType)!.value) !== null) {\r\n this.spxBlurContainerType.emit(data.valuePair);\r\n }\r\n }, 300);\r\n }\r\n\r\n onSearch(data: { field: SpxFormFieldI; valuePair: SpxValuePair<any> }) {\r\n if (data.field.key === spxCtrlCategory) {\r\n this.spxSearchCategory.emit(data.valuePair);\r\n }\r\n if (data.field.key === spxCtrlContainerType) {\r\n this.spxSearchContainerType.emit(data.valuePair);\r\n }\r\n if (data.field.key === spxCtrlTonsTested) {\r\n this.spxSearchTonsTested.emit(data.valuePair);\r\n }\r\n }\r\n\r\n onSubmit(): void {\r\n this.submit.emit({\r\n category: valuePairToValue(this.ctrlUseCategories().value) ? this.ctrlCategory().value : null,\r\n containerType: this.ctrlContainerType().value,\r\n licensePlate: this.ctrlLicensePlate().value,\r\n tonsTested: this.ctrlTonsTested().value,\r\n })\r\n }\r\n\r\n private listenToContainerType(): void {\r\n this.subContainerType = this.ctrlContainerType().valueChanges.subscribe(valuePair => {\r\n this.ctrlTonsTested().setValue({ value: null });\r\n this.spxSearchTonsTested.emit(valuePair);\r\n });\r\n }\r\n}\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>","/*\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-tabs.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { signal, input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { IonTabs, IonTabBar, IonTabButton } from '@ionic/angular/standalone';
@@ -14,10 +14,15 @@ const all = union({
     ctrl: ctrl,
 });
+var spxShortcuts_actions = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ctrl: ctrl
+});
 const initialState = {
     ctrlIsDown: false,
 };
-var spxShortCutsReducer = createFeature({
+var spxShortCutsReducer$1 = createFeature({
     name: 'spxShortcuts',
     reducer: createReducer(initialState, on(ctrl, (state, { keyIsDown }) => ({
         ...state,
@@ -25,11 +30,18 @@ var spxShortCutsReducer = createFeature({
     })))
 });
+var spxShortcuts_reducer = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: spxShortCutsReducer$1,
+    initialState: initialState
+});
 class SpxTabsComponent {
     constructor(store) {
         this.store = store;
         this.navItems = signal([]);
         this.showShortcuts = signal(false);
+        this.optionalNavItemBool = input(true);
         this.subscription = {};
     }
     ngOnInit() {
@@ -40,17 +52,17 @@ class SpxTabsComponent {
         unsubscribeSubscriptions(this.subscription);
     }
     listenToCtrlState() {
-        this.subscription.ctrlState = this.store.select(spxShortCutsReducer.selectCtrlIsDown).subscribe(ctrlIsDown => {
+        this.subscription.ctrlState = this.store.select(spxShortCutsReducer$1.selectCtrlIsDown).subscribe(ctrlIsDown => {
             this.showShortcuts.set(ctrlIsDown);
         });
     }
     listenToMenuState() {
         this.subscription.menuState = this.store.select(spxNavigationReducer.default.selectTabs).subscribe((tabs) => {
-            this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired || (tab.currentSettingsRequired)));
+            this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired || (tab.currentSettingsRequired && this.optionalNavItemBool())));
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpxTabsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: SpxTabsComponent, isStandalone: true, selector: "spx-tabs", ngImport: i0, template: "<ion-tabs #tabs select=\"home\">\r\n  <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n    @for (item of navItems(); track item.title) {\r\n      <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n        [attr.data-e2e]=\"'tab--' + item.code\">\r\n        <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n      </ion-tab-button>\r\n    }\r\n  </ion-tab-bar>\r\n</ion-tabs>", styles: ["ion-tab-button{--color--active-tab: #FAB206;--color-focused: var(--color--active-tab);--color-selected: var(--color--active-tab);font-size:14px;padding-top:10px;padding-bottom:10px}ion-tab-button.ion-tab-button--hme{--color--active-tab: var(--color-hme);--ripple-color: var(--color-hme)}ion-tab-button.ion-tab-button--ord{--color--active-tab: var(--color-ord);--ripple-color: var(--color-ord)}ion-tab-button.ion-tab-button--qua{--color--active-tab: var(--color-qua);--ripple-color: var(--color-qua)}ion-tab-button.ion-tab-button--rel{--color--active-tab: var(--color-rel);--ripple-color: var(--color-rel)}ion-tab-button.ion-tab-button--rfr{--color--active-tab: var(--color-rfr);--ripple-color: var(--color-rfr)}ion-tab-button.ion-tab-button--sta{--color--active-tab: var(--color-sta);--ripple-color: var(--color-sta)}\n"], dependencies: [{ kind: "component", type: IonTabs, selector: "ion-tabs" }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IonTabBar, selector: "ion-tab-bar", inputs: ["color", "mode", "selectedTab", "translucent"] }, { kind: "component", type: IonTabButton, selector: "ion-tab-button", inputs: ["disabled", "download", "href", "layout", "mode", "rel", "selected", "tab", "target"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: SpxTabsComponent, isStandalone: true, selector: "spx-tabs", inputs: { optionalNavItemBool: { classPropertyName: "optionalNavItemBool", publicName: "optionalNavItemBool", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ion-tabs #tabs select=\"home\">\r\n  <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n    @for (item of navItems(); track item.title) {\r\n      <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n        [attr.data-e2e]=\"'tab--' + item.code\">\r\n        <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n      </ion-tab-button>\r\n    }\r\n  </ion-tab-bar>\r\n</ion-tabs>", styles: ["ion-tab-button{--color--active-tab: #FAB206;--color-focused: var(--color--active-tab);--color-selected: var(--color--active-tab);font-size:14px;padding-top:10px;padding-bottom:10px}ion-tab-button.ion-tab-button--hme{--color--active-tab: var(--color-hme);--ripple-color: var(--color-hme)}ion-tab-button.ion-tab-button--ord{--color--active-tab: var(--color-ord);--ripple-color: var(--color-ord)}ion-tab-button.ion-tab-button--qua{--color--active-tab: var(--color-qua);--ripple-color: var(--color-qua)}ion-tab-button.ion-tab-button--rel{--color--active-tab: var(--color-rel);--ripple-color: var(--color-rel)}ion-tab-button.ion-tab-button--rfr{--color--active-tab: var(--color-rfr);--ripple-color: var(--color-rfr)}ion-tab-button.ion-tab-button--sta{--color--active-tab: var(--color-sta);--ripple-color: var(--color-sta)}\n"], dependencies: [{ kind: "component", type: IonTabs, selector: "ion-tabs" }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IonTabBar, selector: "ion-tab-bar", inputs: ["color", "mode", "selectedTab", "translucent"] }, { kind: "component", type: IonTabButton, selector: "ion-tab-button", inputs: ["disabled", "download", "href", "layout", "mode", "rel", "selected", "tab", "target"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpxTabsComponent, decorators: [{
             type: Component,
@@ -68,5 +80,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { SpxTabsComponent };
+export { SpxTabsComponent, spxShortcuts_actions as spxShortCutsActions, spxShortcuts_reducer as spxShortCutsReducer };
 //# sourceMappingURL=softpak-components-spx-tabs.mjs.map

package/fesm2022/softpak-components-spx-tabs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"softpak-components-spx-tabs.mjs","sources":["../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.actions.ts","../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.reducer.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.html","../../../../projects/softpak/components/spx-tabs/softpak-components-spx-tabs.ts"],"sourcesContent":["import { createAction, props, union } from '@ngrx/store';\r\n\r\nexport const ctrl = createAction('[SPX / Shortcuts] CTRL', props<{ keyIsDown: boolean; }>());\r\n\r\nconst all = union({\r\n ctrl: ctrl,\r\n});\r\nexport type Actions = typeof all;","import * as actions from './spx-shortcuts.actions';\r\nimport { createFeature, createReducer, on } from '@ngrx/store';\r\n\r\nexport interface StateI {\r\n ctrlIsDown: boolean;\r\n}\r\n\r\nexport const initialState: StateI = {\r\n ctrlIsDown: false,\r\n};\r\n\r\nexport default createFeature({\r\n name: 'spxShortcuts',\r\n reducer: createReducer(\r\n initialState,\r\n on(actions.ctrl, (state: StateI, { keyIsDown }): StateI => ({\r\n ...state,\r\n ctrlIsDown: keyIsDown,\r\n })),\r\n )}\r\n);","import { ChangeDetectionStrategy, Component, OnInit, signal } from \"@angular/core\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { FaIconComponent } from \"@fortawesome/angular-fontawesome\";\r\nimport { IonTabBar, IonTabButton, IonTabs } from \"@ionic/angular/standalone\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { unsubscribeSubscriptions } from \"@softpak/components/spx-helpers\";\r\nimport { SpxNavigationItemI, spxNavigationReducer } from \"@softpak/components/spx-navigation\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { NgClass } from \"@angular/common\";\r\nimport spxShortCutsReducer from '../store/spx-shortcuts.reducer';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'spx-tabs',\r\n standalone: true,\r\n imports: [\r\n IonTabs, \r\n FormsModule,\r\n IonTabBar,\r\n IonTabButton,\r\n FaIconComponent,\r\n NgClass\r\n ],\r\n templateUrl: './spx-tabs.component.html',\r\n styleUrl: './spx-tabs.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxTabsComponent implements OnInit {\r\n navItems = signal<SpxNavigationItemI[]>([]);\r\n showShortcuts = signal<boolean>(false);\r\n private subscription: {\r\n ctrlState?: Subscription;\r\n menuState?: Subscription;\r\n } = {};\r\n\r\n constructor(\r\n private readonly store: Store,\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.listenToMenuState();\r\n this.listenToCtrlState();\r\n }\r\n\r\n ngOnDestroy() {\r\n unsubscribeSubscriptions(this.subscription);\r\n }\r\n\r\n private listenToCtrlState(): void {\r\n this.subscription.ctrlState = this.store.select(spxShortCutsReducer.selectCtrlIsDown).subscribe(ctrlIsDown => {\r\n this.showShortcuts.set(ctrlIsDown);\r\n });\r\n }\r\n\r\n private listenToMenuState(): void {\r\n this.subscription.menuState = this.store.select(spxNavigationReducer.default.selectTabs).subscribe((tabs) => {\r\n this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired \|\| (tab.currentSettingsRequired)));\r\n });\r\n }\r\n\r\n}","<ion-tabs #tabs select=\"home\">\r\n <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n @for (item of navItems(); track item.title) {\r\n <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n [attr.data-e2e]=\"'tab--' + item.code\">\r\n <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n </ion-tab-button>\r\n }\r\n </ion-tab-bar>\r\n</ion-tabs>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["actions.ctrl"],"mappings":";;;;;;;;;;;AAEO,MAAM,IAAI,GAAG,YAAY,CAAC,wBAAwB,EAAE,KAAK,EAA2B,CAAC;AAE5F,MAAM,GAAG,GAAG,KAAK,CAAC;AACd,IAAA,IAAI,EAAE,IAAI;AACb,CAAA,CAAC;;ACCK,MAAM,YAAY,GAAW;AAClC,IAAA,UAAU,EAAE,KAAK;CAClB;AAED,~~0BAAe~~,aAAa,CAAC;AAC3B,IAAA,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,aAAa,CACpB,YAAY,EACZ,EAAE,CAACA,IAAY,EAAE,CAAC,KAAa,EAAE,EAAE,SAAS,EAAE,MAAc;AACxD,QAAA,GAAG,KAAK;AACR,QAAA,UAAU,EAAE,SAAS;AACxB,KAAA,CAAC,CAAC;AACH,CAAA,CACH;;MCOY,gBAAgB,CAAA;~~AAQ3B~~,IAAA,WAAA,CACmB,KAAY,EAAA;QAAZ,IAAK,CAAA,KAAA,GAAL,KAAK;~~AARxB~~,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAuB,EAAE,CAAC;AAC3C,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAU,KAAK,CAAC;~~QAC9B~~,IAAY,CAAA,YAAA,GAGhB,EAAE;;IAMN,QAAQ,GAAA;QACN,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,iBAAiB,EAAE;;IAG1B,WAAW,GAAA;AACT,QAAA,wBAAwB,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGrC,iBAAiB,GAAA;QACvB,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,~~CAAC~~,~~mBAAmB~~,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,UAAU,IAAG;AAC3G,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC;AACpC,SAAC,CAAC;;IAGI,iBAAiB,GAAA;QACvB,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;~~YAC1G~~,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,uBAAuB,KAAK,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC;~~AACtG~~,SAAC,CAAC;;+~~GA9BO~~,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,KAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EC3B7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,meASW,EDOL,MAAA,EAAA,CAAA,qzBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,EACP,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,EACX,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,SAAS,EACT,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAY,EACZ,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,4MACf,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAMA,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAhB5B,SAAS;+BAEI,UAAU,EAAA,UAAA,EACR,IAAI,EACP,OAAA,EAAA;wBACP,OAAO;wBACP,WAAW;wBACX,SAAS;wBACT,YAAY;wBACZ,eAAe;wBACf;qBACD,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,meAAA,EAAA,MAAA,EAAA,CAAA,qzBAAA,CAAA,EAAA;;;AEzBnD;;AAEG;;;;"}
1	+ {"version":3,"file":"softpak-components-spx-tabs.mjs","sources":["../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.actions.ts","../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.reducer.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.html","../../../../projects/softpak/components/spx-tabs/softpak-components-spx-tabs.ts"],"sourcesContent":["import { createAction, props, union } from '@ngrx/store';\r\n\r\nexport const ctrl = createAction('[SPX / Shortcuts] CTRL', props<{ keyIsDown: boolean; }>());\r\n\r\nconst all = union({\r\n ctrl: ctrl,\r\n});\r\nexport type Actions = typeof all;","import * as actions from './spx-shortcuts.actions';\r\nimport { createFeature, createReducer, on } from '@ngrx/store';\r\n\r\nexport interface StateI {\r\n ctrlIsDown: boolean;\r\n}\r\n\r\nexport const initialState: StateI = {\r\n ctrlIsDown: false,\r\n};\r\n\r\nexport default createFeature({\r\n name: 'spxShortcuts',\r\n reducer: createReducer(\r\n initialState,\r\n on(actions.ctrl, (state: StateI, { keyIsDown }): StateI => ({\r\n ...state,\r\n ctrlIsDown: keyIsDown,\r\n })),\r\n )}\r\n);","import { ChangeDetectionStrategy, Component, input, OnInit, signal } from \"@angular/core\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { FaIconComponent } from \"@fortawesome/angular-fontawesome\";\r\nimport { IonTabBar, IonTabButton, IonTabs } from \"@ionic/angular/standalone\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { unsubscribeSubscriptions } from \"@softpak/components/spx-helpers\";\r\nimport { SpxNavigationItemI, spxNavigationReducer } from \"@softpak/components/spx-navigation\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { NgClass } from \"@angular/common\";\r\nimport spxShortCutsReducer from '../store/spx-shortcuts.reducer';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'spx-tabs',\r\n standalone: true,\r\n imports: [\r\n IonTabs, \r\n FormsModule,\r\n IonTabBar,\r\n IonTabButton,\r\n FaIconComponent,\r\n NgClass\r\n ],\r\n templateUrl: './spx-tabs.component.html',\r\n styleUrl: './spx-tabs.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxTabsComponent implements OnInit {\r\n navItems = signal<SpxNavigationItemI[]>([]);\r\n showShortcuts = signal<boolean>(false);\r\n optionalNavItemBool = input<boolean>(true);\r\n private subscription: {\r\n ctrlState?: Subscription;\r\n menuState?: Subscription;\r\n } = {};\r\n\r\n constructor(\r\n private readonly store: Store,\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.listenToMenuState();\r\n this.listenToCtrlState();\r\n }\r\n\r\n ngOnDestroy() {\r\n unsubscribeSubscriptions(this.subscription);\r\n }\r\n\r\n private listenToCtrlState(): void {\r\n this.subscription.ctrlState = this.store.select(spxShortCutsReducer.selectCtrlIsDown).subscribe(ctrlIsDown => {\r\n this.showShortcuts.set(ctrlIsDown);\r\n });\r\n }\r\n\r\n private listenToMenuState(): void {\r\n this.subscription.menuState = this.store.select(spxNavigationReducer.default.selectTabs).subscribe((tabs) => {\r\n this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired \|\| (tab.currentSettingsRequired && this.optionalNavItemBool())));\r\n });\r\n }\r\n\r\n}","<ion-tabs #tabs select=\"home\">\r\n <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n @for (item of navItems(); track item.title) {\r\n <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n [attr.data-e2e]=\"'tab--' + item.code\">\r\n <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n </ion-tab-button>\r\n }\r\n </ion-tab-bar>\r\n</ion-tabs>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["actions.ctrl","spxShortCutsReducer"],"mappings":"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"}

package/fesm2022/softpak-components-spx-validation-messages.mjs ADDED Viewed

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+class SpxValidationMessagesComponent {
+    constructor() {
+        this.errors = input.required();
+        this.touched = input.required();
+        this.formControlI = input(undefined);
+        this.fieldLabel = input(undefined);
+        this.submitTried = input(undefined);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpxValidationMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: SpxValidationMessagesComponent, isStandalone: true, selector: "spx-validation-messages", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: true, transformFunction: null }, formControlI: { classPropertyName: "formControlI", publicName: "formControlI", isSignal: true, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "fieldLabel", isSignal: true, isRequired: false, transformFunction: null }, submitTried: { classPropertyName: "submitTried", publicName: "submitTried", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "\r\n@if (formControlI() && errors() && (touched() || submitTried())) {\r\n  @if (errors()[\"maxlength\"]) {\r\n    <div>'{{fieldLabel()}}' is too long, the maximum length is {{errors()[\"maxlength\"].requiredLength}}.</div>\r\n  }\r\n  @if (errors()[\"minlength\"]) {\r\n    <div>'{{fieldLabel()}}' is too short, the minimum length is {{errors()[\"minlength\"].requiredLength}}.</div>\r\n  }\r\n  @if (errors()[\"max\"]) {\r\n    <div>The value of '{{fieldLabel()}}' is too high, the maximum is {{errors()[\"max\"].max}}.</div>\r\n  }\r\n  @if (errors()[\"min\"]) {\r\n    <div>The value of '{{fieldLabel()}}' is too low, the minimum is {{errors()[\"min\"].min}}.</div>\r\n  }\r\n  @if (errors()[\"pattern\"]) {\r\n    <div>The pattern of '{{fieldLabel()}}' not valid.</div>\r\n  }\r\n  @if (errors()[\"required\"]) {\r\n    <div>'{{fieldLabel()}}' is required.</div>\r\n  }\r\n  @if (errors()[\"year\"]) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (errors()[\"yearFuture\"]) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (errors()[\"month\"]) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (errors()[\"future\"]) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (errors()[\"past\"]) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\n  @if (errors()[\"invalidCode\"]) {\r\n    <div>The {{ errors()[\"invalidCode\"].name }} code {{ errors()[\"invalidCode\"].code }} does not exist.</div>\r\n  }\r\n}", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpxValidationMessagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-validation-messages', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n@if (formControlI() && errors() && (touched() || submitTried())) {\r\n  @if (errors()[\"maxlength\"]) {\r\n    <div>'{{fieldLabel()}}' is too long, the maximum length is {{errors()[\"maxlength\"].requiredLength}}.</div>\r\n  }\r\n  @if (errors()[\"minlength\"]) {\r\n    <div>'{{fieldLabel()}}' is too short, the minimum length is {{errors()[\"minlength\"].requiredLength}}.</div>\r\n  }\r\n  @if (errors()[\"max\"]) {\r\n    <div>The value of '{{fieldLabel()}}' is too high, the maximum is {{errors()[\"max\"].max}}.</div>\r\n  }\r\n  @if (errors()[\"min\"]) {\r\n    <div>The value of '{{fieldLabel()}}' is too low, the minimum is {{errors()[\"min\"].min}}.</div>\r\n  }\r\n  @if (errors()[\"pattern\"]) {\r\n    <div>The pattern of '{{fieldLabel()}}' not valid.</div>\r\n  }\r\n  @if (errors()[\"required\"]) {\r\n    <div>'{{fieldLabel()}}' is required.</div>\r\n  }\r\n  @if (errors()[\"year\"]) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (errors()[\"yearFuture\"]) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (errors()[\"month\"]) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (errors()[\"future\"]) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (errors()[\"past\"]) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\n  @if (errors()[\"invalidCode\"]) {\r\n    <div>The {{ errors()[\"invalidCode\"].name }} code {{ errors()[\"invalidCode\"].code }} does not exist.</div>\r\n  }\r\n}", styles: [":host{display:block}\n"] }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { SpxValidationMessagesComponent };
+//# sourceMappingURL=softpak-components-spx-validation-messages.mjs.map

package/fesm2022/softpak-components-spx-validation-messages.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"softpak-components-spx-validation-messages.mjs","sources":["../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.ts","../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.html","../../../../projects/softpak/components/spx-validation-messages/softpak-components-spx-validation-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { AbstractControl, ValidationErrors } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'spx-validation-messages',\r\n standalone: true,\r\n templateUrl: './spx-validation-messages.component.html',\r\n styleUrl: './spx-validation-messages.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxValidationMessagesComponent { \r\n readonly errors = input.required<ValidationErrors>();\r\n readonly touched = input.required<boolean>();\r\n readonly formControlI = input<AbstractControl<any,any> | undefined>(undefined);\r\n readonly fieldLabel = input<string | undefined>(undefined);\r\n readonly submitTried = input<boolean | undefined>(undefined);\r\n}\r\n","\r\n@if (formControlI() && errors() && (touched() || submitTried())) {\r\n @if (errors()[\"maxlength\"]) {\r\n <div>'{{fieldLabel()}}' is too long, the maximum length is {{errors()[\"maxlength\"].requiredLength}}.</div>\r\n }\r\n @if (errors()[\"minlength\"]) {\r\n <div>'{{fieldLabel()}}' is too short, the minimum length is {{errors()[\"minlength\"].requiredLength}}.</div>\r\n }\r\n @if (errors()[\"max\"]) {\r\n <div>The value of '{{fieldLabel()}}' is too high, the maximum is {{errors()[\"max\"].max}}.</div>\r\n }\r\n @if (errors()[\"min\"]) {\r\n <div>The value of '{{fieldLabel()}}' is too low, the minimum is {{errors()[\"min\"].min}}.</div>\r\n }\r\n @if (errors()[\"pattern\"]) {\r\n <div>The pattern of '{{fieldLabel()}}' not valid.</div>\r\n }\r\n @if (errors()[\"required\"]) {\r\n <div>'{{fieldLabel()}}' is required.</div>\r\n }\r\n @if (errors()[\"year\"]) {\r\n <div>Please choose a year between 1991 and the current year.</div>\r\n }\r\n @if (errors()[\"yearFuture\"]) {\r\n <div>Please choose a year between the current year and 2050.</div>\r\n }\r\n @if (errors()[\"month\"]) {\r\n <div>Please choose a valid month (a value between 01 and 12).</div>\r\n }\r\n @if (errors()[\"future\"]) {\r\n <div>The selected date may not be in the future.</div>\r\n }\r\n @if (errors()[\"past\"]) {\r\n <div>The selected date may not be in the past.</div>\r\n }\r\n @if (errors()[\"invalidCode\"]) {\r\n <div>The {{ errors()[\"invalidCode\"].name }} code {{ errors()[\"invalidCode\"].code }} does not exist.</div>\r\n }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,8BAA8B,CAAA;AAP3C,IAAA,WAAA,GAAA;AAQW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAoB;AAC3C,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAW;AACnC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAuC,SAAS,CAAC;AACrE,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAqB,SAAS,CAAC;AACjD,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAsB,SAAS,CAAC;AAC7D;+GANY,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,ovBCV3C,yjDAsCC,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FD5BY,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAP1C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EACvB,UAAA,EAAA,IAAI,EAGC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yjDAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AERjD;;AAEG;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "19.24.0",
+  "version": "19.25.1",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x",
@@ -37,30 +37,30 @@
       "types": "./spx-alert/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-alert.mjs"
     },
-    "./spx-app-configuration": {
-      "types": "./spx-app-configuration/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
-    },
     "./spx-app-expiry": {
       "types": "./spx-app-expiry/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
     },
-    "./spx-button": {
-      "types": "./spx-button/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-button.mjs"
-    },
-    "./spx-capitalize": {
-      "types": "./spx-capitalize/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
+    "./spx-app-configuration": {
+      "types": "./spx-app-configuration/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
     },
     "./spx-card": {
       "types": "./spx-card/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-card.mjs"
     },
+    "./spx-button": {
+      "types": "./spx-button/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-button.mjs"
+    },
     "./spx-change-details": {
       "types": "./spx-change-details/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-change-details.mjs"
     },
+    "./spx-capitalize": {
+      "types": "./spx-capitalize/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
+    },
     "./spx-channel-selection": {
       "types": "./spx-channel-selection/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
@@ -105,14 +105,14 @@
       "types": "./spx-patch/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-patch.mjs"
     },
-    "./spx-pipes": {
-      "types": "./spx-pipes/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-pipes.mjs"
-    },
     "./spx-progress-bar": {
       "types": "./spx-progress-bar/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
+    "./spx-pipes": {
+      "types": "./spx-pipes/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-pipes.mjs"
+    },
     "./spx-spinner": {
       "types": "./spx-spinner/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-spinner.mjs"
@@ -121,26 +121,26 @@
       "types": "./spx-stock-info/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
     },
-    "./spx-storage": {
-      "types": "./spx-storage/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-storage.mjs"
-    },
     "./spx-suggestion": {
       "types": "./spx-suggestion/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
+    "./spx-storage": {
+      "types": "./spx-storage/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-storage.mjs"
+    },
     "./spx-tabs": {
       "types": "./spx-tabs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-tabs.mjs"
     },
-    "./spx-toaster": {
-      "types": "./spx-toaster/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
-    },
     "./spx-toggle": {
       "types": "./spx-toggle/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-toggle.mjs"
     },
+    "./spx-toaster": {
+      "types": "./spx-toaster/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
+    },
     "./spx-translate": {
       "types": "./spx-translate/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-translate.mjs"
@@ -152,6 +152,10 @@
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"
+    },
+    "./spx-validation-messages": {
+      "types": "./spx-validation-messages/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
     }
   }
 }

package/spx-tabs/public-api.d.ts CHANGED Viewed

@@ -1 +1,3 @@
 export * from './src/spx-tabs.component';
+export * as spxShortCutsActions from './store/spx-shortcuts.actions';
+export * as spxShortCutsReducer from './store/spx-shortcuts.reducer';

package/spx-tabs/src/spx-tabs.component.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export declare class SpxTabsComponent implements OnInit {
     private readonly store;
     navItems: import("@angular/core").WritableSignal<SpxNavigationItemI[]>;
     showShortcuts: import("@angular/core").WritableSignal<boolean>;
+    optionalNavItemBool: import("@angular/core").InputSignal<boolean>;
     private subscription;
     constructor(store: Store);
     ngOnInit(): void;
@@ -13,5 +14,5 @@ export declare class SpxTabsComponent implements OnInit {
     private listenToCtrlState;
     private listenToMenuState;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxTabsComponent, "spx-tabs", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxTabsComponent, "spx-tabs", never, { "optionalNavItemBool": { "alias": "optionalNavItemBool"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/spx-validation-messages/index.d.ts ADDED Viewed

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

package/spx-validation-messages/public-api.d.ts ADDED Viewed

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

package/spx-validation-messages/spx-validation-messages.component.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class SpxValidationMessagesComponent {
+    readonly errors: import("@angular/core").InputSignal<ValidationErrors>;
+    readonly touched: import("@angular/core").InputSignal<boolean>;
+    readonly formControlI: import("@angular/core").InputSignal<AbstractControl<any, any> | undefined>;
+    readonly fieldLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly submitTried: import("@angular/core").InputSignal<boolean | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxValidationMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxValidationMessagesComponent, "spx-validation-messages", never, { "errors": { "alias": "errors"; "required": true; "isSignal": true; }; "touched": { "alias": "touched"; "required": true; "isSignal": true; }; "formControlI": { "alias": "formControlI"; "required": false; "isSignal": true; }; "fieldLabel": { "alias": "fieldLabel"; "required": false; "isSignal": true; }; "submitTried": { "alias": "submitTried"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}