@softpak/components 21.2.0-capwesome.1 → 21.2.0-capwesome.3

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { input, computed, output, viewChild, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
-import { ImpactStyle } from '@capacitor/haptics';
 import { IsSeverityPipe } from '@softpak/components/spx-pipes';
 import { NgClass } from '@angular/common';
+import { SpxHaptics } from '@softpak/components/spx-haptics';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 
 class SpxButtonComponent {
@@ -22,11 +22,7 @@ class SpxButtonComponent {
         this.spxClick = output();
         this.buttonRef = viewChild('buttonRef', ...(ngDevMode ? [{ debugName: "buttonRef" }] : []));
         this.SpxSeverity = SpxSeverityEnum;
-        // For haptics
-        this.isPressing = false;
-        this.lastHaptic = 0;
-        this.hapticCooldown = 120;
-        //
+        this.spxHaptics = new SpxHaptics();
         this.hasShadowDom = (el) => {
             return !!el.shadowRoot && !!el.attachShadow;
         };
@@ -40,51 +36,23 @@ class SpxButtonComponent {
             if (this.spxDisabled()) {
                 return;
             }
-            this.isPressing = true;
-            await this.safeHaptic(ImpactStyle.Medium);
+            this.spxHaptics.pressDown();
         };
-        // global pointerup: check of de release binnen of buiten de knop is
         this.onDocumentPointerUp = async (event) => {
-            if (!this.isPressing || this.spxDisabled()) {
+            if (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 this.safeHaptic(ImpactStyle.Heavy);
-                }
-                else {
-                    // Cancel haptic
-                    await this.safeHaptic(ImpactStyle.Light);
-                }
-            }
-            catch {
-                // Silence if no haptics
-            }
+            const wasInsideElement = btn.contains(event.target);
+            this.spxHaptics.pointerUp(wasInsideElement);
         };
     }
     spxSetFocus() {
         this.buttonRef()?.nativeElement?.focus();
     }
-    async safeHaptic(style) {
-        const now = performance.now();
-        if (now - this.lastHaptic < this.hapticCooldown) {
-            return;
-        }
-        this.lastHaptic = now;
-        try {
-            // await Haptics.impact({ style });
-        }
-        catch {
-            // Silence if no haptics
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SpxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", 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 }); }
 }

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 {\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  spxClick = output();\n  buttonRef = viewChild<ElementRef<HTMLInputElement>>('buttonRef');\n  SpxSeverity = SpxSeverityEnum;\n\n  // For haptics\n  private isPressing = false;\n  private lastHaptic = 0;\n  private hapticCooldown = 120;\n  //\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  // For haptics\n  handlePress = async () => {\n    if (this.spxDisabled()) {\n      return;\n    }\n    this.isPressing = true;\n    await this.safeHaptic(ImpactStyle.Medium);\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 this.safeHaptic(ImpactStyle.Heavy);\n      } else {\n        // Cancel haptic\n        await this.safeHaptic(ImpactStyle.Light);\n      }\n    } catch {\n      // Silence if no haptics\n    }\n  };\n\n  private async safeHaptic(style: ImpactStyle) {\n    const now = performance.now();\n    if (now - this.lastHaptic < this.hapticCooldown) {\n      return;\n    }\n    this.lastHaptic = now;\n\n    try {\n      // await Haptics.impact({ style });\n    } catch {\n      // Silence if no haptics\n    }\n  }\n  // End haptics\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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"}
+{"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';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\n\nimport { IsSeverityPipe } from '@softpak/components/spx-pipes';\nimport { NgClass } from '@angular/common';\nimport { SpxHaptics } from '@softpak/components/spx-haptics';\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  spxClick = output();\n  buttonRef = viewChild<ElementRef<HTMLInputElement>>('buttonRef');\n  SpxSeverity = SpxSeverityEnum;\n  private spxHaptics: SpxHaptics = new SpxHaptics();\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  // For haptics\n  handlePress = async () => {\n    if (this.spxDisabled()) {\n      return;\n    }\n    this.spxHaptics.pressDown();\n  };\n\n  @HostListener('document:pointerup', ['$event'])\n  onDocumentPointerUp = async (event: PointerEvent) => {\n    if (this.spxDisabled()) {\n      return;\n    }\n\n    const btn = this.buttonRef()?.nativeElement;\n    if (!btn) {\n      return;\n    }\n\n    const wasInsideElement = btn.contains(event.target as Node);\n    this.spxHaptics.pointerUp(wasInsideElement);\n  };\n  // End haptics\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-channel-selection.mjs

@@ -14,6 +14,9 @@ import { spxTextChange } from '@softpak/components/spx-translate';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { Actions, createEffect, ofType } from '@ngrx/effects';
 import { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
+import { App } from '@capacitor/app';
+import { LiveUpdate } from '@capawesome/capacitor-live-update';
+import { captureMessage } from '@sentry/angular';
 import { spxUpdateUrl } from '@softpak/components/spx-update';
 import { switchMap } from 'rxjs/operators';
 
@@ -153,7 +156,16 @@ class Effects {
                 }
             }
             else {
-                this.router.navigate([spxUpdateUrl]);
+                App.getInfo().then((binaryInfo) => {
+                    const binaryVersionGroup = binaryInfo.version.substring(0, 3);
+                    LiveUpdate.setChannel({
+                        channel: `${action.channelType}-${binaryVersionGroup}.x`
+                    });
+                    this.router.navigate([spxUpdateUrl]);
+                }).catch((err) => {
+                    captureMessage(`SPX Channel Error: ${JSON.stringify(err)}`);
+                    this.router.navigate([spxUpdateUrl]);
+                });
             }
             return [spxToasterActions.createSuccess({
                     autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,

package/fesm2022/softpak-components-spx-channel-selection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-channel-selection.mjs","sources":["../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.actions.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.reducer.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator/spx-channel-indicator.component.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator/spx-channel-indicator.component.html","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-guard.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.effects.ts","../../../../projects/softpak/components/spx-channel-selection/softpak-components-spx-channel-selection.ts"],"sourcesContent":["import { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\nimport { createActionGroup, props } from '@ngrx/store';\n\nexport const SpxChannelActions = createActionGroup({\n    source: 'SpxChannel',\n    events: {\n        Choose: props<{\n            channel: SpxAppChannelI;\n            channelType: SpxAppChannelTypeEnum;\n        }>(),\n        Initialize: props<{\n            channels: SpxAppChannelI[];\n        }>(),\n    },\n});\n","import { SpxAppChannelI, SpxAppChannelTypeEnum, SpxChannelTypeI } from '@softpak/components/spx-app-configuration';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { createFeature, createReducer, on } from '@ngrx/store';\n\nimport { Capacitor } from '@capacitor/core';\nimport { SpxChannelActions } from './spx-channel.actions';\n\nexport const initialState: StateI = {\n  previousChannel: null,\n  channel: null,\n  channelType: null,\n  channels: [],\n};\n\nexport interface StateI {\n  previousChannel: SpxAppChannelI | null;\n  channel: SpxAppChannelI | null;\n  channels: SpxAppChannelI[];\n  channelType: SpxChannelTypeI | null;\n}\n\nconst determineActiveChannel = (channels: SpxAppChannelI[]): SpxAppChannelI | null => {\n  if (SpxStorage.getSetting(SpxStorageKeyEnum.brand) && SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\n    const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.some((e: SpxChannelTypeI) => e.name === SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum));\n    if (channelResult) {\n      return channelResult;\n    } else {\n      const defaultBrandResult = channels.find(channel => channel.default);\n      if (defaultBrandResult) {\n        return defaultBrandResult;\n      } else {\n        SpxStorage.clearSetting(SpxStorageKeyEnum.brand);\n        return null;\n      }\n    }\n  } else {\n    const defaultBrandResult = channels.find(channel => channel.default);\n    if (defaultBrandResult) {\n      return defaultBrandResult;\n    }\n    return null;\n  }\n}\n\nexport default createFeature({\n  name: 'spxChannel',\n  reducer: createReducer(\n    initialState,\n    on(SpxChannelActions.choose, (state, { channel, channelType }): StateI => {\n      SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand, channel?.brand);\n      SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType, channelType);\n      return {\n        ...state,\n        previousChannel: state.channel,\n        channel,\n      };\n    }),\n    on(SpxChannelActions.initialize, (state, { channels }): StateI => {\n\n      let channelType: SpxChannelTypeI | null = null;\n\n      if (SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\n        channelType = { name: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum };\n      }\n      else {\n        channelType = { name: Capacitor.getPlatform() === 'web' ? SpxAppChannelTypeEnum.webLive : SpxAppChannelTypeEnum.production }; // Default to production if no type is set\n      }\n\n      return {\n        ...state,\n        channel: determineActiveChannel(channels),\n        channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),\n        channelType: channelType,\n      }\n    }),\n  ),\n});\n","import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\n\nimport { Capacitor } from '@capacitor/core';\nimport { NavController } from '@ionic/angular/standalone';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { Store } from '@ngrx/store';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { map } from 'rxjs';\nimport spxChannelReducer from '../../store/spx-channel.reducer';\nimport { spxTextChange } from '@softpak/components/spx-translate';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\nexport const spxChannelSelectionUrl = 'wlc';\n\n@Component({\n  selector: 'spx-channel-indicator',\n  templateUrl: './spx-channel-indicator.component.html',\n  imports: [\n    SpxButtonComponent,\n    SpxCapitalizePipe,\n    TranslatePipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class SpxChannelIndicatorComponent {\n  private readonly navController = inject(NavController);\n  private readonly store = inject(Store);\n  protected readonly channel = this.store.selectSignal(spxChannelReducer.selectChannel);\n  protected readonly channelType = toSignal(this.store.select(spxChannelReducer.selectChannelType).pipe(\n    map(channelType => channelType?.name)\n  ));\n  protected readonly spxTextChange = spxTextChange;\n\n  protected onChange() {\n    this.navController.navigateRoot([spxChannelSelectionUrl]);\n  }\n\n  protected canShowChannelType() {\n    return Capacitor.getPlatform() !== 'web';\n  }\n}\n","<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\n  <div class=\"grow\">\n    <div class=\"text-lg font-bold\">{{ channel()?.brand }}</div>\n    @if (canShowChannelType() && channelType() !== 'Production') {\n      <div class=\"text-base text-gray-600\">{{ channelType() }}</div>\n    }\n  </div>\n  <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ spxTextChange | translate | capitalize }}</spx-button>\n</div>","import { Router } from '@angular/router';\nimport { inject, Injectable } from '@angular/core';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { spxChannelSelectionUrl } from './spx-channel-indicator/spx-channel-indicator.component';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SpxChannelGuard  {\n\n  private readonly router = inject(Router);\n\n  canActivate(): boolean {\n    if (\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand) ||\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType)\n    ) {\n      this.router.navigate([spxChannelSelectionUrl]);\n      return false;\n    }\n    return true;\n  }\n}\n","import { Actions, createEffect, ofType } from '@ngrx/effects';\nimport { Injectable, inject } from '@angular/core';\nimport { SpxToasterAutoCloseSpeedEnum, spxToasterActions } from '@softpak/components/spx-toaster';\n\nimport { Capacitor } from '@capacitor/core';\nimport { Router } from '@angular/router';\nimport { SpxChannelActions } from './spx-channel.actions';\nimport { spxUpdateUrl } from '@softpak/components/spx-update';\nimport { switchMap } from 'rxjs/operators';\n\n@Injectable()\nexport class Effects {\n    private readonly actions$ = inject(Actions);\n    private readonly router = inject(Router);\n\n    onChoose$ =\n        createEffect(() =>\n            this.actions$.pipe(\n                ofType(SpxChannelActions.choose),\n                switchMap((action) => {\n                    if (Capacitor.getPlatform() === 'web') {\n                        const channelType = action.channel.channelTypes.find(channelType => channelType.name === action.channelType)!;\n                        if (channelType.webUrl && !window.location.href.includes('http://localhost') && window.location.href.replace(channelType.webUrl!, '').replace(channelType.oldWebUrl!, '').split('/').at(0) !== '') {\n                            window.location.href = channelType.webUrl!;\n                        } else {\n                            this.router.navigate(['tabs/hme']);\n                        }\n                    } else {\n                        this.router.navigate([spxUpdateUrl]);\n                    }\n                    return [spxToasterActions.createSuccess({\n                        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\n                        messageText: action.channel?.brand,\n                    })];\n                }),\n            ), { dispatch: true });\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["spxChannelReducer"],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-channel-selection.mjs","sources":["../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.actions.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.reducer.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator/spx-channel-indicator.component.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator/spx-channel-indicator.component.html","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-guard.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.effects.ts","../../../../projects/softpak/components/spx-channel-selection/softpak-components-spx-channel-selection.ts"],"sourcesContent":["import { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\nimport { createActionGroup, props } from '@ngrx/store';\n\nexport const SpxChannelActions = createActionGroup({\n    source: 'SpxChannel',\n    events: {\n        Choose: props<{\n            channel: SpxAppChannelI;\n            channelType: SpxAppChannelTypeEnum;\n        }>(),\n        Initialize: props<{\n            channels: SpxAppChannelI[];\n        }>(),\n    },\n});\n","import { SpxAppChannelI, SpxAppChannelTypeEnum, SpxChannelTypeI } from '@softpak/components/spx-app-configuration';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { createFeature, createReducer, on } from '@ngrx/store';\n\nimport { Capacitor } from '@capacitor/core';\nimport { SpxChannelActions } from './spx-channel.actions';\n\nexport const initialState: StateI = {\n  previousChannel: null,\n  channel: null,\n  channelType: null,\n  channels: [],\n};\n\nexport interface StateI {\n  previousChannel: SpxAppChannelI | null;\n  channel: SpxAppChannelI | null;\n  channels: SpxAppChannelI[];\n  channelType: SpxChannelTypeI | null;\n}\n\nconst determineActiveChannel = (channels: SpxAppChannelI[]): SpxAppChannelI | null => {\n  if (SpxStorage.getSetting(SpxStorageKeyEnum.brand) && SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\n    const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.some((e: SpxChannelTypeI) => e.name === SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum));\n    if (channelResult) {\n      return channelResult;\n    } else {\n      const defaultBrandResult = channels.find(channel => channel.default);\n      if (defaultBrandResult) {\n        return defaultBrandResult;\n      } else {\n        SpxStorage.clearSetting(SpxStorageKeyEnum.brand);\n        return null;\n      }\n    }\n  } else {\n    const defaultBrandResult = channels.find(channel => channel.default);\n    if (defaultBrandResult) {\n      return defaultBrandResult;\n    }\n    return null;\n  }\n}\n\nexport default createFeature({\n  name: 'spxChannel',\n  reducer: createReducer(\n    initialState,\n    on(SpxChannelActions.choose, (state, { channel, channelType }): StateI => {\n      SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand, channel?.brand);\n      SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType, channelType);\n      return {\n        ...state,\n        previousChannel: state.channel,\n        channel,\n      };\n    }),\n    on(SpxChannelActions.initialize, (state, { channels }): StateI => {\n\n      let channelType: SpxChannelTypeI | null = null;\n\n      if (SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\n        channelType = { name: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum };\n      }\n      else {\n        channelType = { name: Capacitor.getPlatform() === 'web' ? SpxAppChannelTypeEnum.webLive : SpxAppChannelTypeEnum.production }; // Default to production if no type is set\n      }\n\n      return {\n        ...state,\n        channel: determineActiveChannel(channels),\n        channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),\n        channelType: channelType,\n      }\n    }),\n  ),\n});\n","import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\n\nimport { Capacitor } from '@capacitor/core';\nimport { NavController } from '@ionic/angular/standalone';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { Store } from '@ngrx/store';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { map } from 'rxjs';\nimport spxChannelReducer from '../../store/spx-channel.reducer';\nimport { spxTextChange } from '@softpak/components/spx-translate';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\nexport const spxChannelSelectionUrl = 'wlc';\n\n@Component({\n  selector: 'spx-channel-indicator',\n  templateUrl: './spx-channel-indicator.component.html',\n  imports: [\n    SpxButtonComponent,\n    SpxCapitalizePipe,\n    TranslatePipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class SpxChannelIndicatorComponent {\n  private readonly navController = inject(NavController);\n  private readonly store = inject(Store);\n  protected readonly channel = this.store.selectSignal(spxChannelReducer.selectChannel);\n  protected readonly channelType = toSignal(this.store.select(spxChannelReducer.selectChannelType).pipe(\n    map(channelType => channelType?.name)\n  ));\n  protected readonly spxTextChange = spxTextChange;\n\n  protected onChange() {\n    this.navController.navigateRoot([spxChannelSelectionUrl]);\n  }\n\n  protected canShowChannelType() {\n    return Capacitor.getPlatform() !== 'web';\n  }\n}\n","<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\n  <div class=\"grow\">\n    <div class=\"text-lg font-bold\">{{ channel()?.brand }}</div>\n    @if (canShowChannelType() && channelType() !== 'Production') {\n      <div class=\"text-base text-gray-600\">{{ channelType() }}</div>\n    }\n  </div>\n  <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ spxTextChange | translate | capitalize }}</spx-button>\n</div>","import { Router } from '@angular/router';\nimport { inject, Injectable } from '@angular/core';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { spxChannelSelectionUrl } from './spx-channel-indicator/spx-channel-indicator.component';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SpxChannelGuard  {\n\n  private readonly router = inject(Router);\n\n  canActivate(): boolean {\n    if (\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand) ||\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType)\n    ) {\n      this.router.navigate([spxChannelSelectionUrl]);\n      return false;\n    }\n    return true;\n  }\n}\n","import { Actions, createEffect, ofType } from '@ngrx/effects';\nimport { Injectable, inject } from '@angular/core';\nimport { SpxToasterAutoCloseSpeedEnum, spxToasterActions } from '@softpak/components/spx-toaster';\n\nimport { App } from '@capacitor/app';\nimport { Capacitor } from '@capacitor/core';\nimport { LiveUpdate } from \"@capawesome/capacitor-live-update\";\nimport { Router } from '@angular/router';\nimport { SpxChannelActions } from './spx-channel.actions';\nimport { captureMessage } from '@sentry/angular';\nimport { spxUpdateUrl } from '@softpak/components/spx-update';\nimport { switchMap } from 'rxjs/operators';\n\n@Injectable()\nexport class Effects {\n    private readonly actions$ = inject(Actions);\n    private readonly router = inject(Router);\n\n    onChoose$ =\n        createEffect(() =>\n            this.actions$.pipe(\n                ofType(SpxChannelActions.choose),\n                switchMap((action) => {\n                    if (Capacitor.getPlatform() === 'web') {\n                        const channelType = action.channel.channelTypes.find(channelType => channelType.name === action.channelType)!;\n                        if (channelType.webUrl && !window.location.href.includes('http://localhost') && window.location.href.replace(channelType.webUrl!, '').replace(channelType.oldWebUrl!, '').split('/').at(0) !== '') {\n                            window.location.href = channelType.webUrl!;\n                        } else {\n                            this.router.navigate(['tabs/hme']);\n                        }\n                    } else {\n                        App.getInfo().then((binaryInfo) => {\n                            const binaryVersionGroup = binaryInfo.version.substring(0, 3);\n                            LiveUpdate.setChannel({\n                                channel: `${action.channelType}-${binaryVersionGroup}.x`\n                            });\n                            this.router.navigate([spxUpdateUrl]);\n                        }).catch((err) => {\n                            captureMessage(`SPX Channel Error: ${JSON.stringify(err)}`);\n                            this.router.navigate([spxUpdateUrl]);\n                        });\n                    }\n                    return [spxToasterActions.createSuccess({\n                        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\n                        messageText: action.channel?.brand,\n                    })];\n                }),\n            ), { dispatch: true });\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["spxChannelReducer"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import { ImpactStyle, Haptics } from '@capacitor/haptics';
+import { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';
+
+class SpxHaptics {
+    static { this.lastHaptic = 0; }
+    static { this.hapticCooldown = 120; }
+    constructor() {
+        this.touchAreaIsBeingPressed = false;
+    }
+    async pressDown() {
+        this.touchAreaIsBeingPressed = true;
+        await this.safeHaptic(ImpactStyle.Medium);
+    }
+    async pointerUp(wasInsideElement) {
+        if (!this.touchAreaIsBeingPressed) {
+            return;
+        }
+        try {
+            if (wasInsideElement) {
+                // OK haptic
+                await this.safeHaptic(ImpactStyle.Heavy);
+            }
+            else {
+                // Cancel haptic
+                await this.safeHaptic(ImpactStyle.Light);
+            }
+        }
+        catch {
+            // Silence if no haptics
+        }
+    }
+    async safeHaptic(style) {
+        if (!SpxStorage.getSetting(SpxStorageKeyEnum.noHaptics)) {
+            const now = performance.now();
+            if (now - SpxHaptics.lastHaptic < SpxHaptics.hapticCooldown) {
+                return;
+            }
+            SpxHaptics.lastHaptic = now;
+            try {
+                await Haptics.impact({ style });
+            }
+            catch {
+                // Silence if no haptics
+            }
+        }
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxHaptics };
+//# sourceMappingURL=softpak-components-spx-haptics.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-haptics.mjs","sources":["../../../../projects/softpak/components/spx-haptics/src/spx-haptics.class.ts","../../../../projects/softpak/components/spx-haptics/softpak-components-spx-haptics.ts"],"sourcesContent":["import { Haptics, ImpactStyle } from \"@capacitor/haptics\";\nimport { SpxStorage, SpxStorageKeyEnum } from \"@softpak/components/spx-storage\";\n\nexport class SpxHaptics {\n    private static lastHaptic = 0;\n    private static hapticCooldown = 120;\n    private touchAreaIsBeingPressed = false;\n\n    constructor() {\n\n    }\n\n    public async pressDown() {\n        this.touchAreaIsBeingPressed = true;\n        await this.safeHaptic(ImpactStyle.Medium);\n    }\n\n    public async pointerUp(wasInsideElement: boolean) {\n        if (!this.touchAreaIsBeingPressed) {\n            return;\n        }\n        \n        try {\n            if (wasInsideElement) {\n                // OK haptic\n                await this.safeHaptic(ImpactStyle.Heavy);\n            } else {\n                // Cancel haptic\n                await this.safeHaptic(ImpactStyle.Light);\n            }\n        } catch {\n            // Silence if no haptics\n        }\n    }\n\n    public async safeHaptic(style: ImpactStyle) {\n        if (!SpxStorage.getSetting(SpxStorageKeyEnum.noHaptics)) {\n            const now = performance.now();\n            if (now - SpxHaptics.lastHaptic < SpxHaptics.hapticCooldown) {\n                return;\n            }\n            SpxHaptics.lastHaptic = now;\n\n            try {\n                await Haptics.impact({ style });\n            } catch {\n                // Silence if no haptics\n            }\n        }\n    }\n}\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAGa,UAAU,CAAA;aACJ,IAAA,CAAA,UAAU,GAAG,CAAH,CAAK;aACf,IAAA,CAAA,cAAc,GAAG,GAAH,CAAO;AAGpC,IAAA,WAAA,GAAA;QAFQ,IAAA,CAAA,uBAAuB,GAAG,KAAK;IAIvC;AAEO,IAAA,MAAM,SAAS,GAAA;AAClB,QAAA,IAAI,CAAC,uBAAuB,GAAG,IAAI;QACnC,MAAM,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC;IAC7C;IAEO,MAAM,SAAS,CAAC,gBAAyB,EAAA;AAC5C,QAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YAC/B;QACJ;AAEA,QAAA,IAAI;YACA,IAAI,gBAAgB,EAAE;;gBAElB,MAAM,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC;YAC5C;iBAAO;;gBAEH,MAAM,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC;YAC5C;QACJ;AAAE,QAAA,MAAM;;QAER;IACJ;IAEO,MAAM,UAAU,CAAC,KAAkB,EAAA;QACtC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE;AACrD,YAAA,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,IAAI,GAAG,GAAG,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE;gBACzD;YACJ;AACA,YAAA,UAAU,CAAC,UAAU,GAAG,GAAG;AAE3B,YAAA,IAAI;gBACA,MAAM,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;YACnC;AAAE,YAAA,MAAM;;YAER;QACJ;IACJ;;;ACjDJ;;AAEG;;;;"}

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

@@ -17,6 +17,7 @@ var SpxStorageKeyEnum;
     SpxStorageKeyEnum["release"] = "release";
     SpxStorageKeyEnum["patch"] = "patch";
     SpxStorageKeyEnum["username"] = "username";
+    SpxStorageKeyEnum["noHaptics"] = "noHaptics";
 })(SpxStorageKeyEnum || (SpxStorageKeyEnum = {}));
 ;
 

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-storage.mjs","sources":["../../../../projects/softpak/components/spx-storage/src/spx-storage-key.enum.ts","../../../../projects/softpak/components/spx-storage/src/spx-storage.class.ts","../../../../projects/softpak/components/spx-storage/softpak-components-spx-storage.ts"],"sourcesContent":["export enum SpxStorageKeyEnum {\n    afterSignIn = 'afterSignIn',\n    brand = 'brand',\n    binaryVersionGroup = 'binaryVersionGroup',\n    bundleVersion = 'bundleVersion',\n    lastBinaryVersionGroup = 'lastBinaryVersionGroup',\n    channelType = 'channelType',\n    channelSettings = 'companySettings',\n    liveUpdate = 'liveUpdate',\n    liveUpdateChannel = 'liveUpdateChannel',\n    platform = 'platform',\n    platformVersion = 'platformVersion',\n    token = 'token',\n    updateInProgress = 'updateInProgress',\n    randomDeviceId = 'randomDeviceId',\n    release = 'release',\n    patch = 'patch',\n    username = 'username',\n};\n","import { SpxStorageKeyEnum } from './spx-storage-key.enum';\n\nexport class SpxStorage {\n    private static get channelId() {\n        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;\n    }\n\n    public static clearSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): void {\n        localStorage.removeItem(key as string);\n    }\n\n    public static getSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | null {\n        return localStorage.getItem(key as string);\n    }\n\n    public static setSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: string): void {\n        localStorage.setItem(key as string, settingValue);\n    }\n\n    public static getChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | undefined {\n        let storageObj;\n        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);\n\n        if (storageObjStr) {\n            storageObj = JSON.parse(storageObjStr);\n            if (!storageObj[this.channelId]) {\n                return undefined;\n            }\n            return storageObj[this.channelId][key];\n        } else {\n            return undefined;\n        }\n    }\n\n    public static setChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: any): void {\n        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);\n        let storageObj;\n\n        if (companySettings) {\n            storageObj = JSON.parse(companySettings);\n        } else {\n            storageObj = {};\n        }\n\n        if (!storageObj[this.channelId]) {\n            storageObj[this.channelId] = {};\n        }\n\n        storageObj[this.channelId][key] = settingValue;\n        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));\n    }\n}\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,iBAAiB,EAAA;AACzB,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,iBAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC;AACzC,IAAA,iBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,iBAAA,CAAA,wBAAA,CAAA,GAAA,wBAAiD;AACjD,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnC,IAAA,iBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,iBAAA,CAAA,mBAAA,CAAA,GAAA,mBAAuC;AACvC,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnC,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,iBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC;AACrC,IAAA,iBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC;AACjC,IAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACzB,CAAC,EAlBW,iBAAiB,KAAjB,iBAAiB,GAAA,EAAA,CAAA,CAAA;AAkB5B;;MChBY,UAAU,CAAA;AACX,IAAA,WAAW,SAAS,GAAA;QACxB,OAAO,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA,CAAE;IACxI;IAEO,OAAO,YAAY,CAAU,GAAgC,EAAA;AAChE,QAAA,YAAY,CAAC,UAAU,CAAC,GAAa,CAAC;IAC1C;IAEO,OAAO,UAAU,CAAU,GAAgC,EAAA;AAC9D,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,GAAa,CAAC;IAC9C;AAEO,IAAA,OAAO,UAAU,CAAU,GAAgC,EAAE,YAAoB,EAAA;AACpF,QAAA,YAAY,CAAC,OAAO,CAAC,GAAa,EAAE,YAAY,CAAC;IACrD;IAEO,OAAO,iBAAiB,CAAU,GAAgC,EAAA;AACrE,QAAA,IAAI,UAAU;QACd,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC;QAE7E,IAAI,aAAa,EAAE;AACf,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YACtC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,gBAAA,OAAO,SAAS;YACpB;YACA,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC;QAC1C;aAAO;AACH,YAAA,OAAO,SAAS;QACpB;IACJ;AAEO,IAAA,OAAO,iBAAiB,CAAU,GAAgC,EAAE,YAAiB,EAAA;QACxF,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC;AAC1E,QAAA,IAAI,UAAU;QAEd,IAAI,eAAe,EAAE;AACjB,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;QAC5C;aAAO;YACH,UAAU,GAAG,EAAE;QACnB;QAEA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,YAAA,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;QACnC;QAEA,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,YAAY;AAC9C,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAClF;AACH;;ACnDD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-storage.mjs","sources":["../../../../projects/softpak/components/spx-storage/src/spx-storage-key.enum.ts","../../../../projects/softpak/components/spx-storage/src/spx-storage.class.ts","../../../../projects/softpak/components/spx-storage/softpak-components-spx-storage.ts"],"sourcesContent":["export enum SpxStorageKeyEnum {\n    afterSignIn = 'afterSignIn',\n    brand = 'brand',\n    binaryVersionGroup = 'binaryVersionGroup',\n    bundleVersion = 'bundleVersion',\n    lastBinaryVersionGroup = 'lastBinaryVersionGroup',\n    channelType = 'channelType',\n    channelSettings = 'companySettings',\n    liveUpdate = 'liveUpdate',\n    liveUpdateChannel = 'liveUpdateChannel',\n    platform = 'platform',\n    platformVersion = 'platformVersion',\n    token = 'token',\n    updateInProgress = 'updateInProgress',\n    randomDeviceId = 'randomDeviceId',\n    release = 'release',\n    patch = 'patch',\n    username = 'username',\n    noHaptics = 'noHaptics',\n};\n","import { SpxStorageKeyEnum } from './spx-storage-key.enum';\n\nexport class SpxStorage {\n    private static get channelId() {\n        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;\n    }\n\n    public static clearSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): void {\n        localStorage.removeItem(key as string);\n    }\n\n    public static getSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | null {\n        return localStorage.getItem(key as string);\n    }\n\n    public static setSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: string): void {\n        localStorage.setItem(key as string, settingValue);\n    }\n\n    public static getChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | undefined {\n        let storageObj;\n        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);\n\n        if (storageObjStr) {\n            storageObj = JSON.parse(storageObjStr);\n            if (!storageObj[this.channelId]) {\n                return undefined;\n            }\n            return storageObj[this.channelId][key];\n        } else {\n            return undefined;\n        }\n    }\n\n    public static setChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: any): void {\n        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);\n        let storageObj;\n\n        if (companySettings) {\n            storageObj = JSON.parse(companySettings);\n        } else {\n            storageObj = {};\n        }\n\n        if (!storageObj[this.channelId]) {\n            storageObj[this.channelId] = {};\n        }\n\n        storageObj[this.channelId][key] = settingValue;\n        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));\n    }\n}\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, viewChild, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SpxHaptics } from '@softpak/components/spx-haptics';
 
 class SpxSuggestionComponent {
     constructor() {
@@ -7,40 +8,25 @@ class SpxSuggestionComponent {
         this.spxFocused = input(...(ngDevMode ? [undefined, { debugName: "spxFocused" }] : []));
         this.spxSelected = input(...(ngDevMode ? [undefined, { debugName: "spxSelected" }] : []));
         this.spxTabbable = input(...(ngDevMode ? [undefined, { debugName: "spxTabbable" }] : []));
-        this.isPressing = false;
         this.suggestionRef = viewChild('suggestionRef', ...(ngDevMode ? [{ debugName: "suggestionRef" }] : []));
+        this.spxHaptics = new SpxHaptics();
+        // For haptics
         this.handlePress = async () => {
-            this.isPressing = true;
-            try {
-                // await Haptics.impact({ style: ImpactStyle.Light });
-            }
-            catch {
-                // silence if haptics is not available
+            if (this.spxDisabled()) {
+                return;
             }
+            this.spxHaptics.pressDown();
         };
         this.onDocumentPointerUp = async (event) => {
-            if (!this.isPressing) {
+            if (this.spxDisabled()) {
                 return;
             }
-            this.isPressing = false;
             const btn = this.suggestionRef()?.nativeElement;
             if (!btn) {
                 return;
             }
-            const inside = btn.contains(event.target);
-            try {
-                if (inside) {
-                    // OK haptic
-                    // await Haptics.impact({ style: ImpactStyle.Medium });
-                }
-                else {
-                    // Cancel haptic
-                    // await Haptics.impact({ style: ImpactStyle.Light });
-                }
-            }
-            catch {
-                // ignore
-            }
+            const wasInsideElement = btn.contains(event.target);
+            this.spxHaptics.pointerUp(wasInsideElement);
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SpxSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.html","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostListener, input, viewChild } from '@angular/core';\nimport { Haptics, ImpactStyle } from '@capacitor/haptics';\n\n@Component({\n  selector: 'spx-suggestion',\n  standalone: true,\n  templateUrl: './spx-suggestion.component.html',\n  styleUrl: './spx-suggestion.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SpxSuggestionComponent {\n  spxDisabled = input<boolean>();\n  spxFocused = input<boolean>();\n  spxSelected = input<boolean>();\n  spxTabbable = input<boolean>();\n  private isPressing = false;\n  suggestionRef = viewChild<ElementRef<HTMLButtonElement>>('suggestionRef');\n\n  handlePress = async () => {\n    this.isPressing = true;\n    try {\n      // await Haptics.impact({ style: ImpactStyle.Light });\n    } catch {\n      // silence if haptics is not available\n    }\n  };\n\n  @HostListener('document:pointerup', ['$event'])\n  onDocumentPointerUp = async (event: PointerEvent) => {\n    if (!this.isPressing) {\n      return;\n    }\n    this.isPressing = false;\n\n    const btn = this.suggestionRef()?.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.Medium });\n      } else {\n        // Cancel haptic\n        // await Haptics.impact({ style: ImpactStyle.Light });\n      }\n    } catch {\n      // ignore\n    }\n  };\n}\n","<button\n  #suggestionRef\n    type=\"button\"\n    class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.focus:ring-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.hover:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.active:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.bg-gray-200]=\"this.spxDisabled() && !this.spxSelected()\"\n    [class.bg-gray-400]=\"this.spxDisabled() && this.spxSelected()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-60]=\"this.spxDisabled()\"\n    [class.bg-gradient-to-r]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.from-teal-400]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.to-teal-600]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.font-bold]=\"this.spxSelected()\"\n    [attr.tabindex]=\"this.spxTabbable() && !this.spxDisabled() ? 0 : -1\"\n    [class.ring-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    [class.ring-offset-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    [class.ring-blue-500]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    (pointerdown)=\"this.handlePress()\">\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n  </button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAQE,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;QAC9B,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;QAC7B,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;QAC9B,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;QACtB,IAAA,CAAA,UAAU,GAAG,KAAK;AAC1B,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAgC,eAAe,yDAAC;QAEzE,IAAA,CAAA,WAAW,GAAG,YAAW;AACvB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,YAAA,IAAI;;YAEJ;AAAE,YAAA,MAAM;;YAER;AACF,QAAA,CAAC;AAGD,QAAA,IAAA,CAAA,mBAAmB,GAAG,OAAO,KAAmB,KAAI;AAClD,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB;YACF;AACA,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;YAEvB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,aAAa;YAC/C,IAAI,CAAC,GAAG,EAAE;gBACR;YACF;YAEA,MAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;AAEjD,YAAA,IAAI;gBACF,IAAI,MAAM,EAAE;;;gBAGZ;qBAAO;;;gBAGP;YACF;AAAE,YAAA,MAAM;;YAER;AACF,QAAA,CAAC;AACF,IAAA;8GA3CY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,y0BCVnC,s8CAsBW,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDZE,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,s8CAAA,EAAA;ieAQU,eAAe,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA;sBAWvE,YAAY;uBAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC;;;AE3BhD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.html","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostListener, input, viewChild } from '@angular/core';\n\nimport { SpxHaptics } from '@softpak/components/spx-haptics';\n\n@Component({\n  selector: 'spx-suggestion',\n  standalone: true,\n  templateUrl: './spx-suggestion.component.html',\n  styleUrl: './spx-suggestion.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SpxSuggestionComponent {\n  spxDisabled = input<boolean>();\n  spxFocused = input<boolean>();\n  spxSelected = input<boolean>();\n  spxTabbable = input<boolean>();\n  suggestionRef = viewChild<ElementRef<HTMLButtonElement>>('suggestionRef');\n  private spxHaptics: SpxHaptics = new SpxHaptics();\n\n  // For haptics\n  handlePress = async () => {\n    if (this.spxDisabled()) {\n      return;\n    }\n    this.spxHaptics.pressDown();\n  };\n\n  @HostListener('document:pointerup', ['$event'])\n  onDocumentPointerUp = async (event: PointerEvent) => {\n    if (this.spxDisabled()) {\n      return;\n    }\n\n    const btn = this.suggestionRef()?.nativeElement;\n    if (!btn) {\n      return;\n    }\n\n    const wasInsideElement = btn.contains(event.target as Node);\n    this.spxHaptics.pointerUp(wasInsideElement);\n  };\n  // End haptics\n}\n","<button\n  #suggestionRef\n    type=\"button\"\n    class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.focus:ring-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.hover:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.active:bg-sky-300]=\"!this.spxSelected() && !this.spxDisabled()\"\n    [class.bg-gray-200]=\"this.spxDisabled() && !this.spxSelected()\"\n    [class.bg-gray-400]=\"this.spxDisabled() && this.spxSelected()\"\n    [class.cursor-not-allowed]=\"this.spxDisabled()\"\n    [class.opacity-60]=\"this.spxDisabled()\"\n    [class.bg-gradient-to-r]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.from-teal-400]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.to-teal-600]=\"this.spxSelected() && !this.spxDisabled()\"\n    [class.font-bold]=\"this.spxSelected()\"\n    [attr.tabindex]=\"this.spxTabbable() && !this.spxDisabled() ? 0 : -1\"\n    [class.ring-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    [class.ring-offset-2]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    [class.ring-blue-500]=\"this.spxFocused() && this.spxTabbable() && !this.spxDisabled()\"\n    (pointerdown)=\"this.handlePress()\">\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n  </button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAWa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAQE,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;QAC9B,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;QAC7B,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;QAC9B,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;AAC9B,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAgC,eAAe,yDAAC;AACjE,QAAA,IAAA,CAAA,UAAU,GAAe,IAAI,UAAU,EAAE;;QAGjD,IAAA,CAAA,WAAW,GAAG,YAAW;AACvB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;gBACtB;YACF;AACA,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE;AAC7B,QAAA,CAAC;AAGD,QAAA,IAAA,CAAA,mBAAmB,GAAG,OAAO,KAAmB,KAAI;AAClD,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;gBACtB;YACF;YAEA,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,aAAa;YAC/C,IAAI,CAAC,GAAG,EAAE;gBACR;YACF;YAEA,MAAM,gBAAgB,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;AAC3D,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,gBAAgB,CAAC;AAC7C,QAAA,CAAC;AAEF,IAAA;8GA/BY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,y0BCXnC,s8CAsBW,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDXE,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,s8CAAA,EAAA;ieAOU,eAAe,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA;sBAWvE,YAAY;uBAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC;;;AE3BhD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "21.2.0-capwesome.1",
+  "version": "21.2.0-capwesome.3",
   "private": false,
   "peerDependencies": {
     "@angular/common": "21.x.x",
@@ -85,6 +85,10 @@
       "types": "./types/softpak-components-spx-form-view.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-view.mjs"
     },
+    "./spx-haptics": {
+      "types": "./types/softpak-components-spx-haptics.d.ts",
+      "default": "./fesm2022/softpak-components-spx-haptics.mjs"
+    },
     "./spx-helpers": {
       "types": "./types/softpak-components-spx-helpers.d.ts",
       "default": "./fesm2022/softpak-components-spx-helpers.mjs"

package/types/softpak-components-spx-button.d.ts

@@ -18,15 +18,12 @@ declare class SpxButtonComponent {
     spxClick: _angular_core.OutputEmitterRef<void>;
     buttonRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     SpxSeverity: typeof SpxSeverityEnum;
-    private isPressing;
-    private lastHaptic;
-    private hapticCooldown;
+    private spxHaptics;
     hasShadowDom: (el: HTMLElement) => boolean;
     handleClick: () => void;
     spxSetFocus(): void;
     handlePress: () => Promise<void>;
     onDocumentPointerUp: (event: PointerEvent) => Promise<void>;
-    private safeHaptic;
     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/types/softpak-components-spx-haptics.d.ts

@@ -0,0 +1,13 @@
+import { ImpactStyle } from '@capacitor/haptics';
+
+declare class SpxHaptics {
+    private static lastHaptic;
+    private static hapticCooldown;
+    private touchAreaIsBeingPressed;
+    constructor();
+    pressDown(): Promise<void>;
+    pointerUp(wasInsideElement: boolean): Promise<void>;
+    safeHaptic(style: ImpactStyle): Promise<void>;
+}
+
+export { SpxHaptics };

package/types/softpak-components-spx-storage.d.ts

@@ -15,7 +15,8 @@ declare enum SpxStorageKeyEnum {
     randomDeviceId = "randomDeviceId",
     release = "release",
     patch = "patch",
-    username = "username"
+    username = "username",
+    noHaptics = "noHaptics"
 }
 
 declare class SpxStorage {

package/types/softpak-components-spx-suggestion.d.ts

@@ -6,8 +6,8 @@ declare class SpxSuggestionComponent {
     spxFocused: _angular_core.InputSignal<boolean | undefined>;
     spxSelected: _angular_core.InputSignal<boolean | undefined>;
     spxTabbable: _angular_core.InputSignal<boolean | undefined>;
-    private isPressing;
     suggestionRef: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    private spxHaptics;
     handlePress: () => Promise<void>;
     onDocumentPointerUp: (event: PointerEvent) => Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxSuggestionComponent, never>;