@softpak/components 0.0.0-beta.99 → 0.0.0

package/esm2022/spx-channel-selection/src/spx-welcome.component.mjs

@@ -1,43 +1,136 @@
-import { CommonModule } from '@angular/common';
+import { CommonModule, NgIf } from '@angular/common';
 import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
 import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { SpxFormSectionComponent } from '@softpak/components/spx-form-section';
+import { SpxFormViewComponent } from '@softpak/components/spx-form-view';
+import { SpxSeverityEnum, valuePairToValue } from '@softpak/components/spx-helpers';
+import { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
+import { spxValidatorRequired } from '@softpak/components/spx-validation';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@angular/forms";
+export const sectionWelcome = 'welcome';
+export const ctrlChannel = 'channel';
+export const ctrlChannelType = 'channelType';
 export class SpxWelcomeComponent {
-    get filteredChannels() { return (this.channels ?? [])?.filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)); }
-    constructor() {
+    get ctrlChannel() { return this.formGroup.get(ctrlChannel); }
+    get ctrlChannelType() { return this.formGroup.get(ctrlChannelType); }
+    get filteredCompanies() { return (this.channels ?? [])?.filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand })); }
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
         this.channels = [];
-        this.spxSelected = new EventEmitter();
+        this.channelTypes = [];
+        this.spxSelect = new EventEmitter();
+        this.severitySuccess = SpxSeverityEnum.success;
+        this.suggestions = {
+            [ctrlChannelType]: [],
+            [ctrlChannel]: [],
+        };
+        this.subscriptions = {};
+        this.sections = [
+            {
+                key: sectionWelcome,
+                showTitle: () => false,
+                fields: [
+                    {
+                        key: ctrlChannel,
+                        type: () => SpxInputTypeEnum.radio,
+                        label: () => this.txtCompany,
+                        validators: () => [spxValidatorRequired()],
+                    },
+                    {
+                        key: ctrlChannelType,
+                        type: () => SpxInputTypeEnum.radio,
+                        label: () => this.txtChannel,
+                        capitalize: () => true,
+                        show: () => valuePairToValue(this.ctrlChannel.value),
+                        validators: () => [spxValidatorRequired()],
+                    },
+                ]
+            }
+        ];
     }
-    onSelectChannel(channel) {
-        this.spxSelected.emit(channel);
+    ngOnChanges(changes) {
+        this.suggestions[ctrlChannel] = this.filteredCompanies;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxWelcomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxWelcomeComponent, isStandalone: true, selector: "spx-welcome", inputs: { channels: "channels" }, outputs: { spxSelected: "spxSelected" }, ngImport: i0, template: `<div class="flex flex-col gap-3">
-    <spx-button [spxFullWidth]="true" *ngFor="let channel of filteredChannels" (click)="onSelectChannel(channel)">
-      {{ channel.brand }}
+    ngOnDestroy() {
+    }
+    ngOnInit() {
+        this.subscriptions.channel = this.ctrlChannel.valueChanges.subscribe(valuePair => {
+            const channel = this.channels?.find(c => c.brand === valuePairToValue(valuePair));
+            this.suggestions[ctrlChannelType] = !channel ? [] : channel?.channelTypes?.map(ct => ({
+                description: ct,
+                value: ct
+            }));
+            this.ctrlChannelType.setValue({
+                value: SpxAppChannelTypeEnum.production,
+            });
+        });
+    }
+    onSubmit() {
+        console.log('spxSelect emitting...');
+        this.spxSelect.emit({
+            channel: this.channels?.find(c => c.brand === valuePairToValue(this.ctrlChannel.value)),
+            channelType: valuePairToValue(this.ctrlChannelType.value),
+        });
+    }
+    createForm() {
+        return SpxFormViewComponent.createForm(this.formBuilder, this.sections);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxWelcomeComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxWelcomeComponent, isStandalone: true, selector: "spx-welcome", inputs: { channels: "channels", channelTypes: "channelTypes", formGroup: "formGroup", txtChannel: "txtChannel", txtCompany: "txtCompany" }, outputs: { spxSelect: "spxSelect" }, usesOnChanges: true, ngImport: i0, template: `<form [formGroup]="formGroup" class="max-w-lg mx-auto flex flex-col gap-3" (ngSubmit)="onSubmit()">
+    <spx-form-view
+      [spxFormGroup]="formGroup"
+      [spxSections]="sections"
+      [spxSuggestions]="suggestions">
+    </spx-form-view>
+    <spx-button
+      [spxFullWidth]="true"
+      [spxSeverity]="severitySuccess">
+      Save
     </spx-button>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }] }); }
+  </form>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxSections", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxWelcomeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spx-welcome',
-                    template: `<div class="flex flex-col gap-3">
-    <spx-button [spxFullWidth]="true" *ngFor="let channel of filteredChannels" (click)="onSelectChannel(channel)">
-      {{ channel.brand }}
+                    template: `<form [formGroup]="formGroup" class="max-w-lg mx-auto flex flex-col gap-3" (ngSubmit)="onSubmit()">
+    <spx-form-view
+      [spxFormGroup]="formGroup"
+      [spxSections]="sections"
+      [spxSuggestions]="suggestions">
+    </spx-form-view>
+    <spx-button
+      [spxFullWidth]="true"
+      [spxSeverity]="severitySuccess">
+      Save
     </spx-button>
-  </div>`,
+  </form>`,
                     standalone: true,
                     imports: [
                         CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
                         SpxButtonComponent,
+                        SpxFormSectionComponent,
+                        SpxFormViewComponent,
+                        SpxInputComponent,
+                        NgIf,
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { channels: [{
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { channels: [{
+                type: Input
+            }], channelTypes: [{
+                type: Input
+            }], formGroup: [{
+                type: Input
+            }], txtChannel: [{
+                type: Input
+            }], txtCompany: [{
                 type: Input
-            }], spxSelected: [{
+            }], spxSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LXdlbGNvbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1jaGFubmVsLXNlbGVjdGlvbi9zcmMvc3B4LXdlbGNvbWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBa0IscUJBQXFCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNsRyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBZXBFLE1BQU0sT0FBTyxtQkFBbUI7SUFJOUIsSUFBSSxnQkFBZ0IsS0FBTSxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxxQkFBcUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUU3STtRQUxnQixhQUFRLEdBQXNCLEVBQUUsQ0FBQztRQUNoQyxnQkFBVyxHQUFpQyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQUs1RixDQUFDO0lBRUwsZUFBZSxDQUFDLE9BQXVCO1FBQ3JDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7OEdBWFUsbUJBQW1CO2tHQUFuQixtQkFBbUIsa0pBWHBCOzs7O1NBSUgsMkRBR0wsWUFBWSw0SkFDWixrQkFBa0I7OzJGQUdULG1CQUFtQjtrQkFiL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFOzs7O1NBSUg7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGtCQUFrQjtxQkFDbkI7aUJBQ0Y7d0RBRWlCLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1csV0FBVztzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3B4QXBwQ2hhbm5lbEksIFNweEFwcENoYW5uZWxUeXBlRW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWFwcC1jb25maWd1cmF0aW9uJztcbmltcG9ydCB7IFNweEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWJ1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC13ZWxjb21lJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAtM1wiPlxuICAgIDxzcHgtYnV0dG9uIFtzcHhGdWxsV2lkdGhdPVwidHJ1ZVwiICpuZ0Zvcj1cImxldCBjaGFubmVsIG9mIGZpbHRlcmVkQ2hhbm5lbHNcIiAoY2xpY2spPVwib25TZWxlY3RDaGFubmVsKGNoYW5uZWwpXCI+XG4gICAgICB7eyBjaGFubmVsLmJyYW5kIH19XG4gICAgPC9zcHgtYnV0dG9uPlxuICA8L2Rpdj5gLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNweEJ1dHRvbkNvbXBvbmVudCxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTcHhXZWxjb21lQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGNoYW5uZWxzPzogU3B4QXBwQ2hhbm5lbElbXSA9IFtdO1xuICBAT3V0cHV0KCkgcHVibGljIHNweFNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8U3B4QXBwQ2hhbm5lbEk+ID0gbmV3IEV2ZW50RW1pdHRlcjxTcHhBcHBDaGFubmVsST4oKTtcblxuICBnZXQgZmlsdGVyZWRDaGFubmVscyAoKSB7IHJldHVybiAodGhpcy5jaGFubmVscyA/PyBbXSk/LmZpbHRlcihjaGFubmVsID0+IGNoYW5uZWwuY2hhbm5lbFR5cGVzLmluY2x1ZGVzKFNweEFwcENoYW5uZWxUeXBlRW51bS5wcm9kdWN0aW9uKSk7IH1cblxuICBjb25zdHJ1Y3RvcihcbiAgKSB7IH1cblxuICBvblNlbGVjdENoYW5uZWwoY2hhbm5lbDogU3B4QXBwQ2hhbm5lbEkpIHtcbiAgICB0aGlzLnNweFNlbGVjdGVkLmVtaXQoY2hhbm5lbCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LXdlbGNvbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1jaGFubmVsLXNlbGVjdGlvbi9zcmMvc3B4LXdlbGNvbWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBK0MsTUFBTSxlQUFlLENBQUM7QUFDcEgsT0FBTyxFQUF1QyxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RyxPQUFPLEVBQWtCLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbEcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDcEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0UsT0FBTyxFQUFtQixvQkFBb0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQWdCLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQUcxRSxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDO0FBQ3hDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUM7QUFDckMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLGFBQWEsQ0FBQztBQWdDN0MsTUFBTSxPQUFPLG1CQUFtQjtJQWdCOUIsSUFBSSxXQUFXLEtBQWtCLE9BQU8sSUFBSSxD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LGlCQUFpQjt3QkFDakIsSUFBSTtxQkFDTDtpQkFDRjtnRkFFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzLCBPbkluaXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3B4QXBwQ2hhbm5lbEksIFNweEFwcENoYW5uZWxUeXBlRW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWFwcC1jb25maWd1cmF0aW9uJztcbmltcG9ydCB7IFNweEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWJ1dHRvbic7XG5pbXBvcnQgeyBTcHhGb3JtU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWZvcm0tc2VjdGlvbic7XG5pbXBvcnQgeyBTcHhGb3JtU2VjdGlvbkksIFNweEZvcm1WaWV3Q29tcG9uZW50IH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtZm9ybS12aWV3JztcbmltcG9ydCB7IFNweFNldmVyaXR5RW51bSwgdmFsdWVQYWlyVG9WYWx1ZSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWhlbHBlcnMnO1xuaW1wb3J0IHsgU3B4SW5wdXRDb21wb25lbnQsIFNweElucHV0VHlwZUVudW0sIFNweFZhbHVlUGFpciB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWlucHV0cyc7XG5pbXBvcnQgeyBzcHhWYWxpZGF0b3JSZXF1aXJlZCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LXZhbGlkYXRpb24nO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBjb25zdCBzZWN0aW9uV2VsY29tZSA9ICd3ZWxjb21lJztcbmV4cG9ydCBjb25zdCBjdHJsQ2hhbm5lbCA9ICdjaGFubmVsJztcbmV4cG9ydCBjb25zdCBjdHJsQ2hhbm5lbFR5cGUgPSAnY2hhbm5lbFR5cGUnO1xuZXhwb3J0IGludGVyZmFjZSBTcHhXZWxjb21lVmFsdWVJIHtcbiAgW2N0cmxDaGFubmVsXT86IFNweEFwcENoYW5uZWxJO1xuICBbY3RybENoYW5uZWxUeXBlXTogU3B4QXBwQ2hhbm5lbFR5cGVFbnVtO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtd2VsY29tZScsXG4gIHRlbXBsYXRlOiBgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIiBjbGFzcz1cIm1heC13LWxnIG14LWF1dG8gZmxleCBmbGV4LWNvbCBnYXAtM1wiIChuZ1N1Ym1pdCk9XCJvblN1Ym1pdCgpXCI+XG4gICAgPHNweC1mb3JtLXZpZXdcbiAgICAgIFtzcHhGb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCJcbiAgICAgIFtzcHhTZWN0aW9uc109XCJzZWN0aW9uc1wiXG4gICAgICBbc3B4U3VnZ2VzdGlvbnNdPVwic3VnZ2VzdGlvbnNcIj5cbiAgICA8L3NweC1mb3JtLXZpZXc+XG4gICAgPHNweC1idXR0b25cbiAgICAgIFtzcHhGdWxsV2lkdGhdPVwidHJ1ZVwiXG4gICAgICBbc3B4U2V2ZXJpdHldPVwic2V2ZXJpdHlTdWNjZXNzXCI+XG4gICAgICBTYXZlXG4gICAgPC9zcHgtYnV0dG9uPlxuICA8L2Zvcm0+YCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIFNweEJ1dHRvbkNvbXBvbmVudCxcbiAgICBTcHhGb3JtU2VjdGlvbkNvbXBvbmVudCxcbiAgICBTcHhGb3JtVmlld0NvbXBvbmVudCxcbiAgICBTcHhJbnB1dENvbXBvbmVudCxcbiAgICBOZ0lmLFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNweFdlbGNvbWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgY2hhbm5lbHM/OiBTcHhBcHBDaGFubmVsSVtdID0gW107XG4gIEBJbnB1dCgpIGNoYW5uZWxUeXBlcz86IFNweEFwcENoYW5uZWxUeXBlRW51bVtdID0gW107XG4gIEBJbnB1dCgpIGZvcm1Hcm91cCE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgdHh0Q2hhbm5lbCE6IHN0cmluZztcbiAgQElucHV0KCkgdHh0Q29tcGFueSE6IHN0cmluZztcbiAgQE91dHB1dCgpIHNweFNlbGVjdDogRXZlbnRFbWl0dGVyPFNweFdlbGNvbWVWYWx1ZUk+ID0gbmV3IEV2ZW50RW1pdHRlcjxTcHhXZWxjb21lVmFsdWVJPigpO1xuICBzZXZlcml0eVN1Y2Nlc3MgPSBTcHhTZXZlcml0eUVudW0uc3VjY2VzcztcbiAgc3VnZ2VzdGlvbnM6IHtcbiAgICBbY3RybENoYW5uZWxUeXBlXT86IFNweFZhbHVlUGFpcjxzdHJpbmc+W107XG4gICAgW2N0cmxDaGFubmVsXT86IFNweFZhbHVlUGFpcjxzdHJpbmc+W107XG4gIH0gPSB7XG4gICAgW2N0cmxDaGFubmVsVHlwZV06IFtdLFxuICAgIFtjdHJsQ2hhbm5lbF06IFtdLFxuICB9O1xuICBcbiAgZ2V0IGN0cmxDaGFubmVsKCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybUdyb3VwLmdldChjdHJsQ2hhbm5lbCkgYXMgRm9ybUNvbnRyb2w7IH1cbiAgZ2V0IGN0cmxDaGFubmVsVHlwZSgpOiBGb3JtQ29udHJvbCB7IHJldHVybiB0aGlzLmZvcm1Hcm91cC5nZXQoY3RybENoYW5uZWxUeXBlKSBhcyBGb3JtQ29udHJvbDsgfVxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnM6IHtcbiAgICBjaGFubmVsPzogU3Vic2NyaXB0aW9uXG4gIH0gPSB7fTtcblxuICBzZWN0aW9uczogU3B4Rm9ybVNlY3Rpb25JW10gPSBbXG4gICAge1xuICAgICAga2V5OiBzZWN0aW9uV2VsY29tZSxcbiAgICAgIHNob3dUaXRsZTogKCkgPT4gZmFsc2UsXG4gICAgICBmaWVsZHM6IFtcbiAgICAgICAge1xuICAgICAgICAgIGtleTogY3RybENoYW5uZWwsXG4gICAgICAgICAgdHlwZTogKCkgPT4gU3B4SW5wdXRUeXBlRW51bS5yYWRpbyxcbiAgICAgICAgICBsYWJlbDogKCkgPT4gdGhpcy50eHRDb21wYW55LFxuICAgICAgICAgIHZhbGlkYXRvcnM6ICgpID0+IFtzcHhWYWxpZGF0b3JSZXF1aXJlZCgpXSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIGtleTogY3RybENoYW5uZWxUeXBlLFxuICAgICAgICAgIHR5cGU6ICgpID0+IFNweElucHV0VHlwZUVudW0ucmFkaW8sXG4gICAgICAgICAgbGFiZWw6ICgpID0+IHRoaXMudHh0Q2hhbm5lbCxcbiAgICAgICAgICBjYXBpdGFsaXplOiAoKSA9PiB0cnVlLFxuICAgICAgICAgIHNob3c6ICgpID0+IHZhbHVlUGFpclRvVmFsdWUodGhpcy5jdHJsQ2hhbm5lbC52YWx1ZSksXG4gICAgICAgICAgdmFsaWRhdG9yczogKCkgPT4gW3NweFZhbGlkYXRvclJlcXVpcmVkKCldLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIH1cbiAgXTtcbiAgXG4gIGdldCBmaWx0ZXJlZENvbXBhbmllcygpOiBTcHhWYWx1ZVBhaXI8c3RyaW5nPltdIHsgcmV0dXJuICh0aGlzLmNoYW5uZWxzID8/IFtdKT8uZmlsdGVyKGNoYW5uZWwgPT4gY2hhbm5lbC5jaGFubmVsVHlwZXMuaW5jbHVkZXMoU3B4QXBwQ2hhbm5lbFR5cGVFbnVtLnByb2R1Y3Rpb24pKS5tYXAoYyA9PiAoeyBkZXNjcmlwdGlvbjogYy5icmFuZCwgdmFsdWU6IGMuYnJhbmQgfSkpOyB9XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyKSB7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5zdWdnZXN0aW9uc1tjdHJsQ2hhbm5lbF0gPSB0aGlzLmZpbHRlcmVkQ29tcGFuaWVzO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgXG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuY2hhbm5lbCA9IHRoaXMuY3RybENoYW5uZWwudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSh2YWx1ZVBhaXIgPT4ge1xuICAgICAgY29uc3QgY2hhbm5lbCA9IHRoaXMuY2hhbm5lbHM/LmZpbmQoYyA9PiBjLmJyYW5kID09PSB2YWx1ZVBhaXJUb1ZhbHVlKHZhbHVlUGFpcikpO1xuICAgICAgdGhpcy5zdWdnZXN0aW9uc1tjdHJsQ2hhbm5lbFR5cGVdID0gIWNoYW5uZWwgPyBbXSA6IGNoYW5uZWw/LmNoYW5uZWxUeXBlcz8ubWFwKGN0ID0+ICh7XG4gICAgICAgIGRlc2NyaXB0aW9uOiBjdCxcbiAgICAgICAgdmFsdWU6IGN0XG4gICAgICB9KSk7XG4gICAgICB0aGlzLmN0cmxDaGFubmVsVHlwZS5zZXRWYWx1ZSh7XG4gICAgICAgIHZhbHVlOiBTcHhBcHBDaGFubmVsVHlwZUVudW0ucHJvZHVjdGlvbixcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgb25TdWJtaXQoKTogdm9pZCB7XG4gICAgY29uc29sZS5sb2coJ3NweFNlbGVjdCBlbWl0dGluZy4uLicpO1xuICAgIHRoaXMuc3B4U2VsZWN0LmVtaXQoe1xuICAgICAgY2hhbm5lbDogdGhpcy5jaGFubmVscz8uZmluZChjID0+IGMuYnJhbmQgPT09IHZhbHVlUGFpclRvVmFsdWUodGhpcy5jdHJsQ2hhbm5lbC52YWx1ZSkpLFxuICAgICAgY2hhbm5lbFR5cGU6IHZhbHVlUGFpclRvVmFsdWUodGhpcy5jdHJsQ2hhbm5lbFR5cGUudmFsdWUpLFxuICAgIH0pO1xuICB9XG5cbiAgY3JlYXRlRm9ybSgpOiBGb3JtR3JvdXAge1xuICAgIHJldHVybiBTcHhGb3JtVmlld0NvbXBvbmVudC5jcmVhdGVGb3JtKHRoaXMuZm9ybUJ1aWxkZXIsIHRoaXMuc2VjdGlvbnMpO1xuICB9XG59XG4iXX0=

package/esm2022/spx-check-digit/spx-check-digit.component.mjs

@@ -1,14 +1,13 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewChild } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { combineLatest, map, startWith } from 'rxjs';
-import { spxValidatorRequired, spxValidatorMaxLength, spxValidatorMinLength, spxValidatorPattern, SpxValidationModule } from '@softpak/components/spx-validation';
+import { spxValidatorRequired, spxValidatorMaxLength, spxValidatorMinLength, spxValidatorPattern, SpxValidateControlComponent } from '@softpak/components/spx-validation';
 import { calcCheckDigit, valuePairToValue } from '@softpak/components/spx-helpers';
 import { CommonModule } from '@angular/common';
 import { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@angular/common";
-import * as i3 from "@softpak/components/spx-validation";
 const ctrlCheckDigit = 'checkDigit';
 const ctrlContainerNumber = 'containerNumber';
 const ctrlPrefix = 'prefix';
@@ -57,6 +56,11 @@ export class SpxCheckDigitComponent {
             }
         });
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.ctrlContainerNumberRef?.setFocusIn();
+        }, 250);
+    }
     ngOnDestroy() {
         if (this.inputChanges) {
             this.inputChanges.unsubscribe();
@@ -66,7 +70,7 @@ export class SpxCheckDigitComponent {
         return formControl._rawValidators;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxCheckDigitComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxCheckDigitComponent, isStandalone: true, selector: "spx-check-digit", inputs: { txtCheckDigit: "txtCheckDigit", txtContainer: "txtContainer", txtPrefix: "txtPrefix" }, ngImport: i0, template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\">\n  <spx-input\n    [formControl]=\"ctrlContainerNumber\"\n    [spxAutofocus]=\"true\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtContainer\"\n    [spxPattern]=\"'[0-9]*'\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerNumber && ctrlContainerNumber.errors && ctrlContainerNumber.touched\"\n    [spxType]=\"inputTypeOverlayNumber\"\n    [spxValidators]=\"getRawValidators(ctrlContainerNumber)\">\n    <spx-validate-control [control]=\"ctrlContainerNumber\" [label]=\"txtContainer\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    [formControl]=\"ctrlContainerPrefix\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtPrefix\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerPrefix && ctrlContainerPrefix.errors && ctrlContainerPrefix.touched\"\n    [spxType]=\"inputTypeText\"\n    [spxValidators]=\"getRawValidators(ctrlContainerPrefix)\">\n    <spx-validate-control [control]=\"ctrlContainerPrefix\" [label]=\"txtPrefix\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    *ngIf=\"ctrlCheckDigit.value\"\n    [formControl]=\"ctrlCheckDigit\"\n    [spxLabel]=\"txtCheckDigit\"\n    [spxReadonly]=\"true\"\n    [spxType]=\"inputTypeText\">\n  </spx-input>\n</form>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: SpxValidationModule }, { kind: "component", type: i3.SpxValidateControlComponent, selector: "spx-validate-control", inputs: ["control", "label", "submitTried"] }, { kind: "component", type: SpxInputComponent, selector: "spx-input", inputs: ["spxLabel", "spxMax", "spxMin", "spxName", "spxReadonly", "spxAutofocus", "spxInputMode", "spxPattern", "spxRequired", "spxSelectMonth", "spxSelectDay", "spxShowEdit", "spxShowHelp", "spxCompact", "spxShowClear", "spxShowSearch", "spxShowValidationMessages", "spxStep", "spxSuggestions", "spxType", "spxValidators", "value", "spxCapitalize", "spxFocused"], outputs: ["spxBlur", "spxClear", "spxChange", "spxFocus", "spxEdit", "spxHelp", "spxSearch"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxCheckDigitComponent, isStandalone: true, selector: "spx-check-digit", inputs: { txtCheckDigit: "txtCheckDigit", txtContainer: "txtContainer", txtPrefix: "txtPrefix" }, viewQueries: [{ propertyName: "ctrlContainerNumberRef", first: true, predicate: ["ctrlContainerNumberRef"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\">\n  <spx-input\n    #ctrlContainerNumberRef\n    [formControl]=\"ctrlContainerNumber\"\n    [spxAutofocus]=\"true\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtContainer\"\n    [spxPattern]=\"'[0-9]*'\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerNumber && ctrlContainerNumber.errors && ctrlContainerNumber.touched\"\n    [spxType]=\"inputTypeOverlayNumber\"\n    [spxValidators]=\"getRawValidators(ctrlContainerNumber)\">\n    <spx-validate-control [control]=\"ctrlContainerNumber\" [label]=\"txtContainer\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    [formControl]=\"ctrlContainerPrefix\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtPrefix\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerPrefix && ctrlContainerPrefix.errors && ctrlContainerPrefix.touched\"\n    [spxType]=\"inputTypeText\"\n    [spxValidators]=\"getRawValidators(ctrlContainerPrefix)\">\n    <spx-validate-control [control]=\"ctrlContainerPrefix\" [label]=\"txtPrefix\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    *ngIf=\"ctrlCheckDigit.value\"\n    [formControl]=\"ctrlCheckDigit\"\n    [spxLabel]=\"txtCheckDigit\"\n    [spxReadonly]=\"true\"\n    [spxType]=\"inputTypeText\">\n  </spx-input>\n</form>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: SpxValidateControlComponent, selector: "spx-validate-control", inputs: ["control", "label", "submitTried"] }, { kind: "component", type: SpxInputComponent, selector: "spx-input", inputs: ["spxLabel", "spxMax", "spxMin", "spxName", "spxReadonly", "spxAutofocus", "spxInputMode", "spxPattern", "spxRequired", "spxSelectMonth", "spxSelectDay", "spxShowEdit", "spxShowHelp", "spxShowLabel", "spxCompact", "spxShowClear", "spxShowSearch", "spxShowValidationMessages", "spxStep", "spxSuggestions", "spxType", "spxValidators", "value", "spxCapitalize", "spxFocused"], outputs: ["spxBlur", "spxClear", "spxChange", "spxFocus", "spxEdit", "spxHelp", "spxSearch"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxCheckDigitComponent, decorators: [{
             type: Component,
@@ -74,14 +78,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         CommonModule,
                         FormsModule,
                         ReactiveFormsModule,
-                        SpxValidationModule,
+                        SpxValidateControlComponent,
                         SpxInputComponent,
-                    ], template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\">\n  <spx-input\n    [formControl]=\"ctrlContainerNumber\"\n    [spxAutofocus]=\"true\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtContainer\"\n    [spxPattern]=\"'[0-9]*'\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerNumber && ctrlContainerNumber.errors && ctrlContainerNumber.touched\"\n    [spxType]=\"inputTypeOverlayNumber\"\n    [spxValidators]=\"getRawValidators(ctrlContainerNumber)\">\n    <spx-validate-control [control]=\"ctrlContainerNumber\" [label]=\"txtContainer\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    [formControl]=\"ctrlContainerPrefix\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtPrefix\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerPrefix && ctrlContainerPrefix.errors && ctrlContainerPrefix.touched\"\n    [spxType]=\"inputTypeText\"\n    [spxValidators]=\"getRawValidators(ctrlContainerPrefix)\">\n    <spx-validate-control [control]=\"ctrlContainerPrefix\" [label]=\"txtPrefix\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    *ngIf=\"ctrlCheckDigit.value\"\n    [formControl]=\"ctrlCheckDigit\"\n    [spxLabel]=\"txtCheckDigit\"\n    [spxReadonly]=\"true\"\n    [spxType]=\"inputTypeText\">\n  </spx-input>\n</form>" }]
+                    ], template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\">\n  <spx-input\n    #ctrlContainerNumberRef\n    [formControl]=\"ctrlContainerNumber\"\n    [spxAutofocus]=\"true\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtContainer\"\n    [spxPattern]=\"'[0-9]*'\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerNumber && ctrlContainerNumber.errors && ctrlContainerNumber.touched\"\n    [spxType]=\"inputTypeOverlayNumber\"\n    [spxValidators]=\"getRawValidators(ctrlContainerNumber)\">\n    <spx-validate-control [control]=\"ctrlContainerNumber\" [label]=\"txtContainer\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    [formControl]=\"ctrlContainerPrefix\"\n    [spxCapitalize]=\"true\"\n    [spxLabel]=\"txtPrefix\"\n    [spxRequired]=\"true\"\n    [spxShowValidationMessages]=\"ctrlContainerPrefix && ctrlContainerPrefix.errors && ctrlContainerPrefix.touched\"\n    [spxType]=\"inputTypeText\"\n    [spxValidators]=\"getRawValidators(ctrlContainerPrefix)\">\n    <spx-validate-control [control]=\"ctrlContainerPrefix\" [label]=\"txtPrefix\"></spx-validate-control>\n  </spx-input>\n  <spx-input\n    *ngIf=\"ctrlCheckDigit.value\"\n    [formControl]=\"ctrlCheckDigit\"\n    [spxLabel]=\"txtCheckDigit\"\n    [spxReadonly]=\"true\"\n    [spxType]=\"inputTypeText\">\n  </spx-input>\n</form>" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { txtCheckDigit: [{
                 type: Input
             }], txtContainer: [{
                 type: Input
             }], txtPrefix: [{
                 type: Input
+            }], ctrlContainerNumberRef: [{
+                type: ViewChild,
+                args: ['ctrlContainerNumberRef']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNoZWNrLWRpZ2l0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hlY2stZGlnaXQvc3B4LWNoZWNrLWRpZ2l0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hlY2stZGlnaXQvc3B4LWNoZWNrLWRpZ2l0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBdUMsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkcsT0FBTyxFQUFnQixhQUFhLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNuRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUscUJBQXFCLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNsSyxPQUFPLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7OztBQUVyRixNQUFNLGNBQWMsR0FBRyxZQUFZLENBQUM7QUFDcEMsTUFBTSxtQkFBbUIsR0FBRyxpQkFBaUIsQ0FBQztBQUM5QyxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUM7QUFjNUIsTUFBTSxPQUFPLHNCQUFzQjtJQVFqQyxJQUFJLGNBQWMsS0FBa0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQWdCLENBQUMsQ0FB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bEMsQ0FBQztJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxXQUF3QjtRQUN2QyxPQUFRLFdBQW1CLENBQUMsY0FBYyxDQUFDO0lBQzdDLENBQUM7OEdBL0RVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDZLQ3hCbkMsbXpDQThCTywyQ0RiSCxZQUFZLGtJQUNaLFdBQVcsMllBQ1gsbUJBQW1CLGtXQUNuQixtQkFBbUIsMktBQ25CLGlCQUFpQjs7MkZBR1Isc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNFLGlCQUFpQixjQUVmLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGlCQUFpQjtxQkFDbEI7Z0ZBR1EsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGNvbWJpbmVMYXRlc3QsIG1hcCwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBzcHhWYWxpZGF0b3JSZXF1aXJlZCwgc3B4VmFsaWRhdG9yTWF4TGVuZ3RoLCBzcHhWYWxpZGF0b3JNaW5MZW5ndGgsIHNweFZhbGlkYXRvclBhdHRlcm4sIFNweFZhbGlkYXRpb25Nb2R1bGUgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC12YWxpZGF0aW9uJztcbmltcG9ydCB7IGNhbGNDaGVja0RpZ2l0LCB2YWx1ZVBhaXJUb1ZhbHVlIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVycyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3B4SW5wdXRDb21wb25lbnQsIFNweElucHV0VHlwZUVudW0gfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMnO1xuXG5jb25zdCBjdHJsQ2hlY2tEaWdpdCA9ICdjaGVja0RpZ2l0JztcbmNvbnN0IGN0cmxDb250YWluZXJOdW1iZXIgPSAnY29udGFpbmVyTnVtYmVyJztcbmNvbnN0IGN0cmxQcmVmaXggPSAncHJlZml4JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LWNoZWNrLWRpZ2l0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NweC1jaGVjay1kaWdpdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBTcHhWYWxpZGF0aW9uTW9kdWxlLFxuICAgIFNweElucHV0Q29tcG9uZW50LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNweENoZWNrRGlnaXRDb21wb25lbnQge1xuICBASW5wdXQoKSB0eHRDaGVja0RpZ2l0ITogc3RyaW5nO1xuICBASW5wdXQoKSB0eHRDb250YWluZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHR4dFByZWZpeCE6IHN0cmluZztcbiAgaW5wdXRUeXBlT3ZlcmxheU51bWJlciA9IFNweElucHV0VHlwZUVudW0ub3ZlcmxheU51bWJlcjtcbiAgaW5wdXRUeXBlVGV4dCA9IFNweElucHV0VHlwZUVudW0udGV4dDtcbiAgZm9ybUdyb3VwOiBGb3JtR3JvdXA7XG5cbiAgZ2V0IGN0cmxDaGVja0RpZ2l0KCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybUdyb3VwLmdldChjdHJsQ2hlY2tEaWdpdCkgYXMgRm9ybUNvbnRyb2w7IH1cbiAgZ2V0IGN0cmxDb250YWluZXJOdW1iZXIoKTogRm9ybUNvbnRyb2wgeyByZXR1cm4gdGhpcy5mb3JtR3JvdXAuZ2V0KGN0cmxDb250YWluZXJOdW1iZXIpIGFzIEZvcm1Db250cm9sOyB9XG4gIGdldCBjdHJsQ29udGFpbmVyUHJlZml4KCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybUdyb3VwLmdldChjdHJsUHJlZml4KSBhcyBGb3JtQ29udHJvbDsgfVxuXG4gIHByaXZhdGUgaW5wdXRDaGFuZ2VzPzogU3Vic2NyaXB0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyLFxuICApIHtcbiAgICB0aGlzLmZvcm1Hcm91cCA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgW2N0cmxDaGVja0RpZ2l0XTogW251bGwsIFtdXSxcbiAgICAgIFtjdHJsQ29udGFpbmVyTnVtYmVyXTogW251bGwsIFtcbiAgICAgICAgc3B4VmFsaWRhdG9yUmVxdWlyZWQoKSxcbiAgICAgICAgc3B4VmFsaWRhdG9yTWF4TGVuZ3RoKDYpLFxuICAgICAgICBzcHhWYWxpZGF0b3JNaW5MZW5ndGgoNiksXG4gICAgICAgIHNweFZhbGlkYXRvclBhdHRlcm4oL1swLTldezZ9LyksXG4gICAgICBdXSxcbiAgICAgIFtjdHJsUHJlZml4XTogW251bGwsIFtcbiAgICAgICAgc3B4VmFsaWRhdG9yUmVxdWlyZWQoKSxcbiAgICAgICAgc3B4VmFsaWRhdG9yTWF4TGVuZ3RoKDQpLFxuICAgICAgICBzcHhWYWxpZGF0b3JNaW5MZW5ndGgoNCksXG4gICAgICAgIHNweFZhbGlkYXRvclBhdHRlcm4oL1thLXpBLVpdezR9LyksXG4gICAgICBdXSxcbiAgICB9KVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dENoYW5nZXMgPSBjb21iaW5lTGF0ZXN0KFtcbiAgICAgIHRoaXMuY3RybENvbnRhaW5lck51bWJlci52YWx1ZUNoYW5nZXMucGlwZShzdGFydFdpdGgodGhpcy5jdHJsQ29udGFpbmVyTnVtYmVyLnZhbHVlKSksXG4gICAgICB0aGlzLmN0cmxDb250YWluZXJQcmVmaXgudmFsdWVDaGFuZ2VzLnBpcGUoc3RhcnRXaXRoKHRoaXMuY3RybENvbnRhaW5lclByZWZpeC52YWx1ZSkpLFxuICAgIF0pXG4gICAgLnBpcGUobWFwKChbY29udGFpbmVyTnVtYmVyJCwgcHJlZml4JF0pID0+ICh7XG4gICAgICBjb250YWluZXJOdW1iZXI6IGNvbnRhaW5lck51bWJlciQsXG4gICAgICBwcmVmaXg6IHByZWZpeCRcbiAgICB9KSkpXG4gICAgLnN1YnNjcmliZSgodikgPT4ge1xuICAgICAgaWYgKHRoaXMuY3RybENvbnRhaW5lck51bWJlci5pbnZhbGlkIHx8IHRoaXMuY3RybENvbnRhaW5lclByZWZpeC5pbnZhbGlkKSB7XG4gICAgICAgIHRoaXMuY3RybENoZWNrRGlnaXQuc2V0VmFsdWUobnVsbCwgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29uc3QgcHJlZml4ID0gdmFsdWVQYWlyVG9WYWx1ZSh0aGlzLmN0cmxDb250YWluZXJQcmVmaXgudmFsdWUpO1xuICAgICAgICBjb25zdCBjb250YWluZXJOdW1iZXIgPSB2YWx1ZVBhaXJUb1ZhbHVlKHRoaXMuY3RybENvbnRhaW5lck51bWJlci52YWx1ZSk7XG4gICAgICAgIGNvbnN0IGNoZWNrRGlnaXQgPSBjYWxjQ2hlY2tEaWdpdChgJHtwcmVmaXh9JHtjb250YWluZXJOdW1iZXJ9YCk7XG4gICAgICAgIHRoaXMuY3RybENoZWNrRGlnaXQuc2V0VmFsdWUoeyB2YWx1ZTogY2hlY2tEaWdpdCB9LCB7IGVtaXRFdmVudDogZmFsc2UgfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pbnB1dENoYW5nZXMpIHtcbiAgICAgIHRoaXMuaW5wdXRDaGFuZ2VzLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgZ2V0UmF3VmFsaWRhdG9ycyhmb3JtQ29udHJvbDogRm9ybUNvbnRyb2wpIHtcbiAgICByZXR1cm4gKGZvcm1Db250cm9sIGFzIGFueSkuX3Jhd1ZhbGlkYXRvcnM7XG4gIH1cbn1cbiIsIjxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCIgY2xhc3M9XCJtYXgtdy1sZyBteC1hdXRvIGZsZXggZmxleC1jb2wgZ2FwLTNcIj5cbiAgPHNweC1pbnB1dFxuICAgIFtmb3JtQ29udHJvbF09XCJjdHJsQ29udGFpbmVyTnVtYmVyXCJcbiAgICBbc3B4QXV0b2ZvY3VzXT1cInRydWVcIlxuICAgIFtzcHhDYXBpdGFsaXplXT1cInRydWVcIlxuICAgIFtzcHhMYWJlbF09XCJ0eHRDb250YWluZXJcIlxuICAgIFtzcHhQYXR0ZXJuXT1cIidbMC05XSonXCJcbiAgICBbc3B4UmVxdWlyZWRdPVwidHJ1ZVwiXG4gICAgW3NweFNob3dWYWxpZGF0aW9uTWVzc2FnZXNdPVwiY3RybENvbnRhaW5lck51bWJlciAmJiBjdHJsQ29udGFpbmVyTnVtYmVyLmVycm9ycyAmJiBjdHJsQ29udGFpbmVyTnVtYmVyLnRvdWNoZWRcIlxuICAgIFtzcHhUeXBlXT1cImlucHV0VHlwZU92ZXJsYXlOdW1iZXJcIlxuICAgIFtzcHhWYWxpZGF0b3JzXT1cImdldFJhd1ZhbGlkYXRvcnMoY3RybENvbnRhaW5lck51bWJlcilcIj5cbiAgICA8c3B4LXZhbGlkYXRlLWNvbnRyb2wgW2NvbnRyb2xdPVwiY3RybENvbnRhaW5lck51bWJlclwiIFtsYWJlbF09XCJ0eHRDb250YWluZXJcIj48L3NweC12YWxpZGF0ZS1jb250cm9sPlxuICA8L3NweC1pbnB1dD5cbiAgPHNweC1pbnB1dFxuICAgIFtmb3JtQ29udHJvbF09XCJjdHJsQ29udGFpbmVyUHJlZml4XCJcbiAgICBbc3B4Q2FwaXRhbGl6ZV09XCJ0cnVlXCJcbiAgICBbc3B4TGFiZWxdPVwidHh0UHJlZml4XCJcbiAgICBbc3B4UmVxdWlyZWRdPVwidHJ1ZVwiXG4gICAgW3NweFNob3dWYWxpZGF0aW9uTWVzc2FnZXNdPVwiY3RybENvbnRhaW5lclByZWZpeCAmJiBjdHJsQ29udGFpbmVyUHJlZml4LmVycm9ycyAmJiBjdHJsQ29udGFpbmVyUHJlZml4LnRvdWNoZWRcIlxuICAgIFtzcHhUeXBlXT1cImlucHV0VHlwZVRleHRcIlxuICAgIFtzcHhWYWxpZGF0b3JzXT1cImdldFJhd1ZhbGlkYXRvcnMoY3RybENvbnRhaW5lclByZWZpeClcIj5cbiAgICA8c3B4LXZhbGlkYXRlLWNvbnRyb2wgW2NvbnRyb2xdPVwiY3RybENvbnRhaW5lclByZWZpeFwiIFtsYWJlbF09XCJ0eHRQcmVmaXhcIj48L3NweC12YWxpZGF0ZS1jb250cm9sPlxuICA8L3NweC1pbnB1dD5cbiAgPHNweC1pbnB1dFxuICAgICpuZ0lmPVwiY3RybENoZWNrRGlnaXQudmFsdWVcIlxuICAgIFtmb3JtQ29udHJvbF09XCJjdHJsQ2hlY2tEaWdpdFwiXG4gICAgW3NweExhYmVsXT1cInR4dENoZWNrRGlnaXRcIlxuICAgIFtzcHhSZWFkb25seV09XCJ0cnVlXCJcbiAgICBbc3B4VHlwZV09XCJpbnB1dFR5cGVUZXh0XCI+XG4gIDwvc3B4LWlucHV0PlxuPC9mb3JtPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNoZWNrLWRpZ2l0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hlY2stZGlnaXQvc3B4LWNoZWNrLWRpZ2l0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hlY2stZGlnaXQvc3B4LWNoZWNrLWRpZ2l0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQXVDLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZHLE9BQU8sRUFBZ0IsYUFBYSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDbkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixFQUFFLHFCQUFxQixFQUFFLG1CQUFtQixFQUFFLDJCQUEyQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDMUssT0FBTyxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7OztBQUVyRixNQUFNLGNBQWMsR0FBRyxZQUFZLENBQUM7QUFDcEMsTUFBTSxtQkFBbUIsR0FBRyxpQkFBaUIsQ0FBQztBQUM5QyxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUM7QUFjNUIsTUFBTSxPQUFPLHNCQUFzQjtJQVNqQyxJQUFJLGNBQWMsS0FBa0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQWdC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NUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2xDLENBQUM7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsV0FBd0I7UUFDdkMsT0FBUSxXQUFtQixDQUFDLGNBQWMsQ0FBQztJQUM3QyxDQUFDOzhHQXRFVSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwrU0N4Qm5DLGcxQ0ErQk8sMkNEZEgsWUFBWSxrSUFDWixXQUFXLDJZQUNYLG1CQUFtQixtV0FDbkIsMkJBQTJCLDhHQUMzQixpQkFBaUI7OzJGQUdSLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FFZixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsMkJBQTJCO3dCQUMzQixpQkFBaUI7cUJBQ2xCO2dGQUdRLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUMrQixzQkFBc0I7c0JBQTFELFNBQVM7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGNvbWJpbmVMYXRlc3QsIG1hcCwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBzcHhWYWxpZGF0b3JSZXF1aXJlZCwgc3B4VmFsaWRhdG9yTWF4TGVuZ3RoLCBzcHhWYWxpZGF0b3JNaW5MZW5ndGgsIHNweFZhbGlkYXRvclBhdHRlcm4sIFNweFZhbGlkYXRlQ29udHJvbENvbXBvbmVudCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LXZhbGlkYXRpb24nO1xuaW1wb3J0IHsgY2FsY0NoZWNrRGlnaXQsIHZhbHVlUGFpclRvVmFsdWUgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1oZWxwZXJzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTcHhJbnB1dENvbXBvbmVudCwgU3B4SW5wdXRUeXBlRW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWlucHV0cyc7XG5cbmNvbnN0IGN0cmxDaGVja0RpZ2l0ID0gJ2NoZWNrRGlnaXQnO1xuY29uc3QgY3RybENvbnRhaW5lck51bWJlciA9ICdjb250YWluZXJOdW1iZXInO1xuY29uc3QgY3RybFByZWZpeCA9ICdwcmVmaXgnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtY2hlY2stZGlnaXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3B4LWNoZWNrLWRpZ2l0LmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIFNweFZhbGlkYXRlQ29udHJvbENvbXBvbmVudCxcbiAgICBTcHhJbnB1dENvbXBvbmVudCxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTcHhDaGVja0RpZ2l0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgdHh0Q2hlY2tEaWdpdCE6IHN0cmluZztcbiAgQElucHV0KCkgdHh0Q29udGFpbmVyITogc3RyaW5nO1xuICBASW5wdXQoKSB0eHRQcmVmaXghOiBzdHJpbmc7XG4gIEBWaWV3Q2hpbGQoJ2N0cmxDb250YWluZXJOdW1iZXJSZWYnKSBjdHJsQ29udGFpbmVyTnVtYmVyUmVmPzogU3B4SW5wdXRDb21wb25lbnQ7XG4gIGlucHV0VHlwZU92ZXJsYXlOdW1iZXIgPSBTcHhJbnB1dFR5cGVFbnVtLm92ZXJsYXlOdW1iZXI7XG4gIGlucHV0VHlwZVRleHQgPSBTcHhJbnB1dFR5cGVFbnVtLnRleHQ7XG4gIGZvcm1Hcm91cDogRm9ybUdyb3VwO1xuXG4gIGdldCBjdHJsQ2hlY2tEaWdpdCgpOiBGb3JtQ29udHJvbCB7IHJldHVybiB0aGlzLmZvcm1Hcm91cC5nZXQoY3RybENoZWNrRGlnaXQpIGFzIEZvcm1Db250cm9sOyB9XG4gIGdldCBjdHJsQ29udGFpbmVyTnVtYmVyKCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybUdyb3VwLmdldChjdHJsQ29udGFpbmVyTnVtYmVyKSBhcyBGb3JtQ29udHJvbDsgfVxuICBnZXQgY3RybENvbnRhaW5lclByZWZpeCgpOiBGb3JtQ29udHJvbCB7IHJldHVybiB0aGlzLmZvcm1Hcm91cC5nZXQoY3RybFByZWZpeCkgYXMgRm9ybUNvbnRyb2w7IH1cblxuICBwcml2YXRlIGlucHV0Q2hhbmdlcz86IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcixcbiAgKSB7XG4gICAgdGhpcy5mb3JtR3JvdXAgPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcbiAgICAgIFtjdHJsQ2hlY2tEaWdpdF06IFtudWxsLCBbXV0sXG4gICAgICBbY3RybENvbnRhaW5lck51bWJlcl06IFtudWxsLCBbXG4gICAgICAgIHNweFZhbGlkYXRvclJlcXVpcmVkKCksXG4gICAgICAgIHNweFZhbGlkYXRvck1heExlbmd0aCg2KSxcbiAgICAgICAgc3B4VmFsaWRhdG9yTWluTGVuZ3RoKDYpLFxuICAgICAgICBzcHhWYWxpZGF0b3JQYXR0ZXJuKC9bMC05XXs2fS8pLFxuICAgICAgXV0sXG4gICAgICBbY3RybFByZWZpeF06IFtudWxsLCBbXG4gICAgICAgIHNweFZhbGlkYXRvclJlcXVpcmVkKCksXG4gICAgICAgIHNweFZhbGlkYXRvck1heExlbmd0aCg0KSxcbiAgICAgICAgc3B4VmFsaWRhdG9yTWluTGVuZ3RoKDQpLFxuICAgICAgICBzcHhWYWxpZGF0b3JQYXR0ZXJuKC9bYS16QS1aXXs0fS8pLFxuICAgICAgXV0sXG4gICAgfSlcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRDaGFuZ2VzID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLmN0cmxDb250YWluZXJOdW1iZXIudmFsdWVDaGFuZ2VzLnBpcGUoc3RhcnRXaXRoKHRoaXMuY3RybENvbnRhaW5lck51bWJlci52YWx1ZSkpLFxuICAgICAgdGhpcy5jdHJsQ29udGFpbmVyUHJlZml4LnZhbHVlQ2hhbmdlcy5waXBlKHN0YXJ0V2l0aCh0aGlzLmN0cmxDb250YWluZXJQcmVmaXgudmFsdWUpKSxcbiAgICBdKVxuICAgIC5waXBlKG1hcCgoW2NvbnRhaW5lck51bWJlciQsIHByZWZpeCRdKSA9PiAoe1xuICAgICAgY29udGFpbmVyTnVtYmVyOiBjb250YWluZXJOdW1iZXIkLFxuICAgICAgcHJlZml4OiBwcmVmaXgkXG4gICAgfSkpKVxuICAgIC5zdWJzY3JpYmUoKHYpID0+IHtcbiAgICAgIGlmICh0aGlzLmN0cmxDb250YWluZXJOdW1iZXIuaW52YWxpZCB8fCB0aGlzLmN0cmxDb250YWluZXJQcmVmaXguaW52YWxpZCkge1xuICAgICAgICB0aGlzLmN0cmxDaGVja0RpZ2l0LnNldFZhbHVlKG51bGwsIHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnN0IHByZWZpeCA9IHZhbHVlUGFpclRvVmFsdWUodGhpcy5jdHJsQ29udGFpbmVyUHJlZml4LnZhbHVlKTtcbiAgICAgICAgY29uc3QgY29udGFpbmVyTnVtYmVyID0gdmFsdWVQYWlyVG9WYWx1ZSh0aGlzLmN0cmxDb250YWluZXJOdW1iZXIudmFsdWUpO1xuICAgICAgICBjb25zdCBjaGVja0RpZ2l0ID0gY2FsY0NoZWNrRGlnaXQoYCR7cHJlZml4fSR7Y29udGFpbmVyTnVtYmVyfWApO1xuICAgICAgICB0aGlzLmN0cmxDaGVja0RpZ2l0LnNldFZhbHVlKHsgdmFsdWU6IGNoZWNrRGlnaXQgfSwgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5jdHJsQ29udGFpbmVyTnVtYmVyUmVmPy5zZXRGb2N1c0luKCk7IFxuICAgIH0sIDI1MCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pbnB1dENoYW5nZXMpIHtcbiAgICAgIHRoaXMuaW5wdXRDaGFuZ2VzLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgZ2V0UmF3VmFsaWRhdG9ycyhmb3JtQ29udHJvbDogRm9ybUNvbnRyb2wpIHtcbiAgICByZXR1cm4gKGZvcm1Db250cm9sIGFzIGFueSkuX3Jhd1ZhbGlkYXRvcnM7XG4gIH1cbn1cbiIsIjxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCIgY2xhc3M9XCJtYXgtdy1sZyBteC1hdXRvIGZsZXggZmxleC1jb2wgZ2FwLTNcIj5cbiAgPHNweC1pbnB1dFxuICAgICNjdHJsQ29udGFpbmVyTnVtYmVyUmVmXG4gICAgW2Zvcm1Db250cm9sXT1cImN0cmxDb250YWluZXJOdW1iZXJcIlxuICAgIFtzcHhBdXRvZm9jdXNdPVwidHJ1ZVwiXG4gICAgW3NweENhcGl0YWxpemVdPVwidHJ1ZVwiXG4gICAgW3NweExhYmVsXT1cInR4dENvbnRhaW5lclwiXG4gICAgW3NweFBhdHRlcm5dPVwiJ1swLTldKidcIlxuICAgIFtzcHhSZXF1aXJlZF09XCJ0cnVlXCJcbiAgICBbc3B4U2hvd1ZhbGlkYXRpb25NZXNzYWdlc109XCJjdHJsQ29udGFpbmVyTnVtYmVyICYmIGN0cmxDb250YWluZXJOdW1iZXIuZXJyb3JzICYmIGN0cmxDb250YWluZXJOdW1iZXIudG91Y2hlZFwiXG4gICAgW3NweFR5cGVdPVwiaW5wdXRUeXBlT3ZlcmxheU51bWJlclwiXG4gICAgW3NweFZhbGlkYXRvcnNdPVwiZ2V0UmF3VmFsaWRhdG9ycyhjdHJsQ29udGFpbmVyTnVtYmVyKVwiPlxuICAgIDxzcHgtdmFsaWRhdGUtY29udHJvbCBbY29udHJvbF09XCJjdHJsQ29udGFpbmVyTnVtYmVyXCIgW2xhYmVsXT1cInR4dENvbnRhaW5lclwiPjwvc3B4LXZhbGlkYXRlLWNvbnRyb2w+XG4gIDwvc3B4LWlucHV0PlxuICA8c3B4LWlucHV0XG4gICAgW2Zvcm1Db250cm9sXT1cImN0cmxDb250YWluZXJQcmVmaXhcIlxuICAgIFtzcHhDYXBpdGFsaXplXT1cInRydWVcIlxuICAgIFtzcHhMYWJlbF09XCJ0eHRQcmVmaXhcIlxuICAgIFtzcHhSZXF1aXJlZF09XCJ0cnVlXCJcbiAgICBbc3B4U2hvd1ZhbGlkYXRpb25NZXNzYWdlc109XCJjdHJsQ29udGFpbmVyUHJlZml4ICYmIGN0cmxDb250YWluZXJQcmVmaXguZXJyb3JzICYmIGN0cmxDb250YWluZXJQcmVmaXgudG91Y2hlZFwiXG4gICAgW3NweFR5cGVdPVwiaW5wdXRUeXBlVGV4dFwiXG4gICAgW3NweFZhbGlkYXRvcnNdPVwiZ2V0UmF3VmFsaWRhdG9ycyhjdHJsQ29udGFpbmVyUHJlZml4KVwiPlxuICAgIDxzcHgtdmFsaWRhdGUtY29udHJvbCBbY29udHJvbF09XCJjdHJsQ29udGFpbmVyUHJlZml4XCIgW2xhYmVsXT1cInR4dFByZWZpeFwiPjwvc3B4LXZhbGlkYXRlLWNvbnRyb2w+XG4gIDwvc3B4LWlucHV0PlxuICA8c3B4LWlucHV0XG4gICAgKm5nSWY9XCJjdHJsQ2hlY2tEaWdpdC52YWx1ZVwiXG4gICAgW2Zvcm1Db250cm9sXT1cImN0cmxDaGVja0RpZ2l0XCJcbiAgICBbc3B4TGFiZWxdPVwidHh0Q2hlY2tEaWdpdFwiXG4gICAgW3NweFJlYWRvbmx5XT1cInRydWVcIlxuICAgIFtzcHhUeXBlXT1cImlucHV0VHlwZVRleHRcIj5cbiAgPC9zcHgtaW5wdXQ+XG48L2Zvcm0+Il19

package/esm2022/spx-form-section/spx-form-section.component.mjs

@@ -6,25 +6,25 @@ export class SpxFormSectionComponent {
         this.spxShowTitle = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxFormSectionComponent, isStandalone: true, selector: "spx-form-section", inputs: { spxIndex: "spxIndex", spxIndexSecondary: "spxIndexSecondary", spxTitle: "spxTitle", spxShowTitle: "spxShowTitle" }, ngImport: i0, template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2">
-    <div class="spx-form-section__title-index">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
-    <div class="spx-form-section__title-content">{{this.spxTitle}}</div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxFormSectionComponent, isStandalone: true, selector: "spx-form-section", inputs: { spxIndex: "spxIndex", spxIndexSecondary: "spxIndexSecondary", spxTitle: "spxTitle", spxShowTitle: "spxShowTitle" }, ngImport: i0, template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2 flex gap-3 items-center">
+    <div class="spx-form-section__title-index flex content-center text-center text-sm h-[30px] w-[30px] font-bold">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
+    <div class="spx-form-section__content font-bold grow text-black dark:text-white">{{this.spxTitle}}</div>
   </div>
-  <div class="spx-form-section__content flex flex-col gap-3">
+  <div class="flex flex-col gap-3">
     <ng-content></ng-content>
-  </div>`, isInline: true, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}.spx-form-section__title-content{color:var(--spx-form-section--title--color, grey);display:inline-block;font-size:var(--spx-form-section--title--font-size, 16px);font-weight:var(--spx-form-section--title--font-weight, bold);vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+  </div>`, isInline: true, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;vertical-align:middle}.spx-form-section__content{color:var(--spx-form-section--index--background-color, #000000)}@media (prefers-color-scheme: dark){.spx-form-section__content{color:var(--spx-form-section--index--background-color, #FFFFFF)}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-form-section', standalone: true, imports: [
                         NgIf,
-                    ], template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2">
-    <div class="spx-form-section__title-index">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
-    <div class="spx-form-section__title-content">{{this.spxTitle}}</div>
+                    ], template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2 flex gap-3 items-center">
+    <div class="spx-form-section__title-index flex content-center text-center text-sm h-[30px] w-[30px] font-bold">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
+    <div class="spx-form-section__content font-bold grow text-black dark:text-white">{{this.spxTitle}}</div>
   </div>
-  <div class="spx-form-section__content flex flex-col gap-3">
+  <div class="flex flex-col gap-3">
     <ng-content></ng-content>
-  </div>`, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}.spx-form-section__title-content{color:var(--spx-form-section--title--color, grey);display:inline-block;font-size:var(--spx-form-section--title--font-size, 16px);font-weight:var(--spx-form-section--title--font-weight, bold);vertical-align:middle}\n"] }]
+  </div>`, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;vertical-align:middle}.spx-form-section__content{color:var(--spx-form-section--index--background-color, #000000)}@media (prefers-color-scheme: dark){.spx-form-section__content{color:var(--spx-form-section--index--background-color, #FFFFFF)}}\n"] }]
         }], propDecorators: { spxIndex: [{
                 type: Input
             }], spxIndexSecondary: [{
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             }], spxShowTitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWZvcm0tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWZvcm0tc2VjdGlvbi9zcHgtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBMkNqRCxNQUFNLE9BQU8sdUJBQXVCO0lBekNwQztRQTZDVyxpQkFBWSxHQUFHLElBQUksQ0FBQztLQUM5Qjs4R0FMWSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwwTUFuQ3hCOzs7Ozs7U0FNSCwyb0JBUkwsSUFBSTs7MkZBcUNLLHVCQUF1QjtrQkF6Q25DLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUDt3QkFDUCxJQUFJO3FCQUNMLFlBQ1M7Ozs7OztTQU1IOzhCQThCRSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LWZvcm0tc2VjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0lmLFxuICBdLFxuICB0ZW1wbGF0ZTogYDxkaXYgKm5nSWY9XCJ0aGlzLnNweFNob3dUaXRsZVwiIGNsYXNzPVwic3B4LWZvcm0tc2VjdGlvbl9fdGl0bGUgbWItMlwiPlxuICAgIDxkaXYgY2xhc3M9XCJzcHgtZm9ybS1zZWN0aW9uX190aXRsZS1pbmRleFwiPnt7dGhpcy5zcHhJbmRleH19PG5nLWNvbnRhaW5lciAqbmdJZj1cInRoaXMuc3B4SW5kZXhTZWNvbmRhcnlcIj57eyB0aGlzLnNweEluZGV4U2Vjb25kYXJ5IH19PC9uZy1jb250YWluZXI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNweC1mb3JtLXNlY3Rpb25fX3RpdGxlLWNvbnRlbnRcIj57e3RoaXMuc3B4VGl0bGV9fTwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNweC1mb3JtLXNlY3Rpb25fX2NvbnRlbnQgZmxleCBmbGV4LWNvbCBnYXAtM1wiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+YCxcbiAgc3R5bGVzOiBgXG4gIDpob3N0IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuICBcbiAgLnNweC1mb3JtLXNlY3Rpb25fX3RpdGxlLWluZGV4IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zcHgtZm9ybS1zZWN0aW9uLS1pbmRleC0tYmFja2dyb3VuZC1jb2xvciwgIzAwMDAwMCk7XG4gICAgY29sb3I6IHZhcigtLXNweC1mb3JtLXNlY3Rpb24tLWluZGV4LS1jb2xvciwgI0ZGRkZGRik7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIG1hcmdpbi1yaWdodDogMTJweDtcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB9XG4gIFxuICAuc3B4LWZvcm0tc2VjdGlvbl9fdGl0bGUtY29udGVudCB7XG4gICAgY29sb3I6IHZhcigtLXNweC1mb3JtLXNlY3Rpb24tLXRpdGxlLS1jb2xvciwgZ3JleSk7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tc3B4LWZvcm0tc2VjdGlvbi0tdGl0bGUtLWZvbnQtc2l6ZSwgMTZweCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLXNweC1mb3JtLXNlY3Rpb24tLXRpdGxlLS1mb250LXdlaWdodCwgYm9sZCk7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhGb3JtU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNweEluZGV4PzogbnVtYmVyO1xuICBASW5wdXQoKSBzcHhJbmRleFNlY29uZGFyeT86IG51bWJlcjtcbiAgQElucHV0KCkgc3B4VGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFNob3dUaXRsZSA9IHRydWU7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWZvcm0tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWZvcm0tc2VjdGlvbi9zcHgtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBc0NqRCxNQUFNLE9BQU8sdUJBQXVCO0lBcENwQztRQXdDVyxpQkFBWSxHQUFHLElBQUksQ0FBQztLQUM5Qjs4R0FMWSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwwTUE5QnhCOzs7Ozs7U0FNSCw0ZkFSTCxJQUFJOzsyRkFnQ0ssdUJBQXVCO2tCQXBDbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQO3dCQUNQLElBQUk7cUJBQ0wsWUFDUzs7Ozs7O1NBTUg7OEJBeUJFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtZm9ybS1zZWN0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gIF0sXG4gIHRlbXBsYXRlOiBgPGRpdiAqbmdJZj1cInRoaXMuc3B4U2hvd1RpdGxlXCIgY2xhc3M9XCJzcHgtZm9ybS1zZWN0aW9uX190aXRsZSBtYi0yIGZsZXggZ2FwLTMgaXRlbXMtY2VudGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInNweC1mb3JtLXNlY3Rpb25fX3RpdGxlLWluZGV4IGZsZXggY29udGVudC1jZW50ZXIgdGV4dC1jZW50ZXIgdGV4dC1zbSBoLVszMHB4XSB3LVszMHB4XSBmb250LWJvbGRcIj57e3RoaXMuc3B4SW5kZXh9fTxuZy1jb250YWluZXIgKm5nSWY9XCJ0aGlzLnNweEluZGV4U2Vjb25kYXJ5XCI+e3sgdGhpcy5zcHhJbmRleFNlY29uZGFyeSB9fTwvbmctY29udGFpbmVyPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzcHgtZm9ybS1zZWN0aW9uX19jb250ZW50IGZvbnQtYm9sZCBncm93IHRleHQtYmxhY2sgZGFyazp0ZXh0LXdoaXRlXCI+e3t0aGlzLnNweFRpdGxlfX08L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC0zXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5gLFxuICBzdHlsZXM6IGBcbiAgOmhvc3Qge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG4gIFxuICAuc3B4LWZvcm0tc2VjdGlvbl9fdGl0bGUtaW5kZXgge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNweC1mb3JtLXNlY3Rpb24tLWluZGV4LS1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICBjb2xvcjogdmFyKC0tc3B4LWZvcm0tc2VjdGlvbi0taW5kZXgtLWNvbG9yLCAjRkZGRkZGKTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxuXG4gIC5zcHgtZm9ybS1zZWN0aW9uX19jb250ZW50IHtcbiAgICBjb2xvcjogdmFyKC0tc3B4LWZvcm0tc2VjdGlvbi0taW5kZXgtLWJhY2tncm91bmQtY29sb3IsICMwMDAwMDApO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykge1xuICAgIC5zcHgtZm9ybS1zZWN0aW9uX19jb250ZW50IHtcbiAgICAgIGNvbG9yOiB2YXIoLS1zcHgtZm9ybS1zZWN0aW9uLS1pbmRleC0tYmFja2dyb3VuZC1jb2xvciwgI0ZGRkZGRik7XG4gICAgfVxufVxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhGb3JtU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNweEluZGV4PzogbnVtYmVyO1xuICBASW5wdXQoKSBzcHhJbmRleFNlY29uZGFyeT86IG51bWJlcjtcbiAgQElucHV0KCkgc3B4VGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFNob3dUaXRsZSA9IHRydWU7XG59XG4iXX0=

package/esm2022/spx-form-view/spx-autocomplete-search.component.mjs

@@ -0,0 +1,119 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { debounceTime } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
+import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxValidateControlComponent } from '@softpak/components/spx-validation';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export const sectionAutocompleteSearch = 'autocompleteSearch';
+export const ctrlQuery = 'query';
+export const ctrlOptions = 'options';
+export class SpxAutocompleteSearchComponent {
+    get ctrlQuery() { return this.formGroup.get(ctrlQuery); }
+    get ctrlOptions() { return this.formGroup.get(ctrlOptions); }
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.spxSuggestions = [];
+        this.spxCancel = new EventEmitter();
+        this.spxSearch = new EventEmitter();
+        this.spxSubmit = new EventEmitter();
+        this.inputTypeRadio = SpxInputTypeEnum.radio;
+        this.inputTypeText = SpxInputTypeEnum.text;
+        this.severityError = SpxSeverityEnum.error;
+        this.severitySuccess = SpxSeverityEnum.success;
+        this.sections = [
+            {
+                key: sectionAutocompleteSearch,
+                showTitle: () => false,
+                fields: [
+                    {
+                        key: ctrlQuery,
+                        type: () => SpxInputTypeEnum.text,
+                        label: () => this.txtQuery,
+                        capitalize: () => true,
+                    },
+                    {
+                        key: ctrlOptions,
+                        type: () => SpxInputTypeEnum.radio,
+                        label: () => this.txtOptions,
+                    },
+                ]
+            }
+        ];
+        this.createForm();
+    }
+    ngOnInit() {
+        this.listenToSelection();
+        this.listenToQuery();
+        this.ctrlQuery.setValue(this.spxValuePair, { emitEvent: false });
+        this.spxSearch.emit(this.spxValuePair);
+    }
+    ngOnDestroy() {
+        if (this.subSelection) {
+            this.subSelection.unsubscribe();
+        }
+        if (this.subQuery) {
+            this.subQuery.unsubscribe();
+        }
+    }
+    createForm() {
+        this.formGroup = this.formBuilder.group({
+            [ctrlQuery]: [null],
+            [ctrlOptions]: [null],
+        });
+    }
+    getRawValidators(formControl) {
+        return formControl._rawValidators;
+    }
+    onCancel() {
+        this.spxCancel.emit();
+    }
+    onSubmit() {
+        this.spxSubmit.emit(this.ctrlQuery.value);
+    }
+    listenToQuery() {
+        this.subQuery = this.ctrlQuery.valueChanges.pipe(debounceTime(500)).subscribe(valuePair => {
+            this.spxSearch.emit(valuePair);
+        });
+    }
+    listenToSelection() {
+        this.subSelection = this.ctrlOptions.valueChanges.subscribe(valuePair => {
+            this.ctrlQuery.setValue(valuePair);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxAutocompleteSearchComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxAutocompleteSearchComponent, isStandalone: true, selector: "spx-autocomplete-search", inputs: { spxSuggestions: "spxSuggestions", spxField: "spxField", txtOptions: "txtOptions", txtQuery: "txtQuery", txtSubmit: "txtSubmit", spxValuePair: "spxValuePair" }, outputs: { spxCancel: "spxCancel", spxSearch: "spxSearch", spxSubmit: "spxSubmit" }, ngImport: i0, template: "<div class=\"bg-black fixed top-0 left-0 right-0 bottom-0 px-3 pt-16 z-50 overflow-auto\">\n  <form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-input\n      [formControl]=\"ctrlQuery\"\n      [spxLabel]=\"txtQuery\"\n      [spxType]=\"inputTypeText\">\n    </spx-input>\n    <spx-input\n      [formControl]=\"ctrlOptions\"\n      [spxLabel]=\"txtOptions\"\n      [spxSuggestions]=\"spxSuggestions\"\n      [spxType]=\"inputTypeRadio\">\n    </spx-input>\n    <spx-button\n      [spxFullWidth]=\"true\"\n      [spxSeverity]=\"severitySuccess\">\n      Save\n    </spx-button>\n    <spx-button\n      [spxFullWidth]=\"true\"\n      [spxSeverity]=\"severityError\"\n      [spxType]=\"'button'\"\n      (spxClick)=\"onCancel()\">\n      Cancel\n    </spx-button>\n  </form>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "component", type: SpxInputComponent, selector: "spx-input", inputs: ["spxLabel", "spxMax", "spxMin", "spxName", "spxReadonly", "spxAutofocus", "spxInputMode", "spxPattern", "spxRequired", "spxSelectMonth", "spxSelectDay", "spxShowEdit", "spxShowHelp", "spxShowLabel", "spxCompact", "spxShowClear", "spxShowSearch", "spxShowValidationMessages", "spxStep", "spxSuggestions", "spxType", "spxValidators", "value", "spxCapitalize", "spxFocused"], outputs: ["spxBlur", "spxClear", "spxChange", "spxFocus", "spxEdit", "spxHelp", "spxSearch"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxAutocompleteSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-autocomplete-search', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        SpxButtonComponent,
+                        SpxInputComponent,
+                        SpxValidateControlComponent,
+                    ], template: "<div class=\"bg-black fixed top-0 left-0 right-0 bottom-0 px-3 pt-16 z-50 overflow-auto\">\n  <form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n    <spx-input\n      [formControl]=\"ctrlQuery\"\n      [spxLabel]=\"txtQuery\"\n      [spxType]=\"inputTypeText\">\n    </spx-input>\n    <spx-input\n      [formControl]=\"ctrlOptions\"\n      [spxLabel]=\"txtOptions\"\n      [spxSuggestions]=\"spxSuggestions\"\n      [spxType]=\"inputTypeRadio\">\n    </spx-input>\n    <spx-button\n      [spxFullWidth]=\"true\"\n      [spxSeverity]=\"severitySuccess\">\n      Save\n    </spx-button>\n    <spx-button\n      [spxFullWidth]=\"true\"\n      [spxSeverity]=\"severityError\"\n      [spxType]=\"'button'\"\n      (spxClick)=\"onCancel()\">\n      Cancel\n    </spx-button>\n  </form>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { spxSuggestions: [{
+                type: Input
+            }], spxField: [{
+                type: Input
+            }], txtOptions: [{
+                type: Input
+            }], txtQuery: [{
+                type: Input
+            }], txtSubmit: [{
+                type: Input
+            }], spxValuePair: [{
+                type: Input
+            }], spxCancel: [{
+                type: Output
+            }], spxSearch: [{
+                type: Output
+            }], spxSubmit: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWF1dG9jb21wbGV0ZS1zZWFyY2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1mb3JtLXZpZXcvc3B4LWF1dG9jb21wbGV0ZS1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1mb3JtLXZpZXcvc3B4LWF1dG9jb21wbGV0ZS1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUF1QyxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RyxPQUFPLEVBQWdCLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFnQixNQUFNLGdDQUFnQyxDQUFDO0FBQ25HLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUdsRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7O0FBRWpGLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFHLG9CQUFvQixDQUFDO0FBQzlELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUM7QUFDakMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQWVyQyxNQUFNLE9BQU8sOEJBQThCO0lBb0N6QyxJQUFJLFNBQVMsS0FBa0IsT0FBTyxJQUFJLENBQUMsU0FB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LFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQ3hGLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGlCQUFpQjtRQUN2QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0RSxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNyQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBM0ZVLDhCQUE4QjtrR0FBOUIsOEJBQThCLGtWQzVCM0MsKzBCQTJCQSwyQ0RQSSxZQUFZLDhCQUNaLFdBQVcsMllBQ1gsbUJBQW1CLG1XQUNuQixrQkFBa0IscU9BQ2xCLGlCQUFpQjs7MkZBSVIsOEJBQThCO2tCQWIxQyxTQUFTOytCQUNFLHlCQUF5QixjQUV2QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixpQkFBaUI7d0JBQ2pCLDJCQUEyQjtxQkFDNUI7Z0ZBSVEsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiwgZGVib3VuY2VUaW1lIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3B4SW5wdXRDb21wb25lbnQsIFNweElucHV0VHlwZUVudW0sIFNweFZhbHVlUGFpciB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWlucHV0cyc7XG5pbXBvcnQgeyBTcHhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1idXR0b24nO1xuaW1wb3J0IHsgU3B4U2V2ZXJpdHlFbnVtIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVycyc7XG5pbXBvcnQgeyBTcHhGb3JtRmllbGRJIH0gZnJvbSAnLi9zcHgtZm9ybS1maWVsZC5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgU3B4Rm9ybVNlY3Rpb25JIH0gZnJvbSAnLi9zcHgtZm9ybS1zZWN0aW9uLmludGVyZmFjZSc7XG5pbXBvcnQgeyBTcHhWYWxpZGF0ZUNvbnRyb2xDb21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC12YWxpZGF0aW9uJztcblxuZXhwb3J0IGNvbnN0IHNlY3Rpb25BdXRvY29tcGxldGVTZWFyY2ggPSAnYXV0b2NvbXBsZXRlU2VhcmNoJztcbmV4cG9ydCBjb25zdCBjdHJsUXVlcnkgPSAncXVlcnknO1xuZXhwb3J0IGNvbnN0IGN0cmxPcHRpb25zID0gJ29wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtYXV0b2NvbXBsZXRlLXNlYXJjaCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcHgtYXV0b2NvbXBsZXRlLXNlYXJjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBTcHhCdXR0b25Db21wb25lbnQsXG4gICAgU3B4SW5wdXRDb21wb25lbnQsXG4gICAgU3B4VmFsaWRhdGVDb250cm9sQ29tcG9uZW50LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNweEF1dG9jb21wbGV0ZVNlYXJjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBzcHhTdWdnZXN0aW9uczogU3B4VmFsdWVQYWlyPGFueT5bXSA9IFtdO1xuICBASW5wdXQoKSBzcHhGaWVsZCE6IFNweEZvcm1GaWVsZEk7XG4gIEBJbnB1dCgpIHR4dE9wdGlvbnMhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHR4dFF1ZXJ5ITogc3RyaW5nO1xuICBASW5wdXQoKSB0eHRTdWJtaXQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFZhbHVlUGFpciE6IFNweFZhbHVlUGFpcjxhbnk+O1xuICBAT3V0cHV0KCkgc3B4Q2FuY2VsOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzcHhTZWFyY2g6IEV2ZW50RW1pdHRlcjxTcHhWYWx1ZVBhaXI8YW55Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPFNweFZhbHVlUGFpcjxhbnk+PigpOyBcbiAgQE91dHB1dCgpIHNweFN1Ym1pdDogRXZlbnRFbWl0dGVyPFNweFZhbHVlUGFpcjxhbnk+PiA9IG5ldyBFdmVudEVtaXR0ZXI8U3B4VmFsdWVQYWlyPGFueT4+KCk7XG4gIGlucHV0VHlwZVJhZGlvID0gU3B4SW5wdXRUeXBlRW51bS5yYWRpbztcbiAgaW5wdXRUeXBlVGV4dCA9IFNweElucHV0VHlwZUVudW0udGV4dDtcbiAgc2V2ZXJpdHlFcnJvciA9IFNweFNldmVyaXR5RW51bS5lcnJvcjtcbiAgc2V2ZXJpdHlTdWNjZXNzID0gU3B4U2V2ZXJpdHlFbnVtLnN1Y2Nlc3M7XG4gXG4gIHNlY3Rpb25zOiBTcHhGb3JtU2VjdGlvbklbXSA9IFtcbiAgICB7XG4gICAgICBrZXk6IHNlY3Rpb25BdXRvY29tcGxldGVTZWFyY2gsXG4gICAgICBzaG93VGl0bGU6ICgpID0+IGZhbHNlLFxuICAgICAgZmllbGRzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICBrZXk6IGN0cmxRdWVyeSxcbiAgICAgICAgICB0eXBlOiAoKSA9PiBTcHhJbnB1dFR5cGVFbnVtLnRleHQsXG4gICAgICAgICAgbGFiZWw6ICgpID0+IHRoaXMudHh0UXVlcnksXG4gICAgICAgICAgY2FwaXRhbGl6ZTogKCkgPT4gdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIGtleTogY3RybE9wdGlvbnMsXG4gICAgICAgICAgdHlwZTogKCkgPT4gU3B4SW5wdXRUeXBlRW51bS5yYWRpbyxcbiAgICAgICAgICBsYWJlbDogKCkgPT4gdGhpcy50eHRPcHRpb25zLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIH1cbiAgXTtcblxuICBnZXQgY3RybFF1ZXJ5KCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybUdyb3VwLmdldChjdHJsUXVlcnkpIGFzIEZvcm1Db250cm9sOyB9XG4gIGdldCBjdHJsT3B0aW9ucygpOiBGb3JtQ29udHJvbCB7IHJldHVybiB0aGlzLmZvcm1Hcm91cC5nZXQoY3RybE9wdGlvbnMpIGFzIEZvcm1Db250cm9sOyB9XG5cbiAgcHJpdmF0ZSBzdWJTZWxlY3Rpb24/OiBTdWJzY3JpcHRpb247XG4gIHByaXZhdGUgc3ViUXVlcnk/OiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyKSB7XG4gICAgdGhpcy5jcmVhdGVGb3JtKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RlblRvU2VsZWN0aW9uKCk7XG4gICAgdGhpcy5saXN0ZW5Ub1F1ZXJ5KCk7XG4gICAgdGhpcy5jdHJsUXVlcnkuc2V0VmFsdWUodGhpcy5zcHhWYWx1ZVBhaXIsIHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICB0aGlzLnNweFNlYXJjaC5lbWl0KHRoaXMuc3B4VmFsdWVQYWlyKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN1YlNlbGVjdGlvbikge1xuICAgICAgdGhpcy5zdWJTZWxlY3Rpb24udW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuc3ViUXVlcnkpIHtcbiAgICAgIHRoaXMuc3ViUXVlcnkudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZUZvcm0oKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtR3JvdXAgPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcbiAgICAgIFtjdHJsUXVlcnldOiBbbnVsbF0sXG4gICAgICBbY3RybE9wdGlvbnNdOiBbbnVsbF0sXG4gICAgfSk7XG4gIH1cblxuICBnZXRSYXdWYWxpZGF0b3JzKGZvcm1Db250cm9sOiBGb3JtQ29udHJvbCkge1xuICAgIHJldHVybiAoZm9ybUNvbnRyb2wgYXMgYW55KS5fcmF3VmFsaWRhdG9ycztcbiAgfVxuXG4gIG9uQ2FuY2VsKCk6IHZvaWQge1xuICAgIHRoaXMuc3B4Q2FuY2VsLmVtaXQoKTtcbiAgfVxuICBcbiAgb25TdWJtaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zcHhTdWJtaXQuZW1pdCh0aGlzLmN0cmxRdWVyeS52YWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIGxpc3RlblRvUXVlcnkoKTogdm9pZCB7XG4gICAgdGhpcy5zdWJRdWVyeSA9IHRoaXMuY3RybFF1ZXJ5LnZhbHVlQ2hhbmdlcy5waXBlKGRlYm91bmNlVGltZSg1MDApKS5zdWJzY3JpYmUodmFsdWVQYWlyID0+IHtcbiAgICAgIHRoaXMuc3B4U2VhcmNoLmVtaXQodmFsdWVQYWlyKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgbGlzdGVuVG9TZWxlY3Rpb24oKTogdm9pZCB7XG4gICAgdGhpcy5zdWJTZWxlY3Rpb24gPSB0aGlzLmN0cmxPcHRpb25zLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWVQYWlyID0+IHtcbiAgICAgIHRoaXMuY3RybFF1ZXJ5LnNldFZhbHVlKHZhbHVlUGFpcik7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJiZy1ibGFjayBmaXhlZCB0b3AtMCBsZWZ0LTAgcmlnaHQtMCBib3R0b20tMCBweC0zIHB0LTE2IHotNTAgb3ZlcmZsb3ctYXV0b1wiPlxuICA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1Hcm91cFwiIGNsYXNzPVwibWF4LXctbGcgbXgtYXV0byBmbGV4IGZsZXgtY29sIGdhcC0zXCIgKG5nU3VibWl0KT1cIm9uU3VibWl0KClcIj5cbiAgICA8c3B4LWlucHV0XG4gICAgICBbZm9ybUNvbnRyb2xdPVwiY3RybFF1ZXJ5XCJcbiAgICAgIFtzcHhMYWJlbF09XCJ0eHRRdWVyeVwiXG4gICAgICBbc3B4VHlwZV09XCJpbnB1dFR5cGVUZXh0XCI+XG4gICAgPC9zcHgtaW5wdXQ+XG4gICAgPHNweC1pbnB1dFxuICAgICAgW2Zvcm1Db250cm9sXT1cImN0cmxPcHRpb25zXCJcbiAgICAgIFtzcHhMYWJlbF09XCJ0eHRPcHRpb25zXCJcbiAgICAgIFtzcHhTdWdnZXN0aW9uc109XCJzcHhTdWdnZXN0aW9uc1wiXG4gICAgICBbc3B4VHlwZV09XCJpbnB1dFR5cGVSYWRpb1wiPlxuICAgIDwvc3B4LWlucHV0PlxuICAgIDxzcHgtYnV0dG9uXG4gICAgICBbc3B4RnVsbFdpZHRoXT1cInRydWVcIlxuICAgICAgW3NweFNldmVyaXR5XT1cInNldmVyaXR5U3VjY2Vzc1wiPlxuICAgICAgU2F2ZVxuICAgIDwvc3B4LWJ1dHRvbj5cbiAgICA8c3B4LWJ1dHRvblxuICAgICAgW3NweEZ1bGxXaWR0aF09XCJ0cnVlXCJcbiAgICAgIFtzcHhTZXZlcml0eV09XCJzZXZlcml0eUVycm9yXCJcbiAgICAgIFtzcHhUeXBlXT1cIididXR0b24nXCJcbiAgICAgIChzcHhDbGljayk9XCJvbkNhbmNlbCgpXCI+XG4gICAgICBDYW5jZWxcbiAgICA8L3NweC1idXR0b24+XG4gIDwvZm9ybT5cbjwvZGl2PlxuIl19

package/esm2022/spx-form-view/spx-form-field.interface.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWZvcm0tZmllbGQuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1mb3JtLXZpZXcvc3B4LWZvcm0tZmllbGQuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTcHhJbnB1dFR5cGVFbnVtLCBTcHhWYWx1ZVBhaXIgfSBmcm9tIFwiQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaW5wdXRzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3B4Rm9ybUZpZWxkSSB7XG4gICAgYWZ0ZXJWYWx1ZUNoYW5nZT86ICh2YWx1ZTogU3B4VmFsdWVQYWlyPHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4gfCBhbnk+KSA9PiB2b2lkO1xuICAgIGF1dG9mb2N1cz86ICgpID0+IGJvb2xlYW47XG4gICAgY2FwaXRhbGl6ZT86ICgpID0+IGJvb2xlYW47XG4gICAgZGVmYXVsdFZhbHVlPzogKCkgPT4gc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IGFueTtcbiAgICBrZXk6IHN0cmluZztcbiAgICBsYWJlbD86ICgpID0+IHN0cmluZztcbiAgICByZWFkb25seT86ICgpID0+IGJvb2xlYW47XG4gICAgc2hvdz86ICgpID0+IGJvb2xlYW47XG4gICAgc3RlcD86ICgpID0+IG51bWJlcjtcbiAgICBzdWdnZXN0aW9ucz86ICgpID0+IGJvb2xlYW47XG4gICAgc3VnZ2VzdGlvbnNGaXhlZD86ICgpID0+IFNweFZhbHVlUGFpcjxzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgYW55PltdXG4gICAgdHlwZTogKCkgPT4gU3B4SW5wdXRUeXBlRW51bTtcbiAgICB2YWxpZGF0b3JzPzogKCkgPT4gYW55W107XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWZvcm0tZmllbGQuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1mb3JtLXZpZXcvc3B4LWZvcm0tZmllbGQuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTcHhTZXZlcml0eUVudW0gfSBmcm9tIFwiQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVyc1wiO1xuaW1wb3J0IHsgU3B4SW5wdXRUeXBlRW51bSwgU3B4VmFsdWVQYWlyIH0gZnJvbSBcIkBzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWlucHV0c1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNweEZvcm1GaWVsZEkge1xuICAgIGFmdGVyVmFsdWVDaGFuZ2U/OiAodmFsdWU6IFNweFZhbHVlUGFpcjxzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgYW55PikgPT4gdm9pZDtcbiAgICBhdXRvZm9jdXM/OiAoKSA9PiBib29sZWFuO1xuICAgIGNhcGl0YWxpemU/OiAoKSA9PiBib29sZWFuO1xuICAgIGRlZmF1bHRWYWx1ZT86ICgpID0+IHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4gfCBhbnk7XG4gICAga2V5OiBzdHJpbmc7XG4gICAgbGFiZWw/OiAoKSA9PiBzdHJpbmc7XG4gICAgcmVhZG9ubHk/OiAoKSA9PiBib29sZWFuO1xuICAgIHNldmVyaXR5PzogKCkgPT4gU3B4U2V2ZXJpdHlFbnVtO1xuICAgIHNob3c/OiAoKSA9PiBib29sZWFuO1xuICAgIHN0ZXA/OiAoKSA9PiBudW1iZXI7XG4gICAgc3VnZ2VzdGlvbnM/OiAoKSA9PiBib29sZWFuO1xuICAgIHN1Z2dlc3Rpb25zRml4ZWQ/OiAoKSA9PiBTcHhWYWx1ZVBhaXI8c3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IGFueT5bXVxuICAgIHR5cGU6ICgpID0+IFNweElucHV0VHlwZUVudW07XG4gICAgdmFsaWRhdG9ycz86ICgpID0+IGFueVtdO1xufVxuIl19