@softpak/components 20.12.18 → 20.13.0

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

@@ -1,8 +1,9 @@
-import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, computed, output, viewChild, ChangeDetectionStrategy, Component } from '@angular/core';
-import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { input, computed, output, viewChild, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Haptics, ImpactStyle } from '@capacitor/haptics';
 import { IsSeverityPipe } from '@softpak/components/spx-pipes';
+import { NgClass } from '@angular/common';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 
 class SpxButtonComponent {
     constructor() {
@@ -18,6 +19,7 @@ class SpxButtonComponent {
         this.spxType = input('submit', ...(ngDevMode ? [{ debugName: "spxType" }] : []));
         this.mappedName = computed(() => this.spxName() ?? undefined, ...(ngDevMode ? [{ debugName: "mappedName" }] : []));
         this.spxName = input(...(ngDevMode ? [undefined, { debugName: "spxName" }] : []));
+        this.isPressing = false;
         this.spxClick = output();
         this.buttonRef = viewChild('buttonRef', ...(ngDevMode ? [{ debugName: "buttonRef" }] : []));
         this.SpxSeverity = SpxSeverityEnum;
@@ -29,12 +31,49 @@ class SpxButtonComponent {
                 this.spxClick.emit();
             }
         };
+        this.handlePress = async () => {
+            if (this.spxDisabled()) {
+                return;
+            }
+            this.isPressing = true;
+            try {
+                await Haptics.impact({ style: ImpactStyle.Medium });
+            }
+            catch {
+                // silence if haptics is not available
+            }
+        };
+        // global pointerup: check of de release binnen of buiten de knop is
+        this.onDocumentPointerUp = async (event) => {
+            if (!this.isPressing || this.spxDisabled()) {
+                return;
+            }
+            this.isPressing = false;
+            const btn = this.buttonRef()?.nativeElement;
+            if (!btn) {
+                return;
+            }
+            const inside = btn.contains(event.target);
+            try {
+                if (inside) {
+                    // OK haptic
+                    await Haptics.impact({ style: ImpactStyle.Heavy });
+                }
+                else {
+                    // Cancel haptic
+                    await Haptics.impact({ style: ImpactStyle.Light });
+                }
+            }
+            catch {
+                // ignore
+            }
+        };
     }
     spxSetFocus() {
         this.buttonRef()?.nativeElement?.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: SpxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.3", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxClass: { classPropertyName: "spxClass", publicName: "spxClass", isSignal: true, isRequired: false, transformFunction: null }, spxClassObject: { classPropertyName: "spxClassObject", publicName: "spxClassObject", isSignal: true, isRequired: false, transformFunction: null }, spxForm: { classPropertyName: "spxForm", publicName: "spxForm", isSignal: true, isRequired: false, transformFunction: null }, spxFullHeight: { classPropertyName: "spxFullHeight", publicName: "spxFullHeight", isSignal: true, isRequired: false, transformFunction: null }, spxFullWidth: { classPropertyName: "spxFullWidth", publicName: "spxFullWidth", isSignal: true, isRequired: false, transformFunction: null }, spxSeverity: { classPropertyName: "spxSeverity", publicName: "spxSeverity", isSignal: true, isRequired: false, transformFunction: null }, spxSize: { classPropertyName: "spxSize", publicName: "spxSize", isSignal: true, isRequired: false, transformFunction: null }, spxTabIndex: { classPropertyName: "spxTabIndex", publicName: "spxTabIndex", isSignal: true, isRequired: false, transformFunction: null }, spxType: { classPropertyName: "spxType", publicName: "spxType", isSignal: true, isRequired: false, transformFunction: null }, spxName: { classPropertyName: "spxName", publicName: "spxName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClick: "spxClick" }, host: { properties: { "class.block": "spxFullWidth()", "class.h-full": "spxFullHeight()", "class.w-full": "spxFullWidth()" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.name]=\"this.mappedName()\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: IsSeverityPipe, name: "isSeverity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.3", type: SpxButtonComponent, isStandalone: true, selector: "spx-button", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxClass: { classPropertyName: "spxClass", publicName: "spxClass", isSignal: true, isRequired: false, transformFunction: null }, spxClassObject: { classPropertyName: "spxClassObject", publicName: "spxClassObject", isSignal: true, isRequired: false, transformFunction: null }, spxForm: { classPropertyName: "spxForm", publicName: "spxForm", isSignal: true, isRequired: false, transformFunction: null }, spxFullHeight: { classPropertyName: "spxFullHeight", publicName: "spxFullHeight", isSignal: true, isRequired: false, transformFunction: null }, spxFullWidth: { classPropertyName: "spxFullWidth", publicName: "spxFullWidth", isSignal: true, isRequired: false, transformFunction: null }, spxSeverity: { classPropertyName: "spxSeverity", publicName: "spxSeverity", isSignal: true, isRequired: false, transformFunction: null }, spxSize: { classPropertyName: "spxSize", publicName: "spxSize", isSignal: true, isRequired: false, transformFunction: null }, spxTabIndex: { classPropertyName: "spxTabIndex", publicName: "spxTabIndex", isSignal: true, isRequired: false, transformFunction: null }, spxType: { classPropertyName: "spxType", publicName: "spxType", isSignal: true, isRequired: false, transformFunction: null }, spxName: { classPropertyName: "spxName", publicName: "spxName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spxClick: "spxClick" }, host: { listeners: { "document:pointerup": "onDocumentPointerUp($event)" }, properties: { "class.block": "spxFullWidth()", "class.h-full": "spxFullHeight()", "class.w-full": "spxFullWidth()" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.name]=\"this.mappedName()\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (pointerdown)=\"this.handlePress()\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: IsSeverityPipe, name: "isSeverity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: SpxButtonComponent, decorators: [{
             type: Component,
@@ -42,8 +81,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                         '[class.block]': 'spxFullWidth()',
                         '[class.h-full]': 'spxFullHeight()',
                         '[class.w-full]': 'spxFullWidth()',
-                    }, standalone: true, template: "<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.name]=\"this.mappedName()\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>" }]
-        }] });
+                    }, standalone: true, template: "<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.name]=\"this.mappedName()\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (pointerdown)=\"this.handlePress()\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>" }]
+        }], propDecorators: { onDocumentPointerUp: [{
+                type: HostListener,
+                args: ['document:pointerup', ['$event']]
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-button.mjs","sources":["../../../../projects/softpak/components/spx-button/spx-button.component.ts","../../../../projects/softpak/components/spx-button/spx-button.component.html","../../../../projects/softpak/components/spx-button/softpak-components-spx-button.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\nimport { IsSeverityPipe } from '@softpak/components/spx-pipes';\n\n@Component({\n  selector: 'spx-button',\n  imports: [NgClass, IsSeverityPipe],\n  templateUrl: './spx-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.block]': 'spxFullWidth()',\n    '[class.h-full]': 'spxFullHeight()',\n    '[class.w-full]': 'spxFullWidth()',\n  },\n  standalone: true,\n})\nexport class SpxButtonComponent {\n  readonly spxDisabled = input(false);\n  readonly spxClass = input<string>();\n  readonly spxClassObject = input<object>();\n  readonly spxForm = input<string>();\n  readonly spxFullHeight = input<boolean>();\n  readonly spxFullWidth = input<boolean>();\n  readonly spxSeverity = input<SpxSeverityEnum | undefined>(SpxSeverityEnum.info);\n  readonly spxSize = input<'lg' | 'xl'>('lg');\n  readonly spxTabIndex = input<number>();\n  readonly spxType = input<'button' | 'submit'>('submit');\n  protected mappedName = computed(() => this.spxName() ?? undefined);\n  readonly spxName = input<string>();\n  spxClick = output();\n  buttonRef = viewChild<ElementRef<HTMLInputElement>>('buttonRef');\n  SpxSeverity = SpxSeverityEnum;\n\n  hasShadowDom = (el: HTMLElement) => {\n    return !!el.shadowRoot && !!(el as any).attachShadow;\n  };\n  handleClick = () => {\n    if (!this.spxDisabled()) {\n      this.spxClick.emit();\n    }\n  };\n\n  spxSetFocus(): void {\n    this.buttonRef()?.nativeElement?.focus();\n  }\n}\n","<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.name]=\"this.mappedName()\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-button.mjs","sources":["../../../../projects/softpak/components/spx-button/spx-button.component.ts","../../../../projects/softpak/components/spx-button/spx-button.component.html","../../../../projects/softpak/components/spx-button/softpak-components-spx-button.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  computed,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport { Haptics, ImpactStyle } from '@capacitor/haptics';\n\nimport { IsSeverityPipe } from '@softpak/components/spx-pipes';\nimport { NgClass } from '@angular/common';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\n\n@Component({\n  selector: 'spx-button',\n  imports: [NgClass, IsSeverityPipe],\n  templateUrl: './spx-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.block]': 'spxFullWidth()',\n    '[class.h-full]': 'spxFullHeight()',\n    '[class.w-full]': 'spxFullWidth()',\n  },\n  standalone: true,\n})\nexport class SpxButtonComponent {\n  readonly spxDisabled = input(false);\n  readonly spxClass = input<string>();\n  readonly spxClassObject = input<object>();\n  readonly spxForm = input<string>();\n  readonly spxFullHeight = input<boolean>();\n  readonly spxFullWidth = input<boolean>();\n  readonly spxSeverity = input<SpxSeverityEnum | undefined>(SpxSeverityEnum.info);\n  readonly spxSize = input<'lg' | 'xl'>('lg');\n  readonly spxTabIndex = input<number>();\n  readonly spxType = input<'button' | 'submit'>('submit');\n  protected mappedName = computed(() => this.spxName() ?? undefined);\n  readonly spxName = input<string>();\n  isPressing = false;\n  spxClick = output();\n  buttonRef = viewChild<ElementRef<HTMLInputElement>>('buttonRef');\n  SpxSeverity = SpxSeverityEnum;\n\n  hasShadowDom = (el: HTMLElement) => {\n    return !!el.shadowRoot && !!(el as any).attachShadow;\n  };\n  handleClick = () => {\n    if (!this.spxDisabled()) {\n      this.spxClick.emit();\n    }\n  };\n\n  handlePress = async () => {\n    if (this.spxDisabled()) {\n      return;\n    }\n    this.isPressing = true;\n    try {\n      await Haptics.impact({ style: ImpactStyle.Medium });\n    } catch {\n      // silence if haptics is not available\n    }\n  };\n\n  // global pointerup: check of de release binnen of buiten de knop is\n  @HostListener('document:pointerup', ['$event'])\n  onDocumentPointerUp = async (event: PointerEvent) => {\n    if (!this.isPressing || this.spxDisabled()) {\n      return;\n    }\n    this.isPressing = false;\n\n    const btn = this.buttonRef()?.nativeElement;\n    if (!btn) {\n      return;\n    }\n\n    const inside = btn.contains(event.target as Node);\n\n    try {\n      if (inside) {\n        // OK haptic\n        await Haptics.impact({ style: ImpactStyle.Heavy });\n      } else {\n        // Cancel haptic\n        await Haptics.impact({ style: ImpactStyle.Light });\n      }\n    } catch {\n      // ignore\n    }\n  };\n\n  spxSetFocus(): void {\n    this.buttonRef()?.nativeElement?.focus();\n  }\n}\n","<button\n    #buttonRef\n    class=\"border border-transparent font-bold px-4 relative rounded text-center text-white focus:outline-none focus:ring-2 focus:ring-offset-2 bg-gradient-to-r\"\n    [class.h-full]=\"this.spxFullHeight()\"\n    [class.w-full]=\"this.spxFullWidth()\"\n    [class.bg-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.focus:ring-blue-600]=\"!this.spxSeverity() || (this.spxSeverity() | isSeverity: SpxSeverity.info)\"\n    [class.from-red-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.to-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.focus:ring-red-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.error\"\n    [class.from-lime-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.to-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.focus:ring-lime-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.success\"\n    [class.from-amber-400]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.to-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.focus:ring-amber-600]=\"this.spxSeverity() | isSeverity: SpxSeverity.warning\"\n    [class.py-2]=\"!this.spxSize() || this.spxSize() === 'lg'\"\n    [class.py-4]=\"!this.spxSize() || this.spxSize() === 'xl'\"\n    [class.text-xl]=\"this.spxSize() === 'xl'\"\n    [class.text-lg]=\"this.spxSize() === 'lg'\"\n    [class.cursor-pointer]=\"!this.spxDisabled()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-50]=\"this.spxDisabled()\"\n    [class.focus:ring-0]=\"this.spxDisabled()\"\n    [ngClass]=\"this.spxClass() ? this.spxClass() : undefined\"\n    [attr.disabled]=\"this.spxDisabled() ? this.spxDisabled() : undefined\"\n    [attr.form]=\"this.spxForm() ? this.spxForm() : undefined\"\n    [attr.name]=\"this.mappedName()\"\n    [attr.tabindex]=\"this.spxTabIndex() ? this.spxTabIndex() : undefined\"\n    [attr.type]=\"this.spxType() ? this.spxType() : undefined\"\n    (pointerdown)=\"this.handlePress()\"\n    (click)=\"this.handleClick()\"\n    part=\"button\">\n    <ng-content></ng-content>\n  </button>","/**\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-redux.mjs

@@ -6,6 +6,7 @@ const spxCreateApiActions = () => {
         Load: props(),
         Received: props(),
         Reset: emptyProps(),
+        NoResults: emptyProps(),
     };
 };
 
@@ -21,6 +22,7 @@ function spxCreateApiReducer(actions, initialState) {
         error: null,
         loading: false,
         loaded: true,
+        noResults: false,
         query: state.queryNext,
         queryNext: null,
     })), on(actions.error, (state, { error }) => ({
@@ -29,6 +31,16 @@ function spxCreateApiReducer(actions, initialState) {
         data: null,
         loading: false,
         loaded: false,
+        noResults: false,
+        query: state.queryNext,
+        queryNext: null,
+    })), on(actions.noResults, (state) => ({
+        ...state,
+        error: null,
+        data: null,
+        loading: false,
+        loaded: true,
+        noResults: true,
         query: state.queryNext,
         queryNext: null,
     })), on(actions.reset, () => initialState));
@@ -39,6 +51,7 @@ const spxCreateInitialStateForReducer = () => ({
     error: null,
     loading: false,
     loaded: false,
+    noResults: false,
     query: null,
     queryNext: null,
 });

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-redux.mjs","sources":["../../../../projects/softpak/components/spx-redux/src/spx-create-api-actions.ts","../../../../projects/softpak/components/spx-redux/src/spx-create-api-reducer.ts","../../../../projects/softpak/components/spx-redux/src/spx-create-initial-state.ts","../../../../projects/softpak/components/spx-redux/softpak-components-spx-redux.ts"],"sourcesContent":["import { ActionCreator, emptyProps, props } from \"@ngrx/store\";\n\nexport type WithProps<P extends object> = ActionCreator<string, (props: P) => P>;\nexport type WithoutProps = ActionCreator<string, () => object>;\n\nexport const spxCreateApiActions = <TQuery, TResult, TMsg = string>() => {\n  return {\n    Error: props<{ error: TMsg }>(),\n    Load: props<{ query: TQuery }>(),\n    Received: props<{ result: TResult }>(),\n    Reset: emptyProps(),\n  };\n}","import { WithProps, WithoutProps } from \"./spx-create-api-actions\";\nimport { createReducer, on } from \"@ngrx/store\";\n\nimport { SpxState } from \"./spx-state.interface\";\n\nexport interface SpxApiActions<TQuery, TData, TError> {\n  error: WithProps<{ error: TError }>;\n  load: WithProps<{ query: TQuery }>;\n  received: WithProps<{ result: TData }>;\n  reset: WithoutProps;\n}\n\nexport function spxCreateApiReducer<TQuery, TData, TError>(\n  actions: SpxApiActions<TQuery, TData, TError>,\n  initialState: SpxState<TQuery, TData, TError>,\n) {\n  return createReducer(\n    initialState,\n\n    on(actions.load, (state: SpxState<TQuery, TData, TError>, { query }): SpxState<TQuery, TData, TError> => ({\n      ...state,\n      loading: true,\n      loaded: false,\n      queryNext: query,\n    })),\n\n    on(actions.received, (state: SpxState<TQuery, TData, TError>, { result }): SpxState<TQuery, TData, TError> => ({\n      ...state,\n      data: result as TData,\n      error: null,\n      loading: false,\n      loaded: true,\n      query: state.queryNext,\n      queryNext: null,\n    })),\n\n    on(actions.error, (state: SpxState<TQuery, TData, TError>, { error }): SpxState<TQuery, TData, TError> => ({\n      ...state,\n      error,\n      data: null,\n      loading: false,\n      loaded: false,\n      query: state.queryNext,\n      queryNext: null,\n    })),\n\n    on(actions.reset, (): SpxState<TQuery, TData, TError> => initialState)\n  );\n}","import { SpxState } from \"./spx-state.interface\";\n\nexport const spxCreateInitialStateForReducer = <TQuery, TData, TError>(): SpxState<TQuery, TData, TError> => ({\n  data: null,\n  error: null,\n  loading: false,\n  loaded: false,\n  query: null,\n  queryNext: null,\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAmB,GAAG,MAAqC;IACtE,OAAO;QACL,KAAK,EAAE,KAAK,EAAmB;QAC/B,IAAI,EAAE,KAAK,EAAqB;QAChC,QAAQ,EAAE,KAAK,EAAuB;QACtC,KAAK,EAAE,UAAU,EAAE;KACpB;AACH;;ACAM,SAAU,mBAAmB,CACjC,OAA6C,EAC7C,YAA6C,EAAA;AAE7C,IAAA,OAAO,aAAa,CAClB,YAAY,EAEZ,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAsC,EAAE,EAAE,KAAK,EAAE,MAAuC;AACxG,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,SAAS,EAAE,KAAK;AACjB,KAAA,CAAC,CAAC,EAEH,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAsC,EAAE,EAAE,MAAM,EAAE,MAAuC;AAC7G,QAAA,GAAG,KAAK;AACR,QAAA,IAAI,EAAE,MAAe;AACrB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK,CAAC,SAAS;AACtB,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA,CAAC,CAAC,EAEH,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAsC,EAAE,EAAE,KAAK,EAAE,MAAuC;AACzG,QAAA,GAAG,KAAK;QACR,KAAK;AACL,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK,CAAC,SAAS;AACtB,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA,CAAC,CAAC,EAEH,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,MAAuC,YAAY,CAAC,CACvE;AACH;;AC9CO,MAAM,+BAA+B,GAAG,OAA+D;AAC5G,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,SAAS,EAAE,IAAI;AAChB,CAAA;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-redux.mjs","sources":["../../../../projects/softpak/components/spx-redux/src/spx-create-api-actions.ts","../../../../projects/softpak/components/spx-redux/src/spx-create-api-reducer.ts","../../../../projects/softpak/components/spx-redux/src/spx-create-initial-state.ts","../../../../projects/softpak/components/spx-redux/softpak-components-spx-redux.ts"],"sourcesContent":["import { ActionCreator, emptyProps, props } from \"@ngrx/store\";\n\nexport type WithProps<P extends object> = ActionCreator<string, (props: P) => P>;\nexport type WithoutProps = ActionCreator<string, () => object>;\n\nexport const spxCreateApiActions = <TQuery, TResult, TMsg = string>() => {\n  return {\n    Error: props<{ error: TMsg }>(),\n    Load: props<{ query: TQuery }>(),\n    Received: props<{ result: TResult }>(),\n    Reset: emptyProps(),\n    NoResults: emptyProps(),\n  };\n}","import { WithProps, WithoutProps } from \"./spx-create-api-actions\";\nimport { createReducer, on } from \"@ngrx/store\";\n\nimport { SpxState } from \"./spx-state.interface\";\n\nexport interface SpxApiActions<TQuery, TData, TError> {\n  error: WithProps<{ error: TError }>;\n  load: WithProps<{ query: TQuery }>;\n  noResults: WithoutProps;\n  received: WithProps<{ result: TData }>;\n  reset: WithoutProps;\n}\n\nexport function spxCreateApiReducer<TQuery, TData, TError>(\n  actions: SpxApiActions<TQuery, TData, TError>,\n  initialState: SpxState<TQuery, TData, TError>,\n) {\n  return createReducer(\n    initialState,\n\n    on(actions.load, (state: SpxState<TQuery, TData, TError>, { query }): SpxState<TQuery, TData, TError> => ({\n      ...state,\n      loading: true,\n      loaded: false,\n      queryNext: query,\n    })),\n\n    on(actions.received, (state: SpxState<TQuery, TData, TError>, { result }): SpxState<TQuery, TData, TError> => ({\n      ...state,\n      data: result as TData,\n      error: null,\n      loading: false,\n      loaded: true,\n      noResults: false,\n      query: state.queryNext,\n      queryNext: null,\n    })),\n\n    on(actions.error, (state: SpxState<TQuery, TData, TError>, { error }): SpxState<TQuery, TData, TError> => ({\n      ...state,\n      error,\n      data: null,\n      loading: false,\n      loaded: false,\n      noResults: false,\n      query: state.queryNext,\n      queryNext: null,\n    })),\n\n    on(actions.noResults, (state: SpxState<TQuery, TData, TError>): SpxState<TQuery, TData, TError> => ({\n      ...state,\n      error: null,\n      data: null,\n      loading: false,\n      loaded: true,\n      noResults: true,\n      query: state.queryNext,\n      queryNext: null,\n    })),\n\n    on(actions.reset, (): SpxState<TQuery, TData, TError> => initialState)\n  );\n}","import { SpxState } from \"./spx-state.interface\";\n\nexport const spxCreateInitialStateForReducer = <TQuery, TData, TError>(): SpxState<TQuery, TData, TError> => ({\n  data: null,\n  error: null,\n  loading: false,\n  loaded: false,\n  noResults: false,\n  query: null,\n  queryNext: null,\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAmB,GAAG,MAAqC;IACtE,OAAO;QACL,KAAK,EAAE,KAAK,EAAmB;QAC/B,IAAI,EAAE,KAAK,EAAqB;QAChC,QAAQ,EAAE,KAAK,EAAuB;QACtC,KAAK,EAAE,UAAU,EAAE;QACnB,SAAS,EAAE,UAAU,EAAE;KACxB;AACH;;ACAM,SAAU,mBAAmB,CACjC,OAA6C,EAC7C,YAA6C,EAAA;AAE7C,IAAA,OAAO,aAAa,CAClB,YAAY,EAEZ,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAsC,EAAE,EAAE,KAAK,EAAE,MAAuC;AACxG,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,SAAS,EAAE,KAAK;AACjB,KAAA,CAAC,CAAC,EAEH,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAsC,EAAE,EAAE,MAAM,EAAE,MAAuC;AAC7G,QAAA,GAAG,KAAK;AACR,QAAA,IAAI,EAAE,MAAe;AACrB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,KAAK,CAAC,SAAS;AACtB,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA,CAAC,CAAC,EAEH,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAsC,EAAE,EAAE,KAAK,EAAE,MAAuC;AACzG,QAAA,GAAG,KAAK;QACR,KAAK;AACL,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,KAAK,CAAC,SAAS;AACtB,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA,CAAC,CAAC,EAEH,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAsC,MAAuC;AAClG,QAAA,GAAG,KAAK;AACR,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,KAAK,CAAC,SAAS;AACtB,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA,CAAC,CAAC,EAEH,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,MAAuC,YAAY,CAAC,CACvE;AACH;;AC5DO,MAAM,+BAA+B,GAAG,OAA+D;AAC5G,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,SAAS,EAAE,IAAI;AAChB,CAAA;;ACVD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "20.12.18",
+  "version": "20.13.0",
   "private": false,
   "peerDependencies": {
     "@angular/common": "20.x.x",
@@ -40,10 +40,6 @@
       "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-button": {
       "types": "./spx-button/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-button.mjs"
@@ -52,38 +48,42 @@
       "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-app-expiry": {
+      "types": "./spx-app-expiry/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    },
     "./spx-card": {
       "types": "./spx-card/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-card.mjs"
     },
-    "./spx-change-details": {
-      "types": "./spx-change-details/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-change-details.mjs"
-    },
     "./spx-channel-selection": {
       "types": "./spx-channel-selection/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
     },
+    "./spx-change-details": {
+      "types": "./spx-change-details/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-change-details.mjs"
+    },
     "./spx-check-digit": {
       "types": "./spx-check-digit/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
     },
-    "./spx-app-expiry": {
-      "types": "./spx-app-expiry/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
-    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.mjs"
     },
-    "./spx-form-view": {
-      "types": "./spx-form-view/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
-    },
     "./spx-form-section": {
       "types": "./spx-form-section/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-section.mjs"
     },
+    "./spx-form-view": {
+      "types": "./spx-form-view/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
+    },
     "./spx-helpers": {
       "types": "./spx-helpers/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-helpers.mjs"
@@ -96,6 +96,10 @@
       "types": "./spx-navigation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
+    "./spx-number-check": {
+      "types": "./spx-number-check/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
+    },
     "./spx-pagination": {
       "types": "./spx-pagination/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pagination.mjs"
@@ -108,26 +112,22 @@
       "types": "./spx-pipes/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pipes.mjs"
     },
-    "./spx-number-check": {
-      "types": "./spx-number-check/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
-    },
-    "./spx-spinner": {
-      "types": "./spx-spinner/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
+    "./spx-progress-bar": {
+      "types": "./spx-progress-bar/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
     "./spx-redux": {
       "types": "./spx-redux/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-redux.mjs"
     },
-    "./spx-progress-bar": {
-      "types": "./spx-progress-bar/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
-    },
     "./spx-stock-info": {
       "types": "./spx-stock-info/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
     },
+    "./spx-spinner": {
+      "types": "./spx-spinner/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
+    },
     "./spx-storage": {
       "types": "./spx-storage/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-storage.mjs"
@@ -140,6 +140,10 @@
       "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"
@@ -152,10 +156,6 @@
       "types": "./spx-update/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
-    "./spx-toaster": {
-      "types": "./spx-toaster/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
-    },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"

package/spx-alert/index.d.ts

@@ -1,4 +1,4 @@
-import * as _fortawesome_free_solid_svg_icons from '@fortawesome/free-solid-svg-icons';
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
 import * as _angular_core from '@angular/core';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 
@@ -12,10 +12,10 @@ declare class SpxAlertComponent {
     readonly spxMarginTop: _angular_core.InputSignal<boolean>;
     readonly spxSeverity: _angular_core.InputSignal<SpxSeverityEnum | undefined>;
     SpxSeverity: typeof SpxSeverityEnum;
-    faCheck: _fortawesome_free_solid_svg_icons.IconDefinition;
-    faCircleInfo: _fortawesome_free_solid_svg_icons.IconDefinition;
-    faTriangleExclamation: _fortawesome_free_solid_svg_icons.IconDefinition;
-    faTimes: _fortawesome_free_solid_svg_icons.IconDefinition;
+    faCheck: _fortawesome_fontawesome_common_types.IconDefinition;
+    faCircleInfo: _fortawesome_fontawesome_common_types.IconDefinition;
+    faTriangleExclamation: _fortawesome_fontawesome_common_types.IconDefinition;
+    faTimes: _fortawesome_fontawesome_common_types.IconDefinition;
     componentDidLoad(): void;
     private prepareAutoClose;
     private _assignDefaultTitle;

package/spx-button/index.d.ts

@@ -15,11 +15,14 @@ declare class SpxButtonComponent {
     readonly spxType: _angular_core.InputSignal<"button" | "submit">;
     protected mappedName: _angular_core.Signal<string | undefined>;
     readonly spxName: _angular_core.InputSignal<string | undefined>;
+    isPressing: boolean;
     spxClick: _angular_core.OutputEmitterRef<void>;
     buttonRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     SpxSeverity: typeof SpxSeverityEnum;
     hasShadowDom: (el: HTMLElement) => boolean;
     handleClick: () => void;
+    handlePress: () => Promise<void>;
+    onDocumentPointerUp: (event: PointerEvent) => Promise<void>;
     spxSetFocus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵ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; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; }, { "spxClick": "spxClick"; }, never, ["*"], true, never>;

package/spx-confirm/index.d.ts

@@ -1,4 +1,4 @@
-import * as _fortawesome_free_solid_svg_icons from '@fortawesome/free-solid-svg-icons';
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
 import * as i0 from '@angular/core';
 import { OnInit, OnDestroy } from '@angular/core';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
@@ -11,7 +11,7 @@ declare class SpxConfirmComponent {
     id: i0.InputSignal<string>;
     spxCancel: i0.OutputEmitterRef<string>;
     spxConfirm: i0.OutputEmitterRef<string>;
-    faTimes: _fortawesome_free_solid_svg_icons.IconDefinition;
+    faTimes: _fortawesome_fontawesome_common_types.IconDefinition;
     severityError: SpxSeverityEnum;
     severityInfo: SpxSeverityEnum;
     severitySuccess: SpxSeverityEnum;

package/spx-inputs/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, ChangeDetectorRef, EventEmitter, QueryList, OnInit, SimpleChanges } from '@angular/core';
-import * as _fortawesome_free_solid_svg_icons from '@fortawesome/free-solid-svg-icons';
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
 import { Observable } from 'rxjs';
 import { SpxSeverityEnum, SpxInputAlertI as SpxInputAlertI$1 } from '@softpak/components/spx-helpers';
 import { ModalController } from '@ionic/angular/standalone';
@@ -28,10 +28,10 @@ interface SpxInputAlertI {
 
 declare class SpxInputBoxComponent {
     selectedInputService: SelectedInputService;
-    faEdit: _fortawesome_free_solid_svg_icons.IconDefinition;
-    faSearch: _fortawesome_free_solid_svg_icons.IconDefinition;
-    faQuestion: _fortawesome_free_solid_svg_icons.IconDefinition;
-    faTimes: _fortawesome_free_solid_svg_icons.IconDefinition;
+    faEdit: _fortawesome_fontawesome_common_types.IconDefinition;
+    faSearch: _fortawesome_fontawesome_common_types.IconDefinition;
+    faQuestion: _fortawesome_fontawesome_common_types.IconDefinition;
+    faTimes: _fortawesome_fontawesome_common_types.IconDefinition;
     SpxSeverity: typeof SpxSeverityEnum;
     clearButtonName: _angular_core.Signal<string | undefined>;
     searchButtonName: _angular_core.Signal<string | undefined>;

package/spx-redux/index.d.ts

@@ -14,6 +14,7 @@ declare const spxCreateApiActions: <TQuery, TResult, TMsg = string>() => {
         result: TResult;
     }>;
     Reset: _ngrx_store.ActionCreatorProps<void>;
+    NoResults: _ngrx_store.ActionCreatorProps<void>;
 };
 
 interface SpxState<TQuery, TData, TError> {
@@ -21,6 +22,7 @@ interface SpxState<TQuery, TData, TError> {
     error: TError | null;
     loading: boolean;
     loaded: boolean;
+    noResults: boolean;
     queryNext: TQuery | null;
     query: TQuery | null;
 }
@@ -32,6 +34,7 @@ interface SpxApiActions<TQuery, TData, TError> {
     load: WithProps<{
         query: TQuery;
     }>;
+    noResults: WithoutProps;
     received: WithProps<{
         result: TData;
     }>;