@softpak/components 19.3.1 → 19.5.0-beta.1

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

@@ -1,20 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import * as i0 from "@angular/core";
 export declare class SpxAlertComponent {
     _autoCloseTimeout: any;
-    spxClose: EventEmitter<void>;
-    spxAutoclose?: number;
-    spxCloseable?: boolean | undefined;
-    spxHideTitle: boolean;
-    spxTitle?: string;
-    spxMarginTop: boolean;
-    spxSeverity?: SpxSeverityEnum;
-    tick: {};
-    get isSeverityError(): boolean;
-    get isSeverityInfo(): boolean;
-    get isSeveritySuccess(): boolean;
-    get isSeverityWarning(): boolean;
+    spxClose: import("@angular/core").OutputEmitterRef<void>;
+    readonly spxAutoclose: import("@angular/core").InputSignal<number | undefined>;
+    readonly spxCloseable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly spxHideTitle: import("@angular/core").InputSignal<boolean>;
+    readonly spxTitle: import("@angular/core").ModelSignal<string | undefined>;
+    readonly spxMarginTop: import("@angular/core").InputSignal<boolean>;
+    readonly spxSeverity: import("@angular/core").InputSignal<SpxSeverityEnum | undefined>;
+    SpxSeverity: typeof SpxSeverityEnum;
     faCheck: import("@fortawesome/free-solid-svg-icons").IconDefinition;
     faCircleInfo: import("@fortawesome/free-solid-svg-icons").IconDefinition;
     faTriangleExclamation: import("@fortawesome/free-solid-svg-icons").IconDefinition;
@@ -24,5 +19,5 @@ export declare class SpxAlertComponent {
     private _assignDefaultTitle;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAlertComponent, "spx-alert", never, { "spxAutoclose": { "alias": "spxAutoclose"; "required": false; }; "spxCloseable": { "alias": "spxCloseable"; "required": false; }; "spxHideTitle": { "alias": "spxHideTitle"; "required": false; }; "spxTitle": { "alias": "spxTitle"; "required": false; }; "spxMarginTop": { "alias": "spxMarginTop"; "required": false; }; "spxSeverity": { "alias": "spxSeverity"; "required": false; }; "tick": { "alias": "tick"; "required": false; }; }, { "spxClose": "spxClose"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAlertComponent, "spx-alert", never, { "spxAutoclose": { "alias": "spxAutoclose"; "required": false; "isSignal": true; }; "spxCloseable": { "alias": "spxCloseable"; "required": false; "isSignal": true; }; "spxHideTitle": { "alias": "spxHideTitle"; "required": false; "isSignal": true; }; "spxTitle": { "alias": "spxTitle"; "required": false; "isSignal": true; }; "spxMarginTop": { "alias": "spxMarginTop"; "required": false; "isSignal": true; }; "spxSeverity": { "alias": "spxSeverity"; "required": false; "isSignal": true; }; }, { "spxClose": "spxClose"; "spxTitle": "spxTitleChange"; }, never, ["*"], true, never>;
 }

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

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

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

@@ -1,4 +1,4 @@
 export * from './spx-card.component';
-export * from './spx-card-item.component';
-export * from './spx-card-grid.component';
-export * from './spx-card-line.component';
+export * from './spx-card-item/spx-card-item.component';
+export * from './spx-card-grid/spx-card-grid.component';
+export * from './spx-card-line/spx-card-line.component';

package/spx-card/{spx-card-grid.component.d.ts → spx-card-grid/spx-card-grid.component.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class SpxCardGridComponent {
-    minWidth2Columns?: 300 | 320 | 340 | 360 | 380 | 400 | 420 | 440 | 460;
+    readonly minWidth2Columns: import("@angular/core").InputSignal<300 | 320 | 340 | 360 | 380 | 400 | 420 | 440 | 460 | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCardGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCardGridComponent, "spx-card-grid", never, { "minWidth2Columns": { "alias": "minWidth2Columns"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCardGridComponent, "spx-card-grid", never, { "minWidth2Columns": { "alias": "minWidth2Columns"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/spx-card/spx-card-item/spx-card-item.component.d.ts

@@ -0,0 +1,15 @@
+import { IconProp } from '@fortawesome/angular-fontawesome/types';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import * as i0 from "@angular/core";
+export declare class SpxCardItemComponent {
+    hFull: boolean;
+    readonly icon: import("@angular/core").InputSignal<IconProp | undefined>;
+    readonly iconOnly: import("@angular/core").InputSignal<boolean>;
+    readonly spxLabel: import("@angular/core").InputSignal<string>;
+    readonly spxValue: import("@angular/core").InputSignal<string>;
+    readonly spxSeverity: import("@angular/core").InputSignal<SpxSeverityEnum>;
+    readonly spxIconSeverity: import("@angular/core").InputSignal<SpxSeverityEnum | undefined>;
+    SpxSeverityEnum: typeof SpxSeverityEnum;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxCardItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCardItemComponent, "spx-card-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": true; "isSignal": true; }; "spxValue": { "alias": "spxValue"; "required": true; "isSignal": true; }; "spxSeverity": { "alias": "spxSeverity"; "required": true; "isSignal": true; }; "spxIconSeverity": { "alias": "spxIconSeverity"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/spx-card/spx-card-line/spx-card-line.component.d.ts

@@ -0,0 +1,16 @@
+import { IconProp } from '@fortawesome/angular-fontawesome/types';
+import * as i0 from "@angular/core";
+export declare class SpxCardLineComponent {
+    readonly icon: import("@angular/core").InputSignal<IconProp | undefined>;
+    readonly showPositiveOrNegative: import("@angular/core").InputSignal<boolean>;
+    readonly text: import("@angular/core").InputSignal<unknown>;
+    readonly value: import("@angular/core").ModelSignal<string | number>;
+    readonly secondValue: import("@angular/core").InputSignal<string | number | undefined>;
+    readonly showProgress: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly unit: import("@angular/core").InputSignal<string | undefined>;
+    readonly newOrderScreen: import("@angular/core").InputSignal<boolean>;
+    numericValue: import("@angular/core").Signal<number>;
+    displayValue(val: string | number | unknown): string | number | unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxCardLineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCardLineComponent, "spx-card-line", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showPositiveOrNegative": { "alias": "showPositiveOrNegative"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "secondValue": { "alias": "secondValue"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "newOrderScreen": { "alias": "newOrderScreen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}

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

@@ -1,8 +1,8 @@
 import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { SpxValuePair } from '@softpak/components/spx-inputs';
-import { SpxFormFieldI, SpxFormI } from '@softpak/components/spx-form-view';
 import { SpxChangeDetailsValueI } from './spx-change-details-value.interface';
+import { SpxFormI, SpxFormFieldI } from '@softpak/components/spx-form-view';
+import { SpxValuePair } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare const sectionChangeDetails = "changeDetails";
 export declare const ctrlContainerNumber = "containerNumber";

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

@@ -1,9 +1,9 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
-import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import { SpxFormFieldI } from './spx-form-field.interface';
 import { SpxFormSectionI } from './spx-form-section.interface';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxValuePair, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare const sectionAutocompleteSearch = "autocompleteSearch";
 export declare const ctrlQuery = "query";
@@ -22,8 +22,7 @@ export declare class SpxAutocompleteSearchComponent implements OnInit, OnDestroy
     spxSubmit: EventEmitter<SpxValuePair<any>>;
     inputTypeRadio: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
-    severityError: SpxSeverityEnum;
-    severitySuccess: SpxSeverityEnum;
+    SpxSeverity: typeof SpxSeverityEnum;
     sections: SpxFormSectionI[];
     get ctrlQuery(): FormControl;
     get ctrlOptions(): FormControl;

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

@@ -1,5 +1,5 @@
 import { SpxSeverityEnum } from "@softpak/components/spx-helpers";
-import { SpxInputTypeEnum, SpxValuePair } from "@softpak/components/spx-inputs";
+import { SpxValuePair, SpxInputTypeEnum } from "@softpak/components/spx-inputs";
 export interface SpxFormFieldI {
     afterValueChange?: (value: SpxValuePair<string | number | boolean | any>) => void;
     autofocus?: () => boolean;

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

@@ -1,27 +1,27 @@
-import { EventEmitter, QueryList } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { SpxFormSectionI } from './spx-form-section.interface';
-import { SpxInputComponent, SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
 import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
 import { SpxFormFieldI } from './spx-form-field.interface';
 import { SpxFormI } from './spx-form.interface';
+import { SpxValuePair, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare class SpxFormViewComponent {
     readonly formBuilder: FormBuilder;
-    spxFormGroup: FormGroup;
-    spxForm: SpxFormI;
-    spxSuggestions: any;
-    spxBlur: EventEmitter<{
+    readonly spxFormGroup: import("@angular/core").InputSignal<FormGroup<any>>;
+    readonly spxForm: import("@angular/core").InputSignal<SpxFormI>;
+    readonly spxSuggestions: import("@angular/core").InputSignal<any>;
+    spxBlur: import("@angular/core").OutputEmitterRef<{
         field: SpxFormFieldI;
         valuePair: SpxValuePair<any>;
     }>;
-    spxClick: EventEmitter<{
+    spxClick: import("@angular/core").OutputEmitterRef<{
         field: SpxFormFieldI;
     }>;
-    spxSearch: EventEmitter<{
+    spxSearch: import("@angular/core").OutputEmitterRef<{
         field: SpxFormFieldI;
         valuePair: SpxValuePair<any>;
     }>;
-    spxInputs: QueryList<SpxInputComponent>;
+    spxInputs: import("@angular/core").Signal<readonly ElementRef<any>[]>;
     autocompleteField?: SpxFormFieldI;
     typeAutocomplete: SpxInputTypeEnum;
     typeButton: SpxInputTypeEnum;
@@ -45,5 +45,5 @@ export declare class SpxFormViewComponent {
     static createForm(formBuilder: FormBuilder, sections: SpxFormSectionI[]): FormGroup;
     constructor(formBuilder: FormBuilder);
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxFormViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormViewComponent, "spx-form-view", never, { "spxFormGroup": { "alias": "spxFormGroup"; "required": false; }; "spxForm": { "alias": "spxForm"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; }, { "spxBlur": "spxBlur"; "spxClick": "spxClick"; "spxSearch": "spxSearch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormViewComponent, "spx-form-view", never, { "spxFormGroup": { "alias": "spxFormGroup"; "required": true; "isSignal": true; }; "spxForm": { "alias": "spxForm"; "required": true; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": true; "isSignal": true; }; }, { "spxBlur": "spxBlur"; "spxClick": "spxClick"; "spxSearch": "spxSearch"; }, never, never, true, never>;
 }

package/spx-inputs/input.service.d.ts

@@ -0,0 +1,11 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SelectedInputService {
+    private focusedElement;
+    focusedElement$: Observable<number | null>;
+    isFocused$(id: number): Observable<boolean>;
+    getSelectedElementId(): number | null;
+    setSelectedElementId(id: number | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectedInputService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SelectedInputService>;
+}

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

@@ -1,5 +1,5 @@
 export * from './spx-value-interface';
-export * from './spx-input-box.component';
-export * from './spx-input-text.component';
+export * from './spx-input-box/spx-input-box.component';
+export * from './spx-input-text/spx-input-text.component';
 export * from './spx-input.component';
 export * from './spx-input-type.enum';

package/spx-inputs/{spx-dropdown.component.d.ts → spx-dropdown/spx-dropdown.component.d.ts}

@@ -1,18 +1,18 @@
-import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { SpxValuePair } from './spx-value-interface';
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { SpxValuePair } from '../spx-value-interface';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SpxDropdownComponent implements OnChanges, OnInit, OnDestroy {
-    protected focusPosition: number;
-    spxSuggestions: SpxValuePair<boolean | number | string>[];
-    spxSelect: EventEmitter<SpxValuePair<any>>;
+    focusPosition: import("@angular/core").WritableSignal<number>;
+    readonly spxSuggestions: import("@angular/core").InputSignal<SpxValuePair<string | number | boolean>[]>;
+    spxSelect: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
     subscriptionKeyUp?: Subscription;
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(_changes: SimpleChanges): void;
     ngOnDestroy(): void;
     handleSuggestionClick(valuePair: SpxValuePair<string | number | boolean>): void;
     private listenToKeyUp;
     private select;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxDropdownComponent, "spx-dropdown", never, { "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; }, { "spxSelect": "spxSelect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxDropdownComponent, "spx-dropdown", never, { "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; }, { "spxSelect": "spxSelect"; }, never, never, true, never>;
 }

package/spx-inputs/spx-input-box/spx-input-box.component.d.ts

@@ -0,0 +1,38 @@
+import { SpxValuePair } from '../spx-value-interface';
+import { SelectedInputService } from '../input.service';
+import * as i0 from "@angular/core";
+export declare class SpxInputBoxComponent {
+    selectedInputService: SelectedInputService;
+    faEdit: import("@fortawesome/free-solid-svg-icons").IconDefinition;
+    faSearch: import("@fortawesome/free-solid-svg-icons").IconDefinition;
+    faQuestion: import("@fortawesome/free-solid-svg-icons").IconDefinition;
+    faTimes: import("@fortawesome/free-solid-svg-icons").IconDefinition;
+    readonly spxCompact: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly spxLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly spxRequired: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly spxShowClear: import("@angular/core").InputSignal<boolean>;
+    readonly spxShowEdit: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly spxShowHelp: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly spxShowLabel: import("@angular/core").InputSignal<boolean>;
+    readonly spxShowSearch: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly spxShowValidationMessages: import("@angular/core").InputSignal<boolean | null | undefined>;
+    spxValue: import("@angular/core").ModelSignal<SpxValuePair<any> | undefined>;
+    spxClear: import("@angular/core").OutputEmitterRef<void>;
+    spxSearch: import("@angular/core").OutputEmitterRef<void>;
+    spxEdit: import("@angular/core").OutputEmitterRef<void>;
+    spxHelp: import("@angular/core").OutputEmitterRef<void>;
+    id: import("@angular/core").WritableSignal<number>;
+    spxIsFocused: import("@angular/core").WritableSignal<boolean>;
+    spxSetIdInParent: import("@angular/core").OutputEmitterRef<number>;
+    onFocus(): void;
+    onBlur(): void;
+    ngOnInit(): void;
+    handleFocusIn(ev: Event): void;
+    onClear(): void;
+    onSearch(): void;
+    onEdit(): void;
+    onHelp(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputBoxComponent, "spx-input-box", never, { "spxCompact": { "alias": "spxCompact"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxRequired": { "alias": "spxRequired"; "required": false; "isSignal": true; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; "isSignal": true; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; "isSignal": true; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; "isSignal": true; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; "isSignal": true; }; "spxValue": { "alias": "spxValue"; "required": false; "isSignal": true; }; }, { "spxValue": "spxValueChange"; "spxClear": "spxClear"; "spxSearch": "spxSearch"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSetIdInParent": "spxSetIdInParent"; }, never, ["[controls]", "[validation-messages]"], true, never>;
+}

package/spx-inputs/spx-input-date/spx-input-date.component.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { SpxValuePair } from '../spx-value-interface';
+import { SelectedInputService } from '../input.service';
 import * as i0 from "@angular/core";
 declare enum stepType {
     years = "years",
@@ -11,10 +12,8 @@ export declare class SpxInputDateComponent implements OnInit {
     spxMin: import("@angular/core").InputSignal<string>;
     spxReadonly: import("@angular/core").InputSignal<boolean | undefined>;
     spxValidators: import("@angular/core").InputSignal<any[] | undefined>;
+    spxAutoFocus: import("@angular/core").InputSignal<boolean>;
     value: import("@angular/core").ModelSignal<SpxValuePair<string>>;
-    spxChange: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
-    spxFocused: import("@angular/core").InputSignal<boolean>;
-    spxFocus: import("@angular/core").OutputEmitterRef<void>;
     spxSelectedStep: import("@angular/core").WritableSignal<stepType>;
     spxSelectDay: import("@angular/core").InputSignal<boolean>;
     spxSelectMonth: import("@angular/core").InputSignal<boolean>;
@@ -24,6 +23,9 @@ export declare class SpxInputDateComponent implements OnInit {
     yearInputComponent: import("@angular/core").Signal<ElementRef<any>>;
     monthInputComponent: import("@angular/core").Signal<ElementRef<any>>;
     dayInputComponent: import("@angular/core").Signal<ElementRef<any>>;
+    spxElementId: import("@angular/core").InputSignal<number | undefined>;
+    selectedInputService: SelectedInputService;
+    spxIsFocused: import("@angular/core").WritableSignal<boolean>;
     spxSuggestionC: import("@angular/core").Signal<SpxValuePair<number>[]>;
     handleFocus(selectedStep: string): void;
     onModelChange(newValue: string, selectedStep: string): void;
@@ -34,10 +36,12 @@ export declare class SpxInputDateComponent implements OnInit {
     }>;
     ngOnInit(): void;
     handleSuggestionClick(value: number): void;
+    handleTabKey(event: KeyboardEvent): void;
     updateValueAndEmit(): void;
     changeSelectedStep(): void;
     private suggestYears;
+    handleClear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputDateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputDateComponent, "spx-input-date", never, { "spxMax": { "alias": "spxMax"; "required": true; "isSignal": true; }; "spxMin": { "alias": "spxMin"; "required": true; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "spxFocused": { "alias": "spxFocused"; "required": false; "isSignal": true; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; "isSignal": true; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "spxChange": "spxChange"; "spxFocus": "spxFocus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputDateComponent, "spx-input-date", never, { "spxMax": { "alias": "spxMax"; "required": true; "isSignal": true; }; "spxMin": { "alias": "spxMin"; "required": true; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxAutoFocus": { "alias": "spxAutoFocus"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; "isSignal": true; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; "isSignal": true; }; "spxElementId": { "alias": "spxElementId"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 export {};

package/spx-inputs/spx-input-float/spx-input-float.component.d.ts

@@ -0,0 +1,30 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { SpxValuePair } from '../spx-value-interface';
+import { SelectedInputService } from '../input.service';
+import * as i0 from "@angular/core";
+export declare class SpxInputFloatComponent implements OnInit {
+    protected internalValue: import("@angular/core").WritableSignal<{
+        first: number | null;
+        second: number | null;
+    }>;
+    readonly spxName: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxAutofocus: import("@angular/core").InputSignal<boolean>;
+    readonly spxElementId: import("@angular/core").InputSignal<number | undefined>;
+    readonly spxReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly spxValidators: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly spxStep: import("@angular/core").InputSignal<number | undefined>;
+    readonly value: import("@angular/core").ModelSignal<SpxValuePair<any>>;
+    readonly spxWasInternalUpdate: import("@angular/core").InputSignal<boolean>;
+    readonly selectedInputService: SelectedInputService;
+    readonly spxIsFocused: import("@angular/core").WritableSignal<boolean>;
+    readonly firstInputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly secondInputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    spxSetFocus(): void;
+    ngOnInit(): void;
+    handleSetValue(newValue: SpxValuePair<any>): void;
+    handleInput(value: any, position: 1 | 2): void;
+    handleClear(): void;
+    isNumeric(value: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputFloatComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputFloatComponent, "spx-input-float", never, { "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxElementId": { "alias": "spxElementId"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxStep": { "alias": "spxStep"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "spxWasInternalUpdate": { "alias": "spxWasInternalUpdate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/spx-inputs/spx-input-number/spx-input-number.component.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef } from '@angular/core';
+import { SpxValuePair } from '../spx-value-interface';
+import { SelectedInputService } from '../input.service';
+import * as i0 from "@angular/core";
+export declare class SpxInputNumberComponent {
+    readonly spxName: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxAutofocus: import("@angular/core").InputSignal<boolean>;
+    readonly spxInputMode: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly spxValidators: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly spxFocused: import("@angular/core").InputSignal<boolean>;
+    readonly spxStep: import("@angular/core").InputSignal<number | undefined>;
+    readonly value: import("@angular/core").ModelSignal<SpxValuePair<any>>;
+    readonly inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly spxElementId: import("@angular/core").InputSignal<number | undefined>;
+    readonly selectedInputService: SelectedInputService;
+    ngOnInit(): void;
+    spxSetFocus(): void;
+    handleChange($event: any): void;
+    componentDidLoad(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputNumberComponent, "spx-input-number", never, { "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxFocused": { "alias": "spxFocused"; "required": false; "isSignal": true; }; "spxStep": { "alias": "spxStep"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "spxElementId": { "alias": "spxElementId"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/spx-inputs/spx-input-radio/spx-input-radio.component.d.ts

@@ -0,0 +1,27 @@
+import { SimpleChanges } from '@angular/core';
+import { SpxValuePair } from '../spx-value-interface';
+import { SelectedInputService } from '../input.service';
+import * as i0 from "@angular/core";
+export declare class SpxInputRadioComponent {
+    readonly cachedSuggestions: import("@angular/core").WritableSignal<SpxValuePair<any>[]>;
+    readonly focusPosition: import("@angular/core").WritableSignal<number>;
+    readonly spxName: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxValidators: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly spxShowLabel: import("@angular/core").InputSignal<boolean>;
+    readonly spxReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly spxSuggestions: import("@angular/core").InputSignal<SpxValuePair<any>[]>;
+    readonly value: import("@angular/core").ModelSignal<SpxValuePair<any>>;
+    readonly selectedInputService: SelectedInputService;
+    readonly spxElementId: import("@angular/core").InputSignal<number | undefined>;
+    readonly spxIsFocused: import("@angular/core").WritableSignal<boolean>;
+    private subscriptionKeyUp?;
+    private subscriptionKeyDown?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    handleSuggestionClick(valuePair: SpxValuePair<any>): void;
+    private determineFocusPosition;
+    private select;
+    private listenToKeys;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputRadioComponent, "spx-input-radio", never, { "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "spxElementId": { "alias": "spxElementId"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/spx-inputs/spx-input-text/spx-input-text.component.d.ts

@@ -0,0 +1,33 @@
+import { ElementRef } from '@angular/core';
+import { SpxValuePair } from '../spx-value-interface';
+import { SpxInputTypeEnum } from '../spx-input-type.enum';
+import { SelectedInputService } from '../input.service';
+import * as i0 from "@angular/core";
+export declare class SpxInputTextComponent {
+    readonly spxName: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxAutofocus: import("@angular/core").InputSignal<boolean>;
+    readonly spxAutocomplete: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxInputMode: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxPattern: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxSuggestions: import("@angular/core").InputSignal<SpxValuePair<string | number | boolean>[]>;
+    readonly spxReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly spxValidators: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly spxCapitalize: import("@angular/core").InputSignal<boolean>;
+    readonly spxType: import("@angular/core").InputSignal<SpxInputTypeEnum>;
+    readonly spxWasInternalUpdate: import("@angular/core").InputSignal<boolean>;
+    inputRef: import("@angular/core").Signal<ElementRef<any>>;
+    spxBlurFromChild: import("@angular/core").OutputEmitterRef<void>;
+    readonly value: import("@angular/core").ModelSignal<SpxValuePair<any>>;
+    valueChange: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
+    spxElementId: import("@angular/core").InputSignal<number | undefined>;
+    selectedInputService: SelectedInputService;
+    spxIsFocused: import("@angular/core").WritableSignal<boolean>;
+    ngOnInit(): void;
+    spxSetFocus(): void;
+    componentDidLoad(): void;
+    handleChange($event: any): void;
+    handleDescriptionInput(event: any): void;
+    handleSuggestionClick(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputTextComponent, "spx-input-text", never, { "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxAutocomplete": { "alias": "spxAutocomplete"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; "isSignal": true; }; "spxType": { "alias": "spxType"; "required": false; "isSignal": true; }; "spxWasInternalUpdate": { "alias": "spxWasInternalUpdate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "spxElementId": { "alias": "spxElementId"; "required": false; "isSignal": true; }; }, { "spxBlurFromChild": "spxBlurFromChild"; "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/spx-inputs/spx-input-time/spx-input-time.component.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef } from '@angular/core';
+import { SpxValuePair } from '../spx-value-interface';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { ModalController } from '@ionic/angular';
+import * as i0 from "@angular/core";
+export declare class SpxInputTimeComponent {
+    private modalController;
+    readonly spxName: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxAutofocus: import("@angular/core").InputSignal<boolean>;
+    readonly spxInputMode: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxPattern: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxSuggestions: import("@angular/core").InputSignal<SpxValuePair<string | number | boolean>[]>;
+    readonly spxReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly spxValidators: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly spxCapitalize: import("@angular/core").InputSignal<boolean>;
+    readonly value: import("@angular/core").ModelSignal<SpxValuePair<any>>;
+    readonly inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly severitySuccess = SpxSeverityEnum.success;
+    selectedHour: import("@angular/core").WritableSignal<number | null>;
+    selectedMinute: import("@angular/core").WritableSignal<number | null>;
+    readonly formattedHour: import("@angular/core").Signal<string | number | null>;
+    readonly formattedMinute: import("@angular/core").Signal<string | number | null>;
+    readonly hour: import("@angular/core").Signal<number | null>;
+    readonly minute: import("@angular/core").Signal<number | null>;
+    constructor(modalController: ModalController);
+    ngOnInit(): void;
+    spxSetFocus(): void;
+    componentDidLoad(): void;
+    handleDescriptionInput(event: any): void;
+    handleSuggestionClick(value: any): void;
+    openDialog(view: 'hours' | 'minutes'): Promise<void>;
+    updateValue(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputTimeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputTimeComponent, "spx-input-time", never, { "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/spx-inputs/{spx-input-time-modal.component.d.ts → spx-input-time-modal/spx-input-time-modal.component.d.ts}

@@ -1,19 +1,18 @@
-import { EventEmitter } from '@angular/core';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import { ModalController } from '@ionic/angular/standalone';
 import * as i0 from "@angular/core";
 export declare class SpxInputTimeModalComponent {
     private modalController;
-    view: 'hours' | 'minutes';
-    value: number;
-    change: EventEmitter<number>;
+    readonly view: import("@angular/core").InputSignal<"hours" | "minutes">;
+    readonly value: import("@angular/core").InputSignal<number>;
+    change: import("@angular/core").OutputEmitterRef<number>;
     faXmark: import("@fortawesome/free-solid-svg-icons").IconDefinition;
-    hourOptions: number[];
-    minuteOptions: number[];
+    hourOptions: import("@angular/core").WritableSignal<number[]>;
+    minuteOptions: import("@angular/core").WritableSignal<number[]>;
     typeError: SpxSeverityEnum;
     constructor(modalController: ModalController);
     closeDialog(): void;
     onChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputTimeModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputTimeModalComponent, "spx-input-time-modal", never, { "view": { "alias": "view"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputTimeModalComponent, "spx-input-time-modal", never, { "view": { "alias": "view"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
 }

package/spx-inputs/spx-input-type.enum.d.ts

@@ -11,5 +11,6 @@ export declare enum SpxInputTypeEnum {
     password = "password",
     text = "text",
     textNumericKeyboard = "textNumericKeyboard",
-    time = "time"
+    time = "time",
+    dropdown = "dropdown"
 }