@softpak/components 21.3.16 → 21.3.18

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

@@ -11,6 +11,7 @@ class SpxSuggestionComponent {
         this.spxSelected = input(...(ngDevMode ? [undefined, { debugName: "spxSelected" }] : []));
         this.spxTabbable = input(...(ngDevMode ? [undefined, { debugName: "spxTabbable" }] : []));
         this.spxIcon = input(...(ngDevMode ? [undefined, { debugName: "spxIcon" }] : []));
+        this.spxIconClass = input(...(ngDevMode ? [undefined, { debugName: "spxIconClass" }] : []));
         this.spxBgClass = input(...(ngDevMode ? [undefined, { debugName: "spxBgClass" }] : []));
         this.suggestionRef = viewChild('suggestionRef', ...(ngDevMode ? [{ debugName: "suggestionRef" }] : []));
         this.spxHaptics = new SpxHaptics();
@@ -34,12 +35,12 @@ class SpxSuggestionComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SpxSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxFocused: { classPropertyName: "spxFocused", publicName: "spxFocused", isSignal: true, isRequired: false, transformFunction: null }, spxSelected: { classPropertyName: "spxSelected", publicName: "spxSelected", isSignal: true, isRequired: false, transformFunction: null }, spxTabbable: { classPropertyName: "spxTabbable", publicName: "spxTabbable", isSignal: true, isRequired: false, transformFunction: null }, spxIcon: { classPropertyName: "spxIcon", publicName: "spxIcon", isSignal: true, isRequired: false, transformFunction: null }, spxBgClass: { classPropertyName: "spxBgClass", publicName: "spxBgClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:pointerup": "onDocumentPointerUp($event)" } }, viewQueries: [{ propertyName: "suggestionRef", first: true, predicate: ["suggestionRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<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 relative overflow-hidden\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled() && !this.spxBgClass()\"\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    [ngClass]=\"(!this.spxSelected() && !this.spxDisabled() && this.spxBgClass()) ? this.spxBgClass()! : ''\"\n    (pointerdown)=\"this.handlePress()\">\n    @if (this.spxIcon()) {\n      <fa-icon [icon]=\"this.spxIcon()!\" class=\"absolute right-2 top-1/2 -translate-y-1/2 text-lg opacity-30\"></fa-icon>\n    }\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n  </button>", styles: [""], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: { classPropertyName: "spxDisabled", publicName: "spxDisabled", isSignal: true, isRequired: false, transformFunction: null }, spxFocused: { classPropertyName: "spxFocused", publicName: "spxFocused", isSignal: true, isRequired: false, transformFunction: null }, spxSelected: { classPropertyName: "spxSelected", publicName: "spxSelected", isSignal: true, isRequired: false, transformFunction: null }, spxTabbable: { classPropertyName: "spxTabbable", publicName: "spxTabbable", isSignal: true, isRequired: false, transformFunction: null }, spxIcon: { classPropertyName: "spxIcon", publicName: "spxIcon", isSignal: true, isRequired: false, transformFunction: null }, spxIconClass: { classPropertyName: "spxIconClass", publicName: "spxIconClass", isSignal: true, isRequired: false, transformFunction: null }, spxBgClass: { classPropertyName: "spxBgClass", publicName: "spxBgClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:pointerup": "onDocumentPointerUp($event)" } }, viewQueries: [{ propertyName: "suggestionRef", first: true, predicate: ["suggestionRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<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 relative overflow-hidden\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled() && !this.spxBgClass()\"\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    [ngClass]=\"(!this.spxSelected() && !this.spxDisabled() && this.spxBgClass()) ? this.spxBgClass()! : ''\"\n    (pointerdown)=\"this.handlePress()\">\n    @if (this.spxIcon()) {\n      <fa-icon [icon]=\"this.spxIcon()!\" class=\"absolute right-2 top-1/2 -translate-y-1/2 text-lg opacity-30\" [ngClass]=\"this.spxIconClass() ?? ''\"></fa-icon>\n    }\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n  </button>", styles: [""], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SpxSuggestionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spx-suggestion', standalone: true, imports: [FaIconComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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 relative overflow-hidden\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled() && !this.spxBgClass()\"\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    [ngClass]=\"(!this.spxSelected() && !this.spxDisabled() && this.spxBgClass()) ? this.spxBgClass()! : ''\"\n    (pointerdown)=\"this.handlePress()\">\n    @if (this.spxIcon()) {\n      <fa-icon [icon]=\"this.spxIcon()!\" class=\"absolute right-2 top-1/2 -translate-y-1/2 text-lg opacity-30\"></fa-icon>\n    }\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n  </button>" }]
-        }], propDecorators: { spxDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxDisabled", required: false }] }], spxFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxFocused", required: false }] }], spxSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxSelected", required: false }] }], spxTabbable: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxTabbable", required: false }] }], spxIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxIcon", required: false }] }], spxBgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxBgClass", required: false }] }], suggestionRef: [{ type: i0.ViewChild, args: ['suggestionRef', { isSignal: true }] }], onDocumentPointerUp: [{
+            args: [{ selector: 'spx-suggestion', standalone: true, imports: [FaIconComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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 relative overflow-hidden\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled() && !this.spxBgClass()\"\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    [ngClass]=\"(!this.spxSelected() && !this.spxDisabled() && this.spxBgClass()) ? this.spxBgClass()! : ''\"\n    (pointerdown)=\"this.handlePress()\">\n    @if (this.spxIcon()) {\n      <fa-icon [icon]=\"this.spxIcon()!\" class=\"absolute right-2 top-1/2 -translate-y-1/2 text-lg opacity-30\" [ngClass]=\"this.spxIconClass() ?? ''\"></fa-icon>\n    }\n    <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n  </button>" }]
+        }], propDecorators: { spxDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxDisabled", required: false }] }], spxFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxFocused", required: false }] }], spxSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxSelected", required: false }] }], spxTabbable: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxTabbable", required: false }] }], spxIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxIcon", required: false }] }], spxIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxIconClass", required: false }] }], spxBgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "spxBgClass", required: false }] }], suggestionRef: [{ type: i0.ViewChild, args: ['suggestionRef', { isSignal: true }] }], onDocumentPointerUp: [{
                 type: HostListener,
                 args: ['document:pointerup', ['$event']]
             }] } });

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 { NgClass } from '@angular/common';\n\nimport { FaIconComponent, IconDefinition } from '@fortawesome/angular-fontawesome';\nimport { SpxHaptics } from '@softpak/components/spx-haptics';\n\n@Component({\n  selector: 'spx-suggestion',\n  standalone: true,\n  imports: [FaIconComponent, NgClass],\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  spxIcon = input<IconDefinition>();\n  spxBgClass = input<string>();\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 relative overflow-hidden\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled() && !this.spxBgClass()\"\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    [ngClass]=\"(!this.spxSelected() && !this.spxDisabled() && this.spxBgClass()) ? this.spxBgClass()! : ''\"\n    (pointerdown)=\"this.handlePress()\">\n    @if (this.spxIcon()) {\n      <fa-icon [icon]=\"this.spxIcon()!\" class=\"absolute right-2 top-1/2 -translate-y-1/2 text-lg opacity-30\"></fa-icon>\n    }\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":"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"}
+{"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 { NgClass } from '@angular/common';\n\nimport { FaIconComponent, IconDefinition } from '@fortawesome/angular-fontawesome';\nimport { SpxHaptics } from '@softpak/components/spx-haptics';\n\n@Component({\n  selector: 'spx-suggestion',\n  standalone: true,\n  imports: [FaIconComponent, NgClass],\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  spxIcon = input<IconDefinition>();\n  spxIconClass = input<string>();\n  spxBgClass = input<string>();\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 relative overflow-hidden\"\n    [class.bg-sky-100]=\"!this.spxSelected() && !this.spxDisabled() && !this.spxBgClass()\"\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    [ngClass]=\"(!this.spxSelected() && !this.spxDisabled() && this.spxBgClass()) ? this.spxBgClass()! : ''\"\n    (pointerdown)=\"this.handlePress()\">\n    @if (this.spxIcon()) {\n      <fa-icon [icon]=\"this.spxIcon()!\" class=\"absolute right-2 top-1/2 -translate-y-1/2 text-lg opacity-30\" [ngClass]=\"this.spxIconClass() ?? ''\"></fa-icon>\n    }\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":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { computed, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';
@@ -28,13 +28,24 @@ class SpxWelcomeComponent {
         this.store = store;
         this.formBuilder = formBuilder;
         this.allChannels = toSignal(this.store.select(spxChannelReducer.default.selectChannels));
+        this.favouritesVersion = signal(0, ...(ngDevMode ? [{ debugName: "favouritesVersion" }] : []));
         this.allBrands = computed(() => {
+            this.favouritesVersion();
             const favourites = this.getFavourites();
-            return this.allChannels()?.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({
+            const brands = this.allChannels()?.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({
                 description: c.brand,
                 value: c.brand,
-                ...(favourites.includes(c.brand) ? { icon: faHeart, bgClass: 'bg-red-100' } : {})
+                ...(favourites.includes(c.brand) ? { icon: faHeart, iconClass: 'text-red-800', bgClass: 'bg-red-100' } : {})
             }));
+            return brands?.sort((a, b) => {
+                const aFav = favourites.includes(a.value);
+                const bFav = favourites.includes(b.value);
+                if (aFav && !bFav)
+                    return -1;
+                if (!aFav && bFav)
+                    return 1;
+                return a.value.localeCompare(b.value);
+            });
         }, ...(ngDevMode ? [{ debugName: "allBrands" }] : []));
         this.inputBrand = signal(null, ...(ngDevMode ? [{ debugName: "inputBrand" }] : []));
         this.inputChannelType = signal(null, ...(ngDevMode ? [{ debugName: "inputChannelType" }] : []));
@@ -91,6 +102,9 @@ class SpxWelcomeComponent {
                             type: () => SpxInputTypeEnum.checkbox,
                             label: () => this.textDoYouComeHereOften,
                             checkboxText: () => this.textFavorite,
+                            checkboxIcon: () => faHeart,
+                            checkboxIconClass: () => 'text-red-800',
+                            checkboxBgClass: () => 'bg-red-100',
                             show: () => valuePairToValue(this.ctrlChannel().value),
                             defaultValue: () => ({ value: false }),
                         },
@@ -128,6 +142,8 @@ class SpxWelcomeComponent {
                 ? [...new Set([...favourites, brand])]
                 : favourites.filter(f => f !== brand);
             SpxStorage.setSetting(SpxStorageKeyEnum.channelFavourites, JSON.stringify(updated));
+            this.favouritesVersion.update(v => v + 1);
+            this.suggestions()[spxCtrlChannel] = this.allBrands();
         });
         this.subscriptions.channelType = this.ctrlChannelType().valueChanges.subscribe(valuePair => {
             this.inputChannelType.set(valuePairToValue(this.ctrlChannelType().value));

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-welcome.mjs","sources":["../../../../projects/softpak/components/spx-welcome/spx-welcome.component.ts","../../../../projects/softpak/components/spx-welcome/spx-welcome.component.html","../../../../projects/softpak/components/spx-welcome/softpak-components-spx-welcome.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnDestroy, OnInit, computed, signal } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { IonButtons, IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { SpxToasterAutoCloseSpeedEnum, spxToasterActions } from '@softpak/components/spx-toaster';\nimport { spxChannelActions, spxChannelReducer } from '@softpak/components/spx-channel-selection';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { spxTextChannel, spxTextCompany, spxTextDoYouComeHereOften, spxTextFavorite, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\n\nimport { Capacitor } from '@capacitor/core';\nimport { faHeart } from '@fortawesome/free-solid-svg-icons';\nimport { SpxAppChannelTypeEnum, } from '@softpak/components/spx-app-configuration';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { Store } from '@ngrx/store';\nimport { Subscription } from 'rxjs';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\nexport const spxSectionWelcome = 'welcome';\nexport const spxCtrlChannel = 'channel';\nexport const spxCtrlChannelType = 'channelType';\nexport const spxCtrlFavorite = 'favorite';\n\n@Component({\n  selector: 'spx-welcome',\n  templateUrl: './spx-welcome.component.html',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxFormViewComponent,\n    IonHeader,\n    IonToolbar,\n    IonTitle,\n    IonButtons,\n    IonContent,\n    TranslatePipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\n  allChannels = toSignal(this.store.select(spxChannelReducer.default.selectChannels));\n  allBrands = computed(() => {\n    const favourites = this.getFavourites();\n    return this.allChannels()?.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({\n      description: c.brand,\n      value: c.brand,\n      ...(favourites.includes(c.brand) ? { icon: faHeart, bgClass: 'bg-red-100' } : {})\n    }));\n  });\n  inputBrand = signal<string | null>(null);\n  inputChannelType = signal<SpxAppChannelTypeEnum | null>(null);\n  selectedBrand = computed(() => this.allChannels()?.find(c => c.brand === this.inputBrand()));\n  channelTypeSuggestions = computed(() => this.selectedBrand()?.channelTypes?.filter(channelType => Capacitor.getPlatform() === 'web' ? channelType.webUrl !== undefined : channelType.webUrl === undefined)?.map(channelType => ({\n    description: channelType.name,\n    value: channelType.name\n  })));\n\n  protected readonly formGroup = signal<FormGroup | undefined>(undefined);\n  protected readonly suggestions = signal<{\n    [spxCtrlChannelType]?: SpxValuePair<string>[];\n    [spxCtrlChannel]?: SpxValuePair<string>[];\n  }>({\n    [spxCtrlChannelType]: [],\n    [spxCtrlChannel]: [],\n  });\n\n  textChannel = spxTextChannel;\n  textCompany = spxTextCompany;\n  textSelect = spxTextSelect;\n  textSelectYourCompany = spxTextSelectYourCompany;\n  textDoYouComeHereOften = spxTextDoYouComeHereOften;\n  textFavorite = spxTextFavorite;\n\n  protected readonly formSection = computed(() => this.formGroup()?.get(spxSectionWelcome) as FormGroup);\n  private readonly ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel) as FormControl);\n  private readonly ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType) as FormControl);\n  private readonly ctrlFavorite = computed(() => this.formSection()?.get(spxCtrlFavorite) as FormControl);\n  private subscriptions: {\n    channel?: Subscription;\n    channelType?: Subscription;\n    favorite?: Subscription;\n  } = {};\n\n  protected readonly form = signal<SpxFormI>({\n    buttons: [\n      {\n        severity: SpxSeverityEnum.success,\n        type: SpxFormButtonTypeEnum.submit,\n        label: () => this.textSelect,\n      }\n    ],\n    sections: [\n      {\n        key: spxSectionWelcome,\n        showTitle: () => false,\n        fields: [\n          {\n            key: spxCtrlChannel,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textCompany,\n            validators: () => [spxValidatorRequired()],\n          },\n          {\n            key: spxCtrlChannelType,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textChannel,\n            capitalize: () => true,\n            show: () => valuePairToValue(this.ctrlChannel().value),\n            validators: () => [spxValidatorRequired()],\n          },\n          {\n            key: spxCtrlFavorite,\n            type: () => SpxInputTypeEnum.checkbox,\n            label: () => this.textDoYouComeHereOften,\n            checkboxText: () => this.textFavorite,\n            show: () => valuePairToValue(this.ctrlChannel().value),\n            defaultValue: () => ({ value: false }),\n          },\n        ]\n      }\n    ]\n  });\n\n  constructor(\n    private readonly store: Store,\n    private readonly formBuilder: FormBuilder\n  ) {\n    this.formGroup.set(this.formBuilder.group({\n      [spxSectionWelcome]: SpxFormViewComponent.createForm(this.form())\n    }));\n  }\n\n  ngOnDestroy(): void {\n    unsubscribeSubscriptions(this.subscriptions);\n  }\n\n  ngOnInit(): void {\n    this.suggestions()[spxCtrlChannel] = this.allBrands();\n\n    this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {\n      const brand = valuePairToValue(valuePair) as string | null;\n      this.inputBrand.set(brand);\n      this.suggestions()[spxCtrlChannelType] = this.channelTypeSuggestions();\n      this.ctrlChannelType().setValue({\n        value: SpxAppChannelTypeEnum.production,\n      });\n\n      const favourites = this.getFavourites();\n      const isFavourite = brand ? favourites.includes(brand) : false;\n      this.ctrlFavorite().setValue({ value: isFavourite }, { emitEvent: false });\n    });\n\n    this.subscriptions.favorite = this.ctrlFavorite().valueChanges.subscribe(valuePair => {\n      const brand = this.inputBrand();\n      if (!brand) return;\n      const favourites = this.getFavourites();\n      const isFavourite = valuePairToValue(valuePair) as boolean;\n      const updated = isFavourite\n        ? [...new Set([...favourites, brand])]\n        : favourites.filter(f => f !== brand);\n      SpxStorage.setSetting(SpxStorageKeyEnum.channelFavourites, JSON.stringify(updated));\n    });\n\n    this.subscriptions.channelType = this.ctrlChannelType().valueChanges.subscribe(valuePair => {\n      this.inputChannelType.set(valuePairToValue(this.ctrlChannelType().value));\n    });\n  }\n\n  private getFavourites(): string[] {\n    const raw = SpxStorage.getSetting(SpxStorageKeyEnum.channelFavourites);\n    if (!raw) return [];\n    try { return JSON.parse(raw) as string[]; } catch { return []; }\n  }\n\n  protected onSubmit(): void {\n    if (!this.selectedBrand() || !this.inputChannelType()) {\n      this.store.dispatch(spxToasterActions.createWarning({\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\n        messageText: 'Please select a company',\n      }))\n    } else {\n      this.store.dispatch(spxChannelActions.choose({\n        channel: this.selectedBrand()!,\n        channelType: this.inputChannelType()!,\n      }));\n    }\n  }\n}\n","<ion-header>\n  <ion-toolbar>\n    <ion-title>\n      {{ textSelectYourCompany | translate | capitalize }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-form-view\n      [spxForm]=\"form()\"\n      [spxFormGroup]=\"formSection()\"\n      [spxSuggestions]=\"suggestions()\">\n    </spx-form-view>\n  </form>\n</ion-content>","/**\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-welcome.mjs","sources":["../../../../projects/softpak/components/spx-welcome/spx-welcome.component.ts","../../../../projects/softpak/components/spx-welcome/spx-welcome.component.html","../../../../projects/softpak/components/spx-welcome/softpak-components-spx-welcome.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnDestroy, OnInit, computed, signal } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { IonButtons, IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxInputTypeEnum, SpxSuggestionValuePair, SpxValuePair } from '@softpak/components/spx-inputs';\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { SpxToasterAutoCloseSpeedEnum, spxToasterActions } from '@softpak/components/spx-toaster';\nimport { spxChannelActions, spxChannelReducer } from '@softpak/components/spx-channel-selection';\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\nimport { spxTextChannel, spxTextCompany, spxTextDoYouComeHereOften, spxTextFavorite, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\n\nimport { Capacitor } from '@capacitor/core';\nimport { faHeart } from '@fortawesome/free-solid-svg-icons';\nimport { SpxAppChannelTypeEnum, } from '@softpak/components/spx-app-configuration';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { Store } from '@ngrx/store';\nimport { Subscription } from 'rxjs';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\nexport const spxSectionWelcome = 'welcome';\nexport const spxCtrlChannel = 'channel';\nexport const spxCtrlChannelType = 'channelType';\nexport const spxCtrlFavorite = 'favorite';\n\n@Component({\n  selector: 'spx-welcome',\n  templateUrl: './spx-welcome.component.html',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxFormViewComponent,\n    IonHeader,\n    IonToolbar,\n    IonTitle,\n    IonButtons,\n    IonContent,\n    TranslatePipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\n  allChannels = toSignal(this.store.select(spxChannelReducer.default.selectChannels));\n  private favouritesVersion = signal(0);\n  allBrands = computed(() => {\n    this.favouritesVersion();\n    const favourites = this.getFavourites();\n    const brands = this.allChannels()?.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({\n      description: c.brand,\n      value: c.brand,\n      ...(favourites.includes(c.brand) ? { icon: faHeart, iconClass: 'text-red-800', bgClass: 'bg-red-100' } : {})\n    }));\n    return brands?.sort((a, b) => {\n      const aFav = favourites.includes(a.value);\n      const bFav = favourites.includes(b.value);\n      if (aFav && !bFav) return -1;\n      if (!aFav && bFav) return 1;\n      return a.value.localeCompare(b.value);\n    });\n  });\n  inputBrand = signal<string | null>(null);\n  inputChannelType = signal<SpxAppChannelTypeEnum | null>(null);\n  selectedBrand = computed(() => this.allChannels()?.find(c => c.brand === this.inputBrand()));\n  channelTypeSuggestions = computed(() => this.selectedBrand()?.channelTypes?.filter(channelType => Capacitor.getPlatform() === 'web' ? channelType.webUrl !== undefined : channelType.webUrl === undefined)?.map(channelType => ({\n    description: channelType.name,\n    value: channelType.name\n  })));\n\n  protected readonly formGroup = signal<FormGroup | undefined>(undefined);\n  protected readonly suggestions = signal<{\n    [spxCtrlChannelType]?: SpxValuePair<string>[];\n    [spxCtrlChannel]?: SpxSuggestionValuePair<string>[];\n  }>({\n    [spxCtrlChannelType]: [],\n    [spxCtrlChannel]: [],\n  });\n\n  textChannel = spxTextChannel;\n  textCompany = spxTextCompany;\n  textSelect = spxTextSelect;\n  textSelectYourCompany = spxTextSelectYourCompany;\n  textDoYouComeHereOften = spxTextDoYouComeHereOften;\n  textFavorite = spxTextFavorite;\n\n  protected readonly formSection = computed(() => this.formGroup()?.get(spxSectionWelcome) as FormGroup);\n  private readonly ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel) as FormControl);\n  private readonly ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType) as FormControl);\n  private readonly ctrlFavorite = computed(() => this.formSection()?.get(spxCtrlFavorite) as FormControl);\n  private subscriptions: {\n    channel?: Subscription;\n    channelType?: Subscription;\n    favorite?: Subscription;\n  } = {};\n\n  protected readonly form = signal<SpxFormI>({\n    buttons: [\n      {\n        severity: SpxSeverityEnum.success,\n        type: SpxFormButtonTypeEnum.submit,\n        label: () => this.textSelect,\n      }\n    ],\n    sections: [\n      {\n        key: spxSectionWelcome,\n        showTitle: () => false,\n        fields: [\n          {\n            key: spxCtrlChannel,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textCompany,\n            validators: () => [spxValidatorRequired()],\n          },\n          {\n            key: spxCtrlChannelType,\n            type: () => SpxInputTypeEnum.radio,\n            label: () => this.textChannel,\n            capitalize: () => true,\n            show: () => valuePairToValue(this.ctrlChannel().value),\n            validators: () => [spxValidatorRequired()],\n          },\n          {\n            key: spxCtrlFavorite,\n            type: () => SpxInputTypeEnum.checkbox,\n            label: () => this.textDoYouComeHereOften,\n            checkboxText: () => this.textFavorite,\n            checkboxIcon: () => faHeart,\n            checkboxIconClass: () => 'text-red-800',\n            checkboxBgClass: () => 'bg-red-100',\n            show: () => valuePairToValue(this.ctrlChannel().value),\n            defaultValue: () => ({ value: false }),\n          },\n        ]\n      }\n    ]\n  });\n\n  constructor(\n    private readonly store: Store,\n    private readonly formBuilder: FormBuilder\n  ) {\n    this.formGroup.set(this.formBuilder.group({\n      [spxSectionWelcome]: SpxFormViewComponent.createForm(this.form())\n    }));\n  }\n\n  ngOnDestroy(): void {\n    unsubscribeSubscriptions(this.subscriptions);\n  }\n\n  ngOnInit(): void {\n    this.suggestions()[spxCtrlChannel] = this.allBrands();\n\n    this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {\n      const brand = valuePairToValue(valuePair) as string | null;\n      this.inputBrand.set(brand);\n      this.suggestions()[spxCtrlChannelType] = this.channelTypeSuggestions();\n      this.ctrlChannelType().setValue({\n        value: SpxAppChannelTypeEnum.production,\n      });\n\n      const favourites = this.getFavourites();\n      const isFavourite = brand ? favourites.includes(brand) : false;\n      this.ctrlFavorite().setValue({ value: isFavourite }, { emitEvent: false });\n    });\n\n    this.subscriptions.favorite = this.ctrlFavorite().valueChanges.subscribe(valuePair => {\n      const brand = this.inputBrand();\n      if (!brand) return;\n      const favourites = this.getFavourites();\n      const isFavourite = valuePairToValue(valuePair) as boolean;\n      const updated = isFavourite\n        ? [...new Set([...favourites, brand])]\n        : favourites.filter(f => f !== brand);\n      SpxStorage.setSetting(SpxStorageKeyEnum.channelFavourites, JSON.stringify(updated));\n      this.favouritesVersion.update(v => v + 1);\n      this.suggestions()[spxCtrlChannel] = this.allBrands();\n    });\n\n    this.subscriptions.channelType = this.ctrlChannelType().valueChanges.subscribe(valuePair => {\n      this.inputChannelType.set(valuePairToValue(this.ctrlChannelType().value));\n    });\n  }\n\n  private getFavourites(): string[] {\n    const raw = SpxStorage.getSetting(SpxStorageKeyEnum.channelFavourites);\n    if (!raw) return [];\n    try { return JSON.parse(raw) as string[]; } catch { return []; }\n  }\n\n  protected onSubmit(): void {\n    if (!this.selectedBrand() || !this.inputChannelType()) {\n      this.store.dispatch(spxToasterActions.createWarning({\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\n        messageText: 'Please select a company',\n      }))\n    } else {\n      this.store.dispatch(spxChannelActions.choose({\n        channel: this.selectedBrand()!,\n        channelType: this.inputChannelType()!,\n      }));\n    }\n  }\n}\n","<ion-header>\n  <ion-toolbar>\n    <ion-title>\n      {{ textSelectYourCompany | translate | capitalize }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-form-view\n      [spxForm]=\"form()\"\n      [spxFormGroup]=\"formSection()\"\n      [spxSuggestions]=\"suggestions()\">\n    </spx-form-view>\n  </form>\n</ion-content>","/**\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": "21.3.16",
+  "version": "21.3.18",
   "private": false,
   "peerDependencies": {
     "@angular/common": "21.x.x",

package/types/softpak-components-spx-form-view.d.ts

@@ -1,5 +1,6 @@
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import { ValidatorFn, AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
+import { IconDefinition } from '@fortawesome/angular-fontawesome';
 import { SpxValuePair, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
@@ -33,6 +34,9 @@ interface SpxFormFieldI {
     defaultValidators?: () => ValidatorFn[];
     defaultValue?: () => SpxValuePair<string | number | boolean> | null;
     checkboxText?: () => string;
+    checkboxIcon?: () => IconDefinition;
+    checkboxIconClass?: () => string;
+    checkboxBgClass?: () => string;
 }
 
 interface SpxFormSectionI {

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

@@ -9,7 +9,10 @@ import { ModalController } from '@ionic/angular/standalone';
 interface SpxValuePair<A> {
     description?: string | null;
     value: A;
+}
+interface SpxSuggestionValuePair<A> extends SpxValuePair<A> {
     icon?: IconDefinition;
+    iconClass?: string;
     bgClass?: string;
 }
 
@@ -316,13 +319,13 @@ declare class SpxInputNumberComponent {
 }
 
 declare class SpxInputRadioComponent {
-    readonly cachedSuggestions: _angular_core.WritableSignal<SpxValuePair<any>[]>;
+    readonly cachedSuggestions: _angular_core.WritableSignal<SpxSuggestionValuePair<any>[]>;
     readonly focusPosition: _angular_core.WritableSignal<number>;
     readonly spxName: _angular_core.InputSignal<string | undefined>;
     readonly spxValidators: _angular_core.InputSignal<any[] | undefined>;
     readonly spxShowLabel: _angular_core.InputSignal<boolean>;
     readonly spxReadonly: _angular_core.InputSignal<true | undefined>;
-    readonly spxSuggestions: _angular_core.InputSignal<SpxValuePair<any>[]>;
+    readonly spxSuggestions: _angular_core.InputSignal<SpxSuggestionValuePair<any>[]>;
     readonly value: _angular_core.ModelSignal<SpxValuePair<any> | undefined>;
     readonly selectedInputService: SelectedInputService;
     readonly spxElementId: _angular_core.InputSignal<number | undefined>;
@@ -404,6 +407,9 @@ declare class SpxInputComponent {
     readonly spxCapitalize: _angular_core.InputSignal<boolean>;
     readonly spxCycleConfig: _angular_core.InputSignal<SpxCycleConfig | undefined>;
     readonly spxCheckboxText: _angular_core.InputSignal<string | undefined>;
+    readonly spxCheckboxIcon: _angular_core.InputSignal<IconDefinition | undefined>;
+    readonly spxCheckboxIconClass: _angular_core.InputSignal<string | undefined>;
+    readonly spxCheckboxBgClass: _angular_core.InputSignal<string | undefined>;
     value: _angular_core.WritableSignal<SpxValuePair<any>>;
     spxClear: _angular_core.OutputEmitterRef<void>;
     spxEdit: _angular_core.OutputEmitterRef<void>;
@@ -461,8 +467,8 @@ declare class SpxInputComponent {
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: () => void): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputComponent, "spx-input", never, { "spxSpeedDial": { "alias": "spxSpeedDial"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; "spxMax": { "alias": "spxMax"; "required": false; "isSignal": true; }; "spxMin": { "alias": "spxMin"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxAutocomplete": { "alias": "spxAutocomplete"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxRequired": { "alias": "spxRequired"; "required": false; "isSignal": true; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; "isSignal": true; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; "isSignal": true; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; "isSignal": true; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; "isSignal": true; }; "spxLeftIcon": { "alias": "spxLeftIcon"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxCompact": { "alias": "spxCompact"; "required": false; "isSignal": true; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; "isSignal": true; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; "isSignal": true; }; "spxAlert": { "alias": "spxAlert"; "required": false; "isSignal": true; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; "isSignal": true; }; "spxStep": { "alias": "spxStep"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxType": { "alias": "spxType"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; "isSignal": true; }; "spxCycleConfig": { "alias": "spxCycleConfig"; "required": false; "isSignal": true; }; "spxCheckboxText": { "alias": "spxCheckboxText"; "required": false; "isSignal": true; }; }, { "spxClear": "spxClear"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSearch": "spxSearch"; "spxBlur": "spxBlur"; }, never, ["[spxInputLeftIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxInputComponent, "spx-input", never, { "spxSpeedDial": { "alias": "spxSpeedDial"; "required": false; "isSignal": true; }; "spxLabel": { "alias": "spxLabel"; "required": false; "isSignal": true; }; "spxMax": { "alias": "spxMax"; "required": false; "isSignal": true; }; "spxMin": { "alias": "spxMin"; "required": false; "isSignal": true; }; "spxName": { "alias": "spxName"; "required": false; "isSignal": true; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; "isSignal": true; }; "spxAutocomplete": { "alias": "spxAutocomplete"; "required": false; "isSignal": true; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; "isSignal": true; }; "spxPattern": { "alias": "spxPattern"; "required": false; "isSignal": true; }; "spxRequired": { "alias": "spxRequired"; "required": false; "isSignal": true; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; "isSignal": true; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; "isSignal": true; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; "isSignal": true; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; "isSignal": true; }; "spxLeftIcon": { "alias": "spxLeftIcon"; "required": false; "isSignal": true; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; "isSignal": true; }; "spxCompact": { "alias": "spxCompact"; "required": false; "isSignal": true; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; "isSignal": true; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; "isSignal": true; }; "spxAlert": { "alias": "spxAlert"; "required": false; "isSignal": true; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; "isSignal": true; }; "spxStep": { "alias": "spxStep"; "required": false; "isSignal": true; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxType": { "alias": "spxType"; "required": false; "isSignal": true; }; "spxValidators": { "alias": "spxValidators"; "required": false; "isSignal": true; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; "isSignal": true; }; "spxCycleConfig": { "alias": "spxCycleConfig"; "required": false; "isSignal": true; }; "spxCheckboxText": { "alias": "spxCheckboxText"; "required": false; "isSignal": true; }; "spxCheckboxIcon": { "alias": "spxCheckboxIcon"; "required": false; "isSignal": true; }; "spxCheckboxIconClass": { "alias": "spxCheckboxIconClass"; "required": false; "isSignal": true; }; "spxCheckboxBgClass": { "alias": "spxCheckboxBgClass"; "required": false; "isSignal": true; }; }, { "spxClear": "spxClear"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSearch": "spxSearch"; "spxBlur": "spxBlur"; }, never, ["[spxInputLeftIcon]", "*"], true, never>;
 }
 
 export { SpxInputBoxComponent, SpxInputComponent, SpxInputLeftIconDirective, SpxInputTextComponent, SpxInputTypeEnum };
-export type { SpxCycleConfig, SpxInputAlertI, SpxInputLeftIcon, SpxSpeedDial, SpxValuePair };
+export type { SpxCycleConfig, SpxInputAlertI, SpxInputLeftIcon, SpxSpeedDial, SpxSuggestionValuePair, SpxValuePair };

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

@@ -8,13 +8,14 @@ declare class SpxSuggestionComponent {
     spxSelected: _angular_core.InputSignal<boolean | undefined>;
     spxTabbable: _angular_core.InputSignal<boolean | undefined>;
     spxIcon: _angular_core.InputSignal<IconDefinition | undefined>;
+    spxIconClass: _angular_core.InputSignal<string | undefined>;
     spxBgClass: _angular_core.InputSignal<string | undefined>;
     suggestionRef: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
     private spxHaptics;
     handlePress: () => Promise<void>;
     onDocumentPointerUp: (event: PointerEvent) => Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxSuggestionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxSuggestionComponent, "spx-suggestion", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; "isSignal": true; }; "spxFocused": { "alias": "spxFocused"; "required": false; "isSignal": true; }; "spxSelected": { "alias": "spxSelected"; "required": false; "isSignal": true; }; "spxTabbable": { "alias": "spxTabbable"; "required": false; "isSignal": true; }; "spxIcon": { "alias": "spxIcon"; "required": false; "isSignal": true; }; "spxBgClass": { "alias": "spxBgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxSuggestionComponent, "spx-suggestion", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; "isSignal": true; }; "spxFocused": { "alias": "spxFocused"; "required": false; "isSignal": true; }; "spxSelected": { "alias": "spxSelected"; "required": false; "isSignal": true; }; "spxTabbable": { "alias": "spxTabbable"; "required": false; "isSignal": true; }; "spxIcon": { "alias": "spxIcon"; "required": false; "isSignal": true; }; "spxIconClass": { "alias": "spxIconClass"; "required": false; "isSignal": true; }; "spxBgClass": { "alias": "spxBgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { SpxSuggestionComponent };

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

@@ -5,7 +5,7 @@ import * as _softpak_components_spx_app_configuration from '@softpak/components/
 import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
 import { FormGroup, FormBuilder } from '@angular/forms';
 import { SpxFormI } from '@softpak/components/spx-form-view';
-import { SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxValuePair, SpxSuggestionValuePair } from '@softpak/components/spx-inputs';
 import { Store } from '@ngrx/store';
 
 declare const spxSectionWelcome = "welcome";
@@ -16,8 +16,10 @@ declare class SpxWelcomeComponent implements OnInit, OnDestroy {
     private readonly store;
     private readonly formBuilder;
     allChannels: _angular_core.Signal<_softpak_components_spx_app_configuration.SpxAppChannelI[] | undefined>;
+    private favouritesVersion;
     allBrands: _angular_core.Signal<{
         icon?: _fortawesome_fontawesome_common_types.IconDefinition | undefined;
+        iconClass?: string | undefined;
         bgClass?: string | undefined;
         description: string;
         value: string;
@@ -32,7 +34,7 @@ declare class SpxWelcomeComponent implements OnInit, OnDestroy {
     protected readonly formGroup: _angular_core.WritableSignal<FormGroup<any> | undefined>;
     protected readonly suggestions: _angular_core.WritableSignal<{
         channelType?: SpxValuePair<string>[];
-        channel?: SpxValuePair<string>[];
+        channel?: SpxSuggestionValuePair<string>[];
     }>;
     textChannel: string;
     textCompany: string;