@softpak/components 20.6.11 → 20.7.0

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

@@ -86,11 +86,11 @@ class SpxValidationMessagesComponent {
     get hidden() { return !this.show(); }
     get block() { return this.show(); }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxValidationMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SpxValidationMessagesComponent, isStandalone: true, selector: "spx-validation-messages", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: true, transformFunction: null }, formControlI: { classPropertyName: "formControlI", publicName: "formControlI", isSignal: true, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "fieldLabel", isSignal: true, isRequired: false, transformFunction: null }, submitTried: { classPropertyName: "submitTried", publicName: "submitTried", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.hidden": "this.hidden", "class.block": "this.block" } }, ngImport: i0, template: "\n@if (show()) {\n  <div class=\"bg-red-600 rounded-b\">\n  @if (errors()[\"maxlength\"]) {\n    <div>{{ textTooLong() }}</div>\n  }\n  @if (errors()[\"minlength\"]) {\n    <div>{{ textTooShort() }}</div>\n  }\n  @if (errors()[\"max\"]) {\n    <div>{{ textTooHigh() }}</div>\n  }\n  @if (errors()[\"min\"]) {\n    <div>{{ textTooLow() }}</div>\n  }\n  @if (errors()[\"pattern\"]) {\n    <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (errors()[\"required\"]) {\n    <div>{{ textRequired() }}</div>\n  }\n  @if (errors()[\"year\"]) {\n    <div>{{ textChoosePast() }}</div>\n  }\n  @if (errors()[\"yearFuture\"]) {\n    <div>{{ textChooseFuture() }}</div>\n  }\n  @if (errors()[\"month\"]) {\n    <div>{{ textChooseValidMonth() }}</div>\n  }\n  @if (errors()[\"future\"]) {\n    <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (errors()[\"past\"]) {\n    <div>{{ textDateMayNotBePast() }}</div>\n  }\n  @if (errors()[\"invalidCode\"]) {\n    <div>{{ textInvalidCode() }}</div>\n  }\n  </div>\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: SpxValidationMessagesComponent, isStandalone: true, selector: "spx-validation-messages", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: true, transformFunction: null }, formControlI: { classPropertyName: "formControlI", publicName: "formControlI", isSignal: true, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "fieldLabel", isSignal: true, isRequired: false, transformFunction: null }, submitTried: { classPropertyName: "submitTried", publicName: "submitTried", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.hidden": "this.hidden", "class.block": "this.block" } }, ngImport: i0, template: "\n@if (show()) {\n  <div class=\"bg-red-600 rounded-b p-3\">\n  @if (errors()[\"maxlength\"]) {\n    <div>{{ textTooLong() }}</div>\n  }\n  @if (errors()[\"minlength\"]) {\n    <div>{{ textTooShort() }}</div>\n  }\n  @if (errors()[\"max\"]) {\n    <div>{{ textTooHigh() }}</div>\n  }\n  @if (errors()[\"min\"]) {\n    <div>{{ textTooLow() }}</div>\n  }\n  @if (errors()[\"pattern\"]) {\n    <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (errors()[\"required\"]) {\n    <div>{{ textRequired() }}</div>\n  }\n  @if (errors()[\"year\"]) {\n    <div>{{ textChoosePast() }}</div>\n  }\n  @if (errors()[\"yearFuture\"]) {\n    <div>{{ textChooseFuture() }}</div>\n  }\n  @if (errors()[\"month\"]) {\n    <div>{{ textChooseValidMonth() }}</div>\n  }\n  @if (errors()[\"future\"]) {\n    <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (errors()[\"past\"]) {\n    <div>{{ textDateMayNotBePast() }}</div>\n  }\n  @if (errors()[\"invalidCode\"]) {\n    <div>{{ textInvalidCode() }}</div>\n  }\n  </div>\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpxValidationMessagesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spx-validation-messages', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "\n@if (show()) {\n  <div class=\"bg-red-600 rounded-b\">\n  @if (errors()[\"maxlength\"]) {\n    <div>{{ textTooLong() }}</div>\n  }\n  @if (errors()[\"minlength\"]) {\n    <div>{{ textTooShort() }}</div>\n  }\n  @if (errors()[\"max\"]) {\n    <div>{{ textTooHigh() }}</div>\n  }\n  @if (errors()[\"min\"]) {\n    <div>{{ textTooLow() }}</div>\n  }\n  @if (errors()[\"pattern\"]) {\n    <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (errors()[\"required\"]) {\n    <div>{{ textRequired() }}</div>\n  }\n  @if (errors()[\"year\"]) {\n    <div>{{ textChoosePast() }}</div>\n  }\n  @if (errors()[\"yearFuture\"]) {\n    <div>{{ textChooseFuture() }}</div>\n  }\n  @if (errors()[\"month\"]) {\n    <div>{{ textChooseValidMonth() }}</div>\n  }\n  @if (errors()[\"future\"]) {\n    <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (errors()[\"past\"]) {\n    <div>{{ textDateMayNotBePast() }}</div>\n  }\n  @if (errors()[\"invalidCode\"]) {\n    <div>{{ textInvalidCode() }}</div>\n  }\n  </div>\n}" }]
+            args: [{ selector: 'spx-validation-messages', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "\n@if (show()) {\n  <div class=\"bg-red-600 rounded-b p-3\">\n  @if (errors()[\"maxlength\"]) {\n    <div>{{ textTooLong() }}</div>\n  }\n  @if (errors()[\"minlength\"]) {\n    <div>{{ textTooShort() }}</div>\n  }\n  @if (errors()[\"max\"]) {\n    <div>{{ textTooHigh() }}</div>\n  }\n  @if (errors()[\"min\"]) {\n    <div>{{ textTooLow() }}</div>\n  }\n  @if (errors()[\"pattern\"]) {\n    <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (errors()[\"required\"]) {\n    <div>{{ textRequired() }}</div>\n  }\n  @if (errors()[\"year\"]) {\n    <div>{{ textChoosePast() }}</div>\n  }\n  @if (errors()[\"yearFuture\"]) {\n    <div>{{ textChooseFuture() }}</div>\n  }\n  @if (errors()[\"month\"]) {\n    <div>{{ textChooseValidMonth() }}</div>\n  }\n  @if (errors()[\"future\"]) {\n    <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (errors()[\"past\"]) {\n    <div>{{ textDateMayNotBePast() }}</div>\n  }\n  @if (errors()[\"invalidCode\"]) {\n    <div>{{ textInvalidCode() }}</div>\n  }\n  </div>\n}" }]
         }], propDecorators: { hidden: [{
                 type: HostBinding,
                 args: ['class.hidden']

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-validation-messages.mjs","sources":["../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.ts","../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.html","../../../../projects/softpak/components/spx-validation-messages/softpak-components-spx-validation-messages.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { ChangeDetectionStrategy, Component, HostBinding, computed, effect, inject, input, signal } from '@angular/core';\nimport { spxTextChooseFuture, spxTextChoosePast, spxTextChooseValidMonth, spxTextDateMayNotBeFuture, spxTextDateMayNotBePast, spxTextInvalidCode, spxTextPatternNotValid, spxTextRequired, spxTextTooHigh, spxTextTooLong, spxTextTooLow, spxTextTooShort } from '@softpak/components/spx-translate';\n\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n  selector: 'spx-validation-messages',\n  standalone: true,\n  templateUrl: './spx-validation-messages.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SpxValidationMessagesComponent {\n  @HostBinding('class.hidden') get hidden() { return !this.show(); }\n  @HostBinding('class.block') get block() { return this.show(); }\n  public readonly errors = input.required<ValidationErrors>();\n  public readonly touched = input.required<boolean>();\n  public readonly formControlI = input<AbstractControl<any, any> | undefined>(undefined);\n  public readonly fieldLabel = input<string | undefined>(undefined);\n  public readonly submitTried = input<boolean | undefined>(undefined);\n  protected readonly show = signal(false);\n  private readonly shouldShow = computed(() => this.formControlI() && this.errors() && (this.touched() || this.submitTried()));\n\n  private pending: ReturnType<typeof setTimeout> | null = null;\n  private token = 0;\n\n  // Short delay to avoid growing DOM while clicking on something.\n  private _delayShow = effect(() => {\n    const want = this.shouldShow();\n\n    // Invalidate any older timeouts.\n    this.token++;\n\n    // Cancel any in-flight timeout.\n    if (this.pending) {\n      clearTimeout(this.pending);\n      this.pending = null;\n    }\n\n    if (want) {\n      const myToken = this.token;\n      this.pending = setTimeout(() => {\n        // Only set true if no newer change happened AND the condition still holds.\n        if (myToken === this.token && this.shouldShow()) {\n          this.show.set(true);\n        }\n      }, 500); // your delay\n    } else {\n      // Turn off immediately.\n      this.show.set(false);\n    }\n\n    // Clean up if the effect is torn down.\n    onCleanup(() => {\n      if (this.pending) {\n        clearTimeout(this.pending);\n        this.pending = null;\n      }\n    });\n  });\n\n  translateService = inject(TranslateService);\n\n  textTooLong = computed(() => {\n    return this.translateService.instant(spxTextTooLong, { fieldLabel: this.fieldLabel(), error: this.errors()[\"maxlength\"].requiredLength });\n  });\n\n  textTooShort = computed(() => {\n    return this.translateService.instant(spxTextTooShort, { fieldLabel: this.fieldLabel(), error: this.errors()[\"minlength\"].requiredLength });\n  });\n\n  textTooHigh = computed(() => {\n    return this.translateService.instant(spxTextTooHigh, { fieldLabel: this.fieldLabel(), error: this.errors()[\"max\"].max });\n  });\n\n  textTooLow = computed(() => {\n    return this.translateService.instant(spxTextTooLow, { fieldLabel: this.fieldLabel(), error: this.errors()[\"min\"].min });\n  });\n\n  textPatternNotValid = computed(() => {\n    return this.translateService.instant(spxTextPatternNotValid, { fieldLabel: this.fieldLabel() });\n  });\n\n  textRequired = computed(() => {\n    return this.translateService.instant(spxTextRequired, { fieldLabel: this.fieldLabel() });\n  });\n\n  textChoosePast = computed(() => {\n    return this.translateService.instant(spxTextChoosePast);\n  });\n\n  textChooseFuture = computed(() => {\n    return this.translateService.instant(spxTextChooseFuture);\n  });\n\n  textChooseValidMonth = computed(() => {\n    return this.translateService.instant(spxTextChooseValidMonth);\n  });\n\n  textDateMayNotBeFuture = computed(() => {\n    return this.translateService.instant(spxTextDateMayNotBeFuture);\n  });\n\n  textDateMayNotBePast = computed(() => {\n    return this.translateService.instant(spxTextDateMayNotBePast);\n  });\n\n  textInvalidCode = computed(() => {\n    return this.translateService.instant(spxTextInvalidCode, { codeName: this.errors()[\"invalidCode\"].name, codeCode: this.errors()[\"invalidCode\"].code });\n  });\n\n}\nfunction onCleanup(arg0: () => void) {\n  throw new Error('Function not implemented.');\n}\n\n","\n@if (show()) {\n  <div class=\"bg-red-600 rounded-b\">\n  @if (errors()[\"maxlength\"]) {\n    <div>{{ textTooLong() }}</div>\n  }\n  @if (errors()[\"minlength\"]) {\n    <div>{{ textTooShort() }}</div>\n  }\n  @if (errors()[\"max\"]) {\n    <div>{{ textTooHigh() }}</div>\n  }\n  @if (errors()[\"min\"]) {\n    <div>{{ textTooLow() }}</div>\n  }\n  @if (errors()[\"pattern\"]) {\n    <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (errors()[\"required\"]) {\n    <div>{{ textRequired() }}</div>\n  }\n  @if (errors()[\"year\"]) {\n    <div>{{ textChoosePast() }}</div>\n  }\n  @if (errors()[\"yearFuture\"]) {\n    <div>{{ textChooseFuture() }}</div>\n  }\n  @if (errors()[\"month\"]) {\n    <div>{{ textChooseValidMonth() }}</div>\n  }\n  @if (errors()[\"future\"]) {\n    <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (errors()[\"past\"]) {\n    <div>{{ textDateMayNotBePast() }}</div>\n  }\n  @if (errors()[\"invalidCode\"]) {\n    <div>{{ textInvalidCode() }}</div>\n  }\n  </div>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-validation-messages.mjs","sources":["../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.ts","../../../../projects/softpak/components/spx-validation-messages/spx-validation-messages.component.html","../../../../projects/softpak/components/spx-validation-messages/softpak-components-spx-validation-messages.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { ChangeDetectionStrategy, Component, HostBinding, computed, effect, inject, input, signal } from '@angular/core';\nimport { spxTextChooseFuture, spxTextChoosePast, spxTextChooseValidMonth, spxTextDateMayNotBeFuture, spxTextDateMayNotBePast, spxTextInvalidCode, spxTextPatternNotValid, spxTextRequired, spxTextTooHigh, spxTextTooLong, spxTextTooLow, spxTextTooShort } from '@softpak/components/spx-translate';\n\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n  selector: 'spx-validation-messages',\n  standalone: true,\n  templateUrl: './spx-validation-messages.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SpxValidationMessagesComponent {\n  @HostBinding('class.hidden') get hidden() { return !this.show(); }\n  @HostBinding('class.block') get block() { return this.show(); }\n  public readonly errors = input.required<ValidationErrors>();\n  public readonly touched = input.required<boolean>();\n  public readonly formControlI = input<AbstractControl<any, any> | undefined>(undefined);\n  public readonly fieldLabel = input<string | undefined>(undefined);\n  public readonly submitTried = input<boolean | undefined>(undefined);\n  protected readonly show = signal(false);\n  private readonly shouldShow = computed(() => this.formControlI() && this.errors() && (this.touched() || this.submitTried()));\n\n  private pending: ReturnType<typeof setTimeout> | null = null;\n  private token = 0;\n\n  // Short delay to avoid growing DOM while clicking on something.\n  private _delayShow = effect(() => {\n    const want = this.shouldShow();\n\n    // Invalidate any older timeouts.\n    this.token++;\n\n    // Cancel any in-flight timeout.\n    if (this.pending) {\n      clearTimeout(this.pending);\n      this.pending = null;\n    }\n\n    if (want) {\n      const myToken = this.token;\n      this.pending = setTimeout(() => {\n        // Only set true if no newer change happened AND the condition still holds.\n        if (myToken === this.token && this.shouldShow()) {\n          this.show.set(true);\n        }\n      }, 500); // your delay\n    } else {\n      // Turn off immediately.\n      this.show.set(false);\n    }\n\n    // Clean up if the effect is torn down.\n    onCleanup(() => {\n      if (this.pending) {\n        clearTimeout(this.pending);\n        this.pending = null;\n      }\n    });\n  });\n\n  translateService = inject(TranslateService);\n\n  textTooLong = computed(() => {\n    return this.translateService.instant(spxTextTooLong, { fieldLabel: this.fieldLabel(), error: this.errors()[\"maxlength\"].requiredLength });\n  });\n\n  textTooShort = computed(() => {\n    return this.translateService.instant(spxTextTooShort, { fieldLabel: this.fieldLabel(), error: this.errors()[\"minlength\"].requiredLength });\n  });\n\n  textTooHigh = computed(() => {\n    return this.translateService.instant(spxTextTooHigh, { fieldLabel: this.fieldLabel(), error: this.errors()[\"max\"].max });\n  });\n\n  textTooLow = computed(() => {\n    return this.translateService.instant(spxTextTooLow, { fieldLabel: this.fieldLabel(), error: this.errors()[\"min\"].min });\n  });\n\n  textPatternNotValid = computed(() => {\n    return this.translateService.instant(spxTextPatternNotValid, { fieldLabel: this.fieldLabel() });\n  });\n\n  textRequired = computed(() => {\n    return this.translateService.instant(spxTextRequired, { fieldLabel: this.fieldLabel() });\n  });\n\n  textChoosePast = computed(() => {\n    return this.translateService.instant(spxTextChoosePast);\n  });\n\n  textChooseFuture = computed(() => {\n    return this.translateService.instant(spxTextChooseFuture);\n  });\n\n  textChooseValidMonth = computed(() => {\n    return this.translateService.instant(spxTextChooseValidMonth);\n  });\n\n  textDateMayNotBeFuture = computed(() => {\n    return this.translateService.instant(spxTextDateMayNotBeFuture);\n  });\n\n  textDateMayNotBePast = computed(() => {\n    return this.translateService.instant(spxTextDateMayNotBePast);\n  });\n\n  textInvalidCode = computed(() => {\n    return this.translateService.instant(spxTextInvalidCode, { codeName: this.errors()[\"invalidCode\"].name, codeCode: this.errors()[\"invalidCode\"].code });\n  });\n\n}\nfunction onCleanup(arg0: () => void) {\n  throw new Error('Function not implemented.');\n}\n\n","\n@if (show()) {\n  <div class=\"bg-red-600 rounded-b p-3\">\n  @if (errors()[\"maxlength\"]) {\n    <div>{{ textTooLong() }}</div>\n  }\n  @if (errors()[\"minlength\"]) {\n    <div>{{ textTooShort() }}</div>\n  }\n  @if (errors()[\"max\"]) {\n    <div>{{ textTooHigh() }}</div>\n  }\n  @if (errors()[\"min\"]) {\n    <div>{{ textTooLow() }}</div>\n  }\n  @if (errors()[\"pattern\"]) {\n    <div>{{ textPatternNotValid() }}</div>\n  }\n  @if (errors()[\"required\"]) {\n    <div>{{ textRequired() }}</div>\n  }\n  @if (errors()[\"year\"]) {\n    <div>{{ textChoosePast() }}</div>\n  }\n  @if (errors()[\"yearFuture\"]) {\n    <div>{{ textChooseFuture() }}</div>\n  }\n  @if (errors()[\"month\"]) {\n    <div>{{ textChooseValidMonth() }}</div>\n  }\n  @if (errors()[\"future\"]) {\n    <div>{{ textDateMayNotBeFuture() }}</div>\n  }\n  @if (errors()[\"past\"]) {\n    <div>{{ textDateMayNotBePast() }}</div>\n  }\n  @if (errors()[\"invalidCode\"]) {\n    <div>{{ textInvalidCode() }}</div>\n  }\n  </div>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "20.6.11",
+  "version": "20.7.0",
   "private": false,
   "peerDependencies": {
     "@angular/common": "20.x.x",
@@ -32,6 +32,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/softpak-components.mjs"
     },
+    "./spx-alert": {
+      "types": "./spx-alert/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-alert.mjs"
+    },
+    "./spx-app-expiry": {
+      "types": "./spx-app-expiry/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    },
     "./spx-app-configuration": {
       "types": "./spx-app-configuration/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
@@ -40,13 +48,9 @@
       "types": "./spx-404-page/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-404-page.mjs"
     },
-    "./spx-alert": {
-      "types": "./spx-alert/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-alert.mjs"
-    },
-    "./spx-app-expiry": {
-      "types": "./spx-app-expiry/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    "./spx-capitalize": {
+      "types": "./spx-capitalize/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
     "./spx-button": {
       "types": "./spx-button/index.d.ts",
@@ -56,22 +60,18 @@
       "types": "./spx-card/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-card.mjs"
     },
-    "./spx-capitalize": {
-      "types": "./spx-capitalize/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-capitalize.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-check-digit": {
       "types": "./spx-check-digit/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
     },
+    "./spx-channel-selection": {
+      "types": "./spx-channel-selection/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
+    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.mjs"
@@ -96,10 +96,6 @@
       "types": "./spx-navigation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
-    "./spx-patch": {
-      "types": "./spx-patch/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-patch.mjs"
-    },
     "./spx-number-check": {
       "types": "./spx-number-check/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-number-check.mjs"
@@ -108,17 +104,21 @@
       "types": "./spx-pagination/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pagination.mjs"
     },
-    "./spx-spinner": {
-      "types": "./spx-spinner/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
+    "./spx-patch": {
+      "types": "./spx-patch/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-patch.mjs"
+    },
+    "./spx-pipes": {
+      "types": "./spx-pipes/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-pipes.mjs"
     },
     "./spx-progress-bar": {
       "types": "./spx-progress-bar/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
-    "./spx-pipes": {
-      "types": "./spx-pipes/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-pipes.mjs"
+    "./spx-spinner": {
+      "types": "./spx-spinner/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
     },
     "./spx-stock-info": {
       "types": "./spx-stock-info/index.d.ts",
@@ -132,10 +132,6 @@
       "types": "./spx-suggestion/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
-    "./spx-toggle": {
-      "types": "./spx-toggle/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-toggle.mjs"
-    },
     "./spx-tabs": {
       "types": "./spx-tabs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-tabs.mjs"
@@ -144,25 +140,29 @@
       "types": "./spx-toaster/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-toaster.mjs"
     },
+    "./spx-toggle": {
+      "types": "./spx-toggle/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-toggle.mjs"
+    },
     "./spx-translate": {
       "types": "./spx-translate/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-translate.mjs"
     },
-    "./spx-validation": {
-      "types": "./spx-validation/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-validation.mjs"
-    },
     "./spx-update": {
       "types": "./spx-update/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
-    "./spx-validation-messages": {
-      "types": "./spx-validation-messages/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
+    "./spx-validation": {
+      "types": "./spx-validation/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-validation.mjs"
     },
     "./spx-welcome": {
       "types": "./spx-welcome/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-welcome.mjs"
+    },
+    "./spx-validation-messages": {
+      "types": "./spx-validation-messages/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
     }
   }
 }

package/spx-inputs/index.d.ts

@@ -133,6 +133,7 @@ interface SpxCycleConfig {
 
 declare class SpxInputCycleComponent {
     private cdr;
+    private hostRef;
     mappedReadonly: _angular_core.Signal<boolean>;
     readonly spxSpeedDial: _angular_core.InputSignal<SpxSpeedDial<string | number>[]>;
     readonly spxName: _angular_core.InputSignal<string | undefined>;
@@ -165,11 +166,18 @@ declare class SpxInputCycleComponent {
     values?: string[] | null[];
     completeInput: EventEmitter<string[]>;
     inputBoxes: QueryList<ElementRef>;
-    constructor(cdr: ChangeDetectorRef);
+    private suppressRefocus;
+    private pendingTimers;
+    private setT;
+    private clearPendingTimers;
+    constructor(cdr: ChangeDetectorRef, hostRef: ElementRef<HTMLElement>);
     /** Externe wijzigingen via model() → sync naar interne state + DOM */
     private _reactToValueChanges;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onDocPointerDown(ev: PointerEvent): void;
+    onDocPointerUp(): void;
     private updateIntervalValue;
     private applyValuesToDom;
     private handleChange;