@softpak/components 0.0.0-beta.34 → 0.0.0-beta.36

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

@@ -145,10 +145,10 @@ export class SpxNumberCheckComponent {
             {{ this.txtConfirmMessage }}
           </div>
           <form class="block grid grid-cols-4 gap-3" [formGroup]="this.form" (ngSubmit)="null">
-            <input #viewChild1 [formControl]="ctrl1" type="text" autofocus class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" pattern="\\d*" />
-            <input #viewChild2 [formControl]="ctrl2" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="\\d*" />
-            <input #viewChild3 [formControl]="ctrl3" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="\\d*" />
-            <input #viewChild4 [formControl]="ctrl4" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="\\d*" />
+            <input #viewChild1 [formControl]="ctrl1" type="text" autofocus class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" pattern="[0-9]*" inputmode="numeric"  />
+            <input #viewChild2 [formControl]="ctrl2" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="[0-9]*" inputmode="numeric" />
+            <input #viewChild3 [formControl]="ctrl3" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="[0-9]*" inputmode="numeric" />
+            <input #viewChild4 [formControl]="ctrl4" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="[0-9]*" inputmode="numeric" />
           </form>
           <spx-button
             [spxFullWidth]="true"
@@ -188,10 +188,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             {{ this.txtConfirmMessage }}
           </div>
           <form class="block grid grid-cols-4 gap-3" [formGroup]="this.form" (ngSubmit)="null">
-            <input #viewChild1 [formControl]="ctrl1" type="text" autofocus class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" pattern="\\d*" />
-            <input #viewChild2 [formControl]="ctrl2" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="\\d*" />
-            <input #viewChild3 [formControl]="ctrl3" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="\\d*" />
-            <input #viewChild4 [formControl]="ctrl4" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="\\d*" />
+            <input #viewChild1 [formControl]="ctrl1" type="text" autofocus class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" pattern="[0-9]*" inputmode="numeric"  />
+            <input #viewChild2 [formControl]="ctrl2" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="[0-9]*" inputmode="numeric" />
+            <input #viewChild3 [formControl]="ctrl3" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="[0-9]*" inputmode="numeric" />
+            <input #viewChild4 [formControl]="ctrl4" type="text" class="w-full text-center font-bold text-2xl p-3 rounded-lg focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-white bg-neutral-700" [class.bg-red-700]="this.denied" [class.bg-teal-700]="this.accepted" maxlength="1" (keypress)="onDigitInput($event)" (keyup.backspace)="onBackspace($event)" pattern="[0-9]*" inputmode="numeric" />
           </form>
           <spx-button
             [spxFullWidth]="true"
@@ -235,4 +235,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: ViewChild,
                 args: ['viewChild4']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LW51bWJlci1jaGVjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LW51bWJlci1jaGVjay9zcHgtbnVtYmVyLWNoZWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFnQyxNQUFNLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzSSxPQUFPLEVBQXVDLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBNENsRSxNQUFNLE9BQU8sdUJBQXVCO0lBdUJsQyxJQUFJLEtBQUssS0FBa0IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQWdCLENBQUMsQ0FBQyxDQUFDO0lBQzFFLElBQUksS0FBSyxLQUFrQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBZ0IsQ0FBQyxDQUFDLENBQUM7SUFDMUUsSUFBSSxLQUFLLEtBQWtCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFnQixDQUFDLENBQUMsQ0FBQztJQUMxRSxJQUFJLEtBQUssS0FBa0IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQWdCLENBQUMsQ0FBQyxDQUFDO0lBRTFFLFlBQTZCLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBdEIzQyxjQUFTLEdBQXVCLElBQUksWUFBWSxFQUFR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VSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3pCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNWLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7OEdBNUpVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLGt2QkE3QnhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsNERBL0JDLGtCQUFrQixvT0FDbEIsV0FBVyx1OUJBQ1gsbUJBQW1COzsyRkErQlYsdUJBQXVCO2tCQXpDbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLGFBQWEsRUFBRSwyQkFBMkI7cUJBQzNDO29CQUNELE9BQU8sRUFBRTt3QkFDUCxJQUFJO3dCQUNKLGtCQUFrQjt3QkFDbEIsV0FBVzt3QkFDWCxtQkFBbUI7cUJBQ3BCO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJUO2lCQUNGO2dGQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDa0IsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZO2dCQUNFLFVBQVU7c0JBQWxDLFNBQVM7dUJBQUMsWUFBWTtnQkFDRSxVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVk7Z0JBQ0UsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTcHhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1idXR0b24nO1xuaW1wb3J0IHsgU3B4U2V2ZXJpdHlFbnVtIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVycyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LW51bWJlci1jaGVjaycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICAnKHNweENoYW5nZSknOiAnaGFuZGxlQ2hhbmdlRXZlbnQoJGV2ZW50KSdcbiAgfSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gICAgU3B4QnV0dG9uQ29tcG9uZW50LFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZpeGVkIHRvcC0wIGxlZnQtMCByaWdodC0wIGJvdHRvbS0wIHotNDAgYmctYmxhY2tcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJteC1hdXRvIG10LTMyIG1heC13LTk2IGJnLWJsYWNrIHJvdW5kZWQtbGdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLTMgcC0zXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJnLXllbGxvdy0zMDAgdGV4dC1ibGFjayB0ZXh0LWNlbnRlciByb3VuZGVkIHAtMyB0ZXh0LXhsXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9udC1ib2xkXCI+e3sgdGhpcy5zcHhBY3Rpb24gfX08L2Rpdj5cbiAgICAgICAgICAgIHt7IHRoaXMudHh0Q29uZmlybU1lc3NhZ2UgfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8Zm9ybSBjbGFzcz1cImJsb2NrIGdyaWQgZ3JpZC1jb2xzLTQgZ2FwLTNcIiBbZm9ybUdyb3VwXT1cInRoaXMuZm9ybVwiIChuZ1N1Ym1pdCk9XCJudWxsXCI+XG4gICAgICAgICAgICA8aW5wdXQgI3ZpZXdDaGlsZDEgW2Zvcm1Db250cm9sXT1cImN0cmwxXCIgdHlwZT1cInRleHRcIiBhdXRvZm9jdXMgY2xhc3M9XCJ3LWZ1bGwgdGV4dC1jZW50ZXIgZm9udC1ib2xkIHRleHQtMnhsIHAtMyByb3VuZGVkLWxnIGZvY3VzOnJpbmctMiBmb2N1czpyaW5nLW9mZnNldC0yIGZvY3VzOnJpbmctYmx1ZS01MDAgdGV4dC13aGl0ZSBiZy1uZXV0cmFsLTcwMFwiIFtjbGFzcy5iZy1yZWQtNzAwXT1cInRoaXMuZGVuaWVkXCIgW2NsYXNzLmJnLXRlYWwtNzAwXT1cInRoaXMuYWNjZXB0ZWRcIiBtYXhsZW5ndGg9XCIxXCIgKGtleXByZXNzKT1cIm9uRGlnaXRJbnB1dCgkZXZlbnQpXCIgcGF0dGVybj1cIlxcXFxkKlwiIC8+XG4gICAgICAgICAgICA8aW5wdXQgI3ZpZXdDaGlsZDIgW2Zvcm1Db250cm9sXT1cImN0cmwyXCIgdHlwZT1cInRleHRcIiBjbGFzcz1cInctZnVsbCB0ZXh0LWNlbnRlciBmb250LWJvbGQgdGV4dC0yeGwgcC0zIHJvdW5kZWQtbGcgZm9jdXM6cmluZy0yIGZvY3VzOnJpbmctb2Zmc2V0LTIgZm9jdXM6cmluZy1ibHVlLTUwMCB0ZXh0LXdoaXRlIGJnLW5ldXRyYWwtNzAwXCIgW2NsYXNzLmJnLXJlZC03MDBdPVwidGhpcy5kZW5pZWRcIiBbY2xhc3MuYmctdGVhbC03MDBdPVwidGhpcy5hY2NlcHRlZFwiIG1heGxlbmd0aD1cIjFcIiAoa2V5cHJlc3MpPVwib25EaWdpdElucHV0KCRldmVudClcIiAoa2V5dXAuYmFja3NwYWNlKT1cIm9uQmFja3NwYWNlKCRldmVudClcIiBwYXR0ZXJuPVwiXFxcXGQqXCIgLz5cbiAgICAgICAgICAgIDxpbnB1dCAjdmlld0NoaWxkMyBbZm9ybUNvbnRyb2xdPVwiY3RybDNcIiB0eXBlPVwidGV4dFwiIGNsYXNzPVwidy1mdWxsIHRleHQtY2VudGVyIGZvbnQtYm9sZCB0ZXh0LTJ4bCBwLTMgcm91bmRlZC1sZyBmb2N1czpyaW5nLTIgZm9jdXM6cmluZy1vZmZzZXQtMiBmb2N1czpyaW5nLWJsdWUtNTAwIHRleHQtd2hpdGUgYmctbmV1dHJhbC03MDBcIiBbY2xhc3MuYmctcmVkLTcwMF09XCJ0aGlzLmRlbmllZFwiIFtjbGFzcy5iZy10ZWFsLTcwMF09XCJ0aGlzLmFjY2VwdGVkXCIgbWF4bGVuZ3RoPVwiMVwiIChrZXlwcmVzcyk9XCJvbkRpZ2l0SW5wdXQoJGV2ZW50KVwiIChrZXl1cC5iYWNrc3BhY2UpPVwib25CYWNrc3BhY2UoJGV2ZW50KVwiIHBhdHRlcm49XCJcXFxcZCpcIiAvPlxuICAgICAgICAgICAgPGlucHV0ICN2aWV3Q2hpbGQ0IFtmb3JtQ29udHJvbF09XCJjdHJsNFwiIHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJ3LWZ1bGwgdGV4dC1jZW50ZXIgZm9udC1ib2xkIHRleHQtMnhsIHAtMyByb3VuZGVkLWxnIGZvY3VzOnJpbmctMiBmb2N1czpyaW5nLW9mZnNldC0yIGZvY3VzOnJpbmctYmx1ZS01MDAgdGV4dC13aGl0ZSBiZy1uZXV0cmFsLTcwMFwiIFtjbGFzcy5iZy1yZWQtNzAwXT1cInRoaXMuZGVuaWVkXCIgW2NsYXNzLmJnLXRlYWwtNzAwXT1cInRoaXMuYWNjZXB0ZWRcIiBtYXhsZW5ndGg9XCIxXCIgKGtleXByZXNzKT1cIm9uRGlnaXRJbnB1dCgkZXZlbnQpXCIgKGtleXVwLmJhY2tzcGFjZSk9XCJvbkJhY2tzcGFjZSgkZXZlbnQpXCIgcGF0dGVybj1cIlxcXFxkKlwiIC8+XG4gICAgICAgICAgPC9mb3JtPlxuICAgICAgICAgIDxzcHgtYnV0dG9uXG4gICAgICAgICAgICBbc3B4RnVsbFdpZHRoXT1cInRydWVcIlxuICAgICAgICAgICAgW3NweFNldmVyaXR5XT1cInRoaXMuc2V2ZXJpdHlXYXJuaW5nXCJcbiAgICAgICAgICAgIChzcHhDbGljayk9XCJ0aGlzLmhhbmRsZVJlc2V0KClcIlxuICAgICAgICAgICAgPnt7IHRoaXMudHh0UmVzZXQgfX08L3NweC1idXR0b24+XG4gICAgICAgICAgPHNweC1idXR0b25cbiAgICAgICAgICAgIFtzcHhGdWxsV2lkdGhdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbc3B4U2V2ZXJpdHldPVwidGhpcy5zZXZlcml0eUVycm9yXCJcbiAgICAgICAgICAgIChzcHhDbGljayk9XCJ0aGlzLmhhbmRsZUNhbmNlbCgpXCJcbiAgICAgICAgICAgID57eyB0aGlzLnR4dENhbmNlbCB9fTwvc3B4LWJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgU3B4TnVtYmVyQ2hlY2tDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgc3B4QWN0aW9uITogc3RyaW5nO1xuICBASW5wdXQoKSBzcHhQaW5jb2RlITogc3RyaW5nO1xuICBASW5wdXQoKSB0eHRDYW5jZWwhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHR4dENvbmZpcm1NZXNzYWdlITogc3RyaW5nO1xuICBASW5wdXQoKSB0eHRSZXNldCE6IHN0cmluZztcbiAgQE91dHB1dCgpIHNweENhbmNlbDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgc3B4Q29uZmlybTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAVmlld0NoaWxkKCd2aWV3Q2hpbGQxJykgdmlld0NoaWxkMSE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ3ZpZXdDaGlsZDInKSB2aWV3Q2hpbGQyITogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgndmlld0NoaWxkMycpIHZpZXdDaGlsZDMhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICBAVmlld0NoaWxkKCd2aWV3Q2hpbGQ0Jykgdmlld0NoaWxkNCE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG4gIGZvcm0hOiBGb3JtR3JvdXA7XG4gIHNldmVyaXR5RXJyb3IgPSBTcHhTZXZlcml0eUVudW0uZXJyb3I7XG4gIHNldmVyaXR5V2FybmluZyA9IFNweFNldmVyaXR5RW51bS53YXJuaW5nO1xuICBhY2NlcHRlZCA9IGZhbHNlO1xuICBkZW5pZWQgPSBmYWxzZTtcbiAgbGlzdGVuVG9DdHJsMT86IFN1YnNjcmlwdGlvbjtcbiAgbGlzdGVuVG9DdHJsMj86IFN1YnNjcmlwdGlvbjtcbiAgbGlzdGVuVG9DdHJsMz86IFN1YnNjcmlwdGlvbjtcbiAgbGlzdGVuVG9DdHJsND86IFN1YnNjcmlwdGlvbjtcbiAgbGlzdGVuVG9UeXBpbmc/OiBTdWJzY3JpcHRpb247XG5cbiAgZ2V0IGN0cmwxKCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2N0cmwxJykgYXMgRm9ybUNvbnRyb2w7IH1cbiAgZ2V0IGN0cmwyKCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2N0cmwyJykgYXMgRm9ybUNvbnRyb2w7IH1cbiAgZ2V0IGN0cmwzKCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2N0cmwzJykgYXMgRm9ybUNvbnRyb2w7IH1cbiAgZ2V0IGN0cmw0KCk6IEZvcm1Db250cm9sIHsgcmV0dXJuIHRoaXMuZm9ybS5nZXQoJ2N0cmw0JykgYXMgRm9ybUNvbnRyb2w7IH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcikge1xuICAgIHRoaXMuZm9ybSA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgY3RybDE6IFtudWxsLCBbXV0sXG4gICAgICBjdHJsMjogW251bGwsIFtdXSxcbiAgICAgIGN0cmwzOiBbbnVsbCwgW11dLFxuICAgICAgY3RybDQ6IFtudWxsLCBbXV0sXG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RlblRvVHlwaW5nID0gIHRoaXMuZm9ybS52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuYWNjZXB0ZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuZGVuaWVkID0gZmFsc2U7XG4gICAgICBpZiAodGhpcy5jdHJsMS52YWx1ZSAmJiB0aGlzLmN0cmwyLnZhbHVlICYmIHRoaXMuY3RybDMudmFsdWUgJiYgdGhpcy5jdHJsNC52YWx1ZSkge1xuICAgICAgICB0aGlzLmNoZWNrUGluY29kZSgpO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgdGhpcy5saXN0ZW5Ub0N0cmwxID0gdGhpcy5jdHJsMS52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKHZhbHVlID0+IHtcbiAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICB0aGlzLnZpZXdDaGlsZDIubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgfSBlbHNlIHtcblxuICAgICAgfVxuICAgIH0pO1xuXG4gICAgdGhpcy5saXN0ZW5Ub0N0cmwyID0gdGhpcy5jdHJsMi52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKHZhbHVlID0+IHtcbiAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICB0aGlzLnZpZXdDaGlsZDMubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgfSBlbHNlIHtcblxuICAgICAgfVxuICAgIH0pO1xuXG4gICAgdGhpcy5saXN0ZW5Ub0N0cmwzID0gdGhpcy5jdHJsMy52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKHZhbHVlID0+IHtcbiAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICB0aGlzLnZpZXdDaGlsZDQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgfSBlbHNlIHtcblxuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKHRoaXM/LnZpZXdDaGlsZDE/Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy52aWV3Q2hpbGQxLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgIH1cbiAgICB9LCAwKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmxpc3RlblRvVHlwaW5nKSB7XG4gICAgICB0aGlzLmxpc3RlblRvVHlwaW5nLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICAgIGlmICh0aGlzLmxpc3RlblRvQ3RybDEpIHtcbiAgICAgIHRoaXMubGlzdGVuVG9DdHJsMS51bnN1YnNjcmliZSgpO1xuICAgIH0gXG4gICAgaWYgKHRoaXMubGlzdGVuVG9DdHJsMikge1xuICAgICAgdGhpcy5saXN0ZW5Ub0N0cmwyLnVuc3Vic2NyaWJlKCk7XG4gICAgfSBcbiAgICBpZiAodGhpcy5saXN0ZW5Ub0N0cmwzKSB7XG4gICAgICB0aGlzLmxpc3RlblRvQ3RybDMudW5zdWJzY3JpYmUoKTtcbiAgICB9IFxuICB9XG5cbiAgaGFuZGxlQ2FuY2VsKCk6IHZvaWQge1xuICAgIGNvbnNvbGUubG9nKCdzcHhDb250YWluZXJDb25maXJtOiBzcHhDYW5jZWwnKTtcbiAgICB0aGlzLnNweENhbmNlbC5lbWl0KCk7XG4gIH1cblxuICBoYW5kbGVSZXNldCgpOiB2b2lkIHtcbiAgICB0aGlzLmN0cmwxLnJlc2V0KCk7XG4gICAgdGhpcy5jdHJsMi5yZXNldCgpO1xuICAgIHRoaXMuY3RybDMucmVzZXQoKTtcbiAgICB0aGlzLmN0cmw0LnJlc2V0KCk7XG4gICAgdGhpcy52aWV3Q2hpbGQxLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB0aGlzLmFjY2VwdGVkID0gZmFsc2U7XG4gICAgdGhpcy5kZW5pZWQgPSBmYWxzZTtcbiAgfVxuXG4gIG9uRGlnaXRJbnB1dChldmVudDogYW55KSB7XG4gICAgbGV0IGVsZW1lbnQ6IGFueTtcbiAgICBpZiAoXG4gICAgICBldmVudC5jb2RlID09PSAnRGlnaXQwJyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ0RpZ2l0MScgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdEaWdpdDInIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnRGlnaXQzJyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ0RpZ2l0NCcgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdEaWdpdDUnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnRGlnaXQ2JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ0RpZ2l0NycgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdEaWdpdDgnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnRGlnaXQ5JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ051bXBhZDAnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnTnVtcGFkMScgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdOdW1wYWQyJyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ051bXBhZDMnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnTnVtcGFkNCcgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdOdW1wYWQ1JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ051bXBhZDYnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnTnVtcGFkNycgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdOdW1wYWQ4JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ051bXBhZDknKSB7XG4gICAgICAgIGVsZW1lbnQgPSBldmVudC5zcmNFbGVtZW50Lm5leHRFbGVtZW50U2libGluZztcbiAgICB9XG4gICAgaWYgKGVsZW1lbnQgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBlbHNlIHtcbiAgICAgIC8vIHNldFRpbWVvdXQoKCkgPT4geyBlbGVtZW50LmZvY3VzKCk7IH0pO1xuICAgIH1cbiAgfVxuXG4gIG9uQmFja3NwYWNlKGV2ZW50OiBhbnkpIHtcbiAgICBldmVudC5zcmNFbGVtZW50LnByZXZpb3VzRWxlbWVudFNpYmxpbmcuZm9jdXMoKTtcbiAgfVxuXG4gIHByaXZhdGUgY2hlY2tQaW5jb2RlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNweFBpbmNvZGUgPT09IGAke3RoaXMuY3RybDEudmFsdWV9JHt0aGlzLmN0cmwyLnZhbHVlfSR7dGhpcy5jdHJsMy52YWx1ZX0ke3RoaXMuY3RybDQudmFsdWV9YCkge1xuICAgICAgdGhpcy5hY2NlcHRlZCA9IHRydWU7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgY29uc29sZS5sb2coJ3NweENvbnRhaW5lckNvbmZpcm06IHNweENvbmZpcm0nKTtcbiAgICAgICAgdGhpcy5zcHhDb25maXJtLmVtaXQoKTtcbiAgICAgIH0sIDUwMCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZGVuaWVkID0gdHJ1ZTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LW51bWJlci1jaGVjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LW51bWJlci1jaGVjay9zcHgtbnVtYmVyLWNoZWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFnQyxNQUFNLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzSSxPQUFPLEVBQXVDLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBNENsRSxNQUFNLE9BQU8sdUJBQXVCO0lBdUJsQyxJQUFJLEtBQUssS0FBa0IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQWdCLENBQUMsQ0FBQyxDQUFDO0lBQzFFLElBQUksS0FBSyxLQUFrQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBZ0IsQ0FBQyxDQUFDLENBQUM7SUFDMUUsSUFBSSxLQUFLLEtBQWtCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFnQixDQUFDLENBQUMsQ0FBQztJQUMxRSxJQUFJLEtBQUssS0FBa0IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQWdCLENBQUMsQ0FBQyxDQUFDO0lBRTFFLFlBQTZCLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBdEIzQyxjQUFTLEdBQXVCLElBQUksWUFBWSxFQUFR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VSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3pCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNWLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7OEdBNUpVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLGt2QkE3QnhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsNERBL0JDLGtCQUFrQixvT0FDbEIsV0FBVyx1OUJBQ1gsbUJBQW1COzsyRkErQlYsdUJBQXVCO2tCQXpDbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLGFBQWEsRUFBRSwyQkFBMkI7cUJBQzNDO29CQUNELE9BQU8sRUFBRTt3QkFDUCxJQUFJO3dCQUNKLGtCQUFrQjt3QkFDbEIsV0FBVzt3QkFDWCxtQkFBbUI7cUJBQ3BCO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJUO2lCQUNGO2dGQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDa0IsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZO2dCQUNFLFVBQVU7c0JBQWxDLFNBQVM7dUJBQUMsWUFBWTtnQkFDRSxVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVk7Z0JBQ0UsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTcHhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1idXR0b24nO1xuaW1wb3J0IHsgU3B4U2V2ZXJpdHlFbnVtIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVycyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LW51bWJlci1jaGVjaycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICAnKHNweENoYW5nZSknOiAnaGFuZGxlQ2hhbmdlRXZlbnQoJGV2ZW50KSdcbiAgfSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gICAgU3B4QnV0dG9uQ29tcG9uZW50LFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZpeGVkIHRvcC0wIGxlZnQtMCByaWdodC0wIGJvdHRvbS0wIHotNDAgYmctYmxhY2tcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJteC1hdXRvIG10LTMyIG1heC13LTk2IGJnLWJsYWNrIHJvdW5kZWQtbGdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLTMgcC0zXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJnLXllbGxvdy0zMDAgdGV4dC1ibGFjayB0ZXh0LWNlbnRlciByb3VuZGVkIHAtMyB0ZXh0LXhsXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9udC1ib2xkXCI+e3sgdGhpcy5zcHhBY3Rpb24gfX08L2Rpdj5cbiAgICAgICAgICAgIHt7IHRoaXMudHh0Q29uZmlybU1lc3NhZ2UgfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8Zm9ybSBjbGFzcz1cImJsb2NrIGdyaWQgZ3JpZC1jb2xzLTQgZ2FwLTNcIiBbZm9ybUdyb3VwXT1cInRoaXMuZm9ybVwiIChuZ1N1Ym1pdCk9XCJudWxsXCI+XG4gICAgICAgICAgICA8aW5wdXQgI3ZpZXdDaGlsZDEgW2Zvcm1Db250cm9sXT1cImN0cmwxXCIgdHlwZT1cInRleHRcIiBhdXRvZm9jdXMgY2xhc3M9XCJ3LWZ1bGwgdGV4dC1jZW50ZXIgZm9udC1ib2xkIHRleHQtMnhsIHAtMyByb3VuZGVkLWxnIGZvY3VzOnJpbmctMiBmb2N1czpyaW5nLW9mZnNldC0yIGZvY3VzOnJpbmctYmx1ZS01MDAgdGV4dC13aGl0ZSBiZy1uZXV0cmFsLTcwMFwiIFtjbGFzcy5iZy1yZWQtNzAwXT1cInRoaXMuZGVuaWVkXCIgW2NsYXNzLmJnLXRlYWwtNzAwXT1cInRoaXMuYWNjZXB0ZWRcIiBtYXhsZW5ndGg9XCIxXCIgKGtleXByZXNzKT1cIm9uRGlnaXRJbnB1dCgkZXZlbnQpXCIgcGF0dGVybj1cIlswLTldKlwiIGlucHV0bW9kZT1cIm51bWVyaWNcIiAgLz5cbiAgICAgICAgICAgIDxpbnB1dCAjdmlld0NoaWxkMiBbZm9ybUNvbnRyb2xdPVwiY3RybDJcIiB0eXBlPVwidGV4dFwiIGNsYXNzPVwidy1mdWxsIHRleHQtY2VudGVyIGZvbnQtYm9sZCB0ZXh0LTJ4bCBwLTMgcm91bmRlZC1sZyBmb2N1czpyaW5nLTIgZm9jdXM6cmluZy1vZmZzZXQtMiBmb2N1czpyaW5nLWJsdWUtNTAwIHRleHQtd2hpdGUgYmctbmV1dHJhbC03MDBcIiBbY2xhc3MuYmctcmVkLTcwMF09XCJ0aGlzLmRlbmllZFwiIFtjbGFzcy5iZy10ZWFsLTcwMF09XCJ0aGlzLmFjY2VwdGVkXCIgbWF4bGVuZ3RoPVwiMVwiIChrZXlwcmVzcyk9XCJvbkRpZ2l0SW5wdXQoJGV2ZW50KVwiIChrZXl1cC5iYWNrc3BhY2UpPVwib25CYWNrc3BhY2UoJGV2ZW50KVwiIHBhdHRlcm49XCJbMC05XSpcIiBpbnB1dG1vZGU9XCJudW1lcmljXCIgLz5cbiAgICAgICAgICAgIDxpbnB1dCAjdmlld0NoaWxkMyBbZm9ybUNvbnRyb2xdPVwiY3RybDNcIiB0eXBlPVwidGV4dFwiIGNsYXNzPVwidy1mdWxsIHRleHQtY2VudGVyIGZvbnQtYm9sZCB0ZXh0LTJ4bCBwLTMgcm91bmRlZC1sZyBmb2N1czpyaW5nLTIgZm9jdXM6cmluZy1vZmZzZXQtMiBmb2N1czpyaW5nLWJsdWUtNTAwIHRleHQtd2hpdGUgYmctbmV1dHJhbC03MDBcIiBbY2xhc3MuYmctcmVkLTcwMF09XCJ0aGlzLmRlbmllZFwiIFtjbGFzcy5iZy10ZWFsLTcwMF09XCJ0aGlzLmFjY2VwdGVkXCIgbWF4bGVuZ3RoPVwiMVwiIChrZXlwcmVzcyk9XCJvbkRpZ2l0SW5wdXQoJGV2ZW50KVwiIChrZXl1cC5iYWNrc3BhY2UpPVwib25CYWNrc3BhY2UoJGV2ZW50KVwiIHBhdHRlcm49XCJbMC05XSpcIiBpbnB1dG1vZGU9XCJudW1lcmljXCIgLz5cbiAgICAgICAgICAgIDxpbnB1dCAjdmlld0NoaWxkNCBbZm9ybUNvbnRyb2xdPVwiY3RybDRcIiB0eXBlPVwidGV4dFwiIGNsYXNzPVwidy1mdWxsIHRleHQtY2VudGVyIGZvbnQtYm9sZCB0ZXh0LTJ4bCBwLTMgcm91bmRlZC1sZyBmb2N1czpyaW5nLTIgZm9jdXM6cmluZy1vZmZzZXQtMiBmb2N1czpyaW5nLWJsdWUtNTAwIHRleHQtd2hpdGUgYmctbmV1dHJhbC03MDBcIiBbY2xhc3MuYmctcmVkLTcwMF09XCJ0aGlzLmRlbmllZFwiIFtjbGFzcy5iZy10ZWFsLTcwMF09XCJ0aGlzLmFjY2VwdGVkXCIgbWF4bGVuZ3RoPVwiMVwiIChrZXlwcmVzcyk9XCJvbkRpZ2l0SW5wdXQoJGV2ZW50KVwiIChrZXl1cC5iYWNrc3BhY2UpPVwib25CYWNrc3BhY2UoJGV2ZW50KVwiIHBhdHRlcm49XCJbMC05XSpcIiBpbnB1dG1vZGU9XCJudW1lcmljXCIgLz5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgICAgPHNweC1idXR0b25cbiAgICAgICAgICAgIFtzcHhGdWxsV2lkdGhdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbc3B4U2V2ZXJpdHldPVwidGhpcy5zZXZlcml0eVdhcm5pbmdcIlxuICAgICAgICAgICAgKHNweENsaWNrKT1cInRoaXMuaGFuZGxlUmVzZXQoKVwiXG4gICAgICAgICAgICA+e3sgdGhpcy50eHRSZXNldCB9fTwvc3B4LWJ1dHRvbj5cbiAgICAgICAgICA8c3B4LWJ1dHRvblxuICAgICAgICAgICAgW3NweEZ1bGxXaWR0aF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtzcHhTZXZlcml0eV09XCJ0aGlzLnNldmVyaXR5RXJyb3JcIlxuICAgICAgICAgICAgKHNweENsaWNrKT1cInRoaXMuaGFuZGxlQ2FuY2VsKClcIlxuICAgICAgICAgICAgPnt7IHRoaXMudHh0Q2FuY2VsIH19PC9zcHgtYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhOdW1iZXJDaGVja0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBzcHhBY3Rpb24hOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFBpbmNvZGUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHR4dENhbmNlbCE6IHN0cmluZztcbiAgQElucHV0KCkgdHh0Q29uZmlybU1lc3NhZ2UhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHR4dFJlc2V0ITogc3RyaW5nO1xuICBAT3V0cHV0KCkgc3B4Q2FuY2VsOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzcHhDb25maXJtOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBWaWV3Q2hpbGQoJ3ZpZXdDaGlsZDEnKSB2aWV3Q2hpbGQxITogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgndmlld0NoaWxkMicpIHZpZXdDaGlsZDIhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICBAVmlld0NoaWxkKCd2aWV3Q2hpbGQzJykgdmlld0NoaWxkMyE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ3ZpZXdDaGlsZDQnKSB2aWV3Q2hpbGQ0ITogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcbiAgZm9ybSE6IEZvcm1Hcm91cDtcbiAgc2V2ZXJpdHlFcnJvciA9IFNweFNldmVyaXR5RW51bS5lcnJvcjtcbiAgc2V2ZXJpdHlXYXJuaW5nID0gU3B4U2V2ZXJpdHlFbnVtLndhcm5pbmc7XG4gIGFjY2VwdGVkID0gZmFsc2U7XG4gIGRlbmllZCA9IGZhbHNlO1xuICBsaXN0ZW5Ub0N0cmwxPzogU3Vic2NyaXB0aW9uO1xuICBsaXN0ZW5Ub0N0cmwyPzogU3Vic2NyaXB0aW9uO1xuICBsaXN0ZW5Ub0N0cmwzPzogU3Vic2NyaXB0aW9uO1xuICBsaXN0ZW5Ub0N0cmw0PzogU3Vic2NyaXB0aW9uO1xuICBsaXN0ZW5Ub1R5cGluZz86IFN1YnNjcmlwdGlvbjtcblxuICBnZXQgY3RybDEoKTogRm9ybUNvbnRyb2wgeyByZXR1cm4gdGhpcy5mb3JtLmdldCgnY3RybDEnKSBhcyBGb3JtQ29udHJvbDsgfVxuICBnZXQgY3RybDIoKTogRm9ybUNvbnRyb2wgeyByZXR1cm4gdGhpcy5mb3JtLmdldCgnY3RybDInKSBhcyBGb3JtQ29udHJvbDsgfVxuICBnZXQgY3RybDMoKTogRm9ybUNvbnRyb2wgeyByZXR1cm4gdGhpcy5mb3JtLmdldCgnY3RybDMnKSBhcyBGb3JtQ29udHJvbDsgfVxuICBnZXQgY3RybDQoKTogRm9ybUNvbnRyb2wgeyByZXR1cm4gdGhpcy5mb3JtLmdldCgnY3RybDQnKSBhcyBGb3JtQ29udHJvbDsgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyKSB7XG4gICAgdGhpcy5mb3JtID0gdGhpcy5mb3JtQnVpbGRlci5ncm91cCh7XG4gICAgICBjdHJsMTogW251bGwsIFtdXSxcbiAgICAgIGN0cmwyOiBbbnVsbCwgW11dLFxuICAgICAgY3RybDM6IFtudWxsLCBbXV0sXG4gICAgICBjdHJsNDogW251bGwsIFtdXSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubGlzdGVuVG9UeXBpbmcgPSAgdGhpcy5mb3JtLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5hY2NlcHRlZCA9IGZhbHNlO1xuICAgICAgdGhpcy5kZW5pZWQgPSBmYWxzZTtcbiAgICAgIGlmICh0aGlzLmN0cmwxLnZhbHVlICYmIHRoaXMuY3RybDIudmFsdWUgJiYgdGhpcy5jdHJsMy52YWx1ZSAmJiB0aGlzLmN0cmw0LnZhbHVlKSB7XG4gICAgICAgIHRoaXMuY2hlY2tQaW5jb2RlKCk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICB0aGlzLmxpc3RlblRvQ3RybDEgPSB0aGlzLmN0cmwxLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgIHRoaXMudmlld0NoaWxkMi5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICB9IGVsc2Uge1xuXG4gICAgICB9XG4gICAgfSk7XG5cbiAgICB0aGlzLmxpc3RlblRvQ3RybDIgPSB0aGlzLmN0cmwyLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgIHRoaXMudmlld0NoaWxkMy5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICB9IGVsc2Uge1xuXG4gICAgICB9XG4gICAgfSk7XG5cbiAgICB0aGlzLmxpc3RlblRvQ3RybDMgPSB0aGlzLmN0cmwzLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgIHRoaXMudmlld0NoaWxkNC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICB9IGVsc2Uge1xuXG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAodGhpcz8udmlld0NoaWxkMT8ubmF0aXZlRWxlbWVudCkge1xuICAgICAgICB0aGlzLnZpZXdDaGlsZDEubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgfVxuICAgIH0sIDApO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGlzdGVuVG9UeXBpbmcpIHtcbiAgICAgIHRoaXMubGlzdGVuVG9UeXBpbmcudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gICAgaWYgKHRoaXMubGlzdGVuVG9DdHJsMSkge1xuICAgICAgdGhpcy5saXN0ZW5Ub0N0cmwxLnVuc3Vic2NyaWJlKCk7XG4gICAgfSBcbiAgICBpZiAodGhpcy5saXN0ZW5Ub0N0cmwyKSB7XG4gICAgICB0aGlzLmxpc3RlblRvQ3RybDIudW5zdWJzY3JpYmUoKTtcbiAgICB9IFxuICAgIGlmICh0aGlzLmxpc3RlblRvQ3RybDMpIHtcbiAgICAgIHRoaXMubGlzdGVuVG9DdHJsMy51bnN1YnNjcmliZSgpO1xuICAgIH0gXG4gIH1cblxuICBoYW5kbGVDYW5jZWwoKTogdm9pZCB7XG4gICAgY29uc29sZS5sb2coJ3NweENvbnRhaW5lckNvbmZpcm06IHNweENhbmNlbCcpO1xuICAgIHRoaXMuc3B4Q2FuY2VsLmVtaXQoKTtcbiAgfVxuXG4gIGhhbmRsZVJlc2V0KCk6IHZvaWQge1xuICAgIHRoaXMuY3RybDEucmVzZXQoKTtcbiAgICB0aGlzLmN0cmwyLnJlc2V0KCk7XG4gICAgdGhpcy5jdHJsMy5yZXNldCgpO1xuICAgIHRoaXMuY3RybDQucmVzZXQoKTtcbiAgICB0aGlzLnZpZXdDaGlsZDEubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIHRoaXMuYWNjZXB0ZWQgPSBmYWxzZTtcbiAgICB0aGlzLmRlbmllZCA9IGZhbHNlO1xuICB9XG5cbiAgb25EaWdpdElucHV0KGV2ZW50OiBhbnkpIHtcbiAgICBsZXQgZWxlbWVudDogYW55O1xuICAgIGlmIChcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdEaWdpdDAnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnRGlnaXQxJyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ0RpZ2l0MicgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdEaWdpdDMnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnRGlnaXQ0JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ0RpZ2l0NScgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdEaWdpdDYnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnRGlnaXQ3JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ0RpZ2l0OCcgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdEaWdpdDknIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnTnVtcGFkMCcgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdOdW1wYWQxJyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ051bXBhZDInIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnTnVtcGFkMycgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdOdW1wYWQ0JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ051bXBhZDUnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnTnVtcGFkNicgfHxcbiAgICAgIGV2ZW50LmNvZGUgPT09ICdOdW1wYWQ3JyB8fFxuICAgICAgZXZlbnQuY29kZSA9PT0gJ051bXBhZDgnIHx8XG4gICAgICBldmVudC5jb2RlID09PSAnTnVtcGFkOScpIHtcbiAgICAgICAgZWxlbWVudCA9IGV2ZW50LnNyY0VsZW1lbnQubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIH1cbiAgICBpZiAoZWxlbWVudCA9PSBudWxsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgLy8gc2V0VGltZW91dCgoKSA9PiB7IGVsZW1lbnQuZm9jdXMoKTsgfSk7XG4gICAgfVxuICB9XG5cbiAgb25CYWNrc3BhY2UoZXZlbnQ6IGFueSkge1xuICAgIGV2ZW50LnNyY0VsZW1lbnQucHJldmlvdXNFbGVtZW50U2libGluZy5mb2N1cygpO1xuICB9XG5cbiAgcHJpdmF0ZSBjaGVja1BpbmNvZGUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3B4UGluY29kZSA9PT0gYCR7dGhpcy5jdHJsMS52YWx1ZX0ke3RoaXMuY3RybDIudmFsdWV9JHt0aGlzLmN0cmwzLnZhbHVlfSR7dGhpcy5jdHJsNC52YWx1ZX1gKSB7XG4gICAgICB0aGlzLmFjY2VwdGVkID0gdHJ1ZTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZygnc3B4Q29udGFpbmVyQ29uZmlybTogc3B4Q29uZmlybScpO1xuICAgICAgICB0aGlzLnNweENvbmZpcm0uZW1pdCgpO1xuICAgICAgfSwgNTAwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5kZW5pZWQgPSB0cnVlO1xuICAgIH1cbiAgfVxufVxuIl19

package/fesm2022/softpak-components-spx-change-details.mjs

@@ -0,0 +1,141 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { spxValidatorRequired, SpxValidationModule } from '@softpak/components/spx-validation';
+import { CommonModule } from '@angular/common';
+import { SpxInputTypeEnum, SpxInputComponent } from '@softpak/components/spx-inputs';
+import { SpxFormViewComponent } from '@softpak/components/spx-form-view';
+import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+
+const sectionChangeDetails = 'changeDetails';
+const ctrlContainerType = 'containerType';
+const ctrlTonsTested = 'tonsTested';
+const ctrlLicensePlate = 'licensePlate';
+const ctrlCategory = 'category';
+class SpxChangeDetailsComponent {
+    get ctrlCategory() { return this.formGroup.get(ctrlCategory); }
+    get ctrlContainerType() { return this.formGroup.get(ctrlContainerType); }
+    get ctrlLicensePlate() { return this.formGroup.get(ctrlLicensePlate); }
+    get ctrlTonsTested() { return this.formGroup.get(ctrlTonsTested); }
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.showCategory = false;
+        this.suggestions = {};
+        this.submit = new EventEmitter();
+        this.inputTypeAutocomplete = SpxInputTypeEnum.autocomplete;
+        this.inputTypeRadio = SpxInputTypeEnum.radio;
+        this.inputTypeText = SpxInputTypeEnum.text;
+        this.severitySuccess = SpxSeverityEnum.success;
+        this.sections = [
+            {
+                key: sectionChangeDetails,
+                showTitle: () => false,
+                fields: [
+                    {
+                        key: ctrlContainerType,
+                        type: () => SpxInputTypeEnum.text,
+                        label: () => this.txtContainerType,
+                        capitalize: () => true,
+                        afterValueChange: () => {
+                            this.ctrlTonsTested.setValue(null);
+                        },
+                    },
+                    {
+                        key: ctrlTonsTested,
+                        type: () => SpxInputTypeEnum.radio,
+                        label: () => this.txtTonsTested,
+                        show: () => this.suggestions?.[ctrlTonsTested] && this.suggestions?.[ctrlTonsTested].length && this.suggestions?.[ctrlTonsTested].length > 0
+                    },
+                    {
+                        key: ctrlLicensePlate,
+                        type: () => SpxInputTypeEnum.text,
+                        label: () => this.txtLicensePlate,
+                        capitalize: () => true,
+                    },
+                    {
+                        key: ctrlCategory,
+                        type: () => SpxInputTypeEnum.text,
+                        label: () => this.txtCategory,
+                        capitalize: () => true,
+                        show: () => this.showCategory,
+                        validators: () => this.showCategory ? [spxValidatorRequired()] : [],
+                    }
+                ]
+            }
+        ];
+        this.formGroup = this.formBuilder.group({
+            [ctrlCategory]: [null, this.showCategory ? [
+                    spxValidatorRequired()
+                ] : []
+            ],
+            [ctrlContainerType]: [null, [
+                    spxValidatorRequired(),
+                ]],
+            [ctrlTonsTested]: [null, []],
+            [ctrlLicensePlate]: [null, []],
+        });
+    }
+    ngOnInit() {
+        this.ctrlContainerType.setValue(this.value.containerType);
+        this.ctrlLicensePlate.setValue(this.value.licensePlate);
+        this.ctrlTonsTested.setValue(this.value.tonsTested);
+        if (this.value.category) {
+            this.ctrlCategory.setValue(this.value.category);
+        }
+    }
+    ngOnDestroy() {
+        if (this.inputChanges) {
+            this.inputChanges.unsubscribe();
+        }
+    }
+    getRawValidators(formControl) {
+        return formControl._rawValidators;
+    }
+    onSubmit() {
+        this.submit.emit({
+            category: this.ctrlCategory.value,
+            containerType: this.ctrlContainerType.value,
+            licensePlate: this.ctrlLicensePlate.value,
+            tonsTested: this.ctrlTonsTested.value,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxChangeDetailsComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxChangeDetailsComponent, isStandalone: true, selector: "spx-change-details", inputs: { value: "value", showCategory: "showCategory", txtCategory: "txtCategory", txtContainerType: "txtContainerType", txtLicensePlate: "txtLicensePlate", txtTonsTested: "txtTonsTested", suggestions: "suggestions" }, outputs: { submit: "submit" }, ngImport: i0, template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxSections]=\"sections\"\n    [spxSuggestions]=\"suggestions\">\n  </spx-form-view>\n  <spx-button\n    [spxFullWidth]=\"true\"\n    [spxSeverity]=\"severitySuccess\">\n    Save\n  </spx-button>\n</form>", 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"] }, { kind: "ngmodule", type: SpxValidationModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxChangeDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-change-details', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        SpxButtonComponent,
+                        SpxFormViewComponent,
+                        SpxInputComponent,
+                        SpxValidationModule,
+                    ], template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxSections]=\"sections\"\n    [spxSuggestions]=\"suggestions\">\n  </spx-form-view>\n  <spx-button\n    [spxFullWidth]=\"true\"\n    [spxSeverity]=\"severitySuccess\">\n    Save\n  </spx-button>\n</form>" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { value: [{
+                type: Input
+            }], showCategory: [{
+                type: Input
+            }], txtCategory: [{
+                type: Input
+            }], txtContainerType: [{
+                type: Input
+            }], txtLicensePlate: [{
+                type: Input
+            }], txtTonsTested: [{
+                type: Input
+            }], suggestions: [{
+                type: Input
+            }], submit: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxChangeDetailsComponent };
+//# sourceMappingURL=softpak-components-spx-change-details.mjs.map

package/fesm2022/softpak-components-spx-change-details.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-change-details.mjs","sources":["../../../../projects/softpak/components/spx-change-details/spx-change-details.component.ts","../../../../projects/softpak/components/spx-change-details/spx-change-details.component.html","../../../../projects/softpak/components/spx-change-details/softpak-components-spx-change-details.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { spxValidatorRequired, SpxValidationModule } from '@softpak/components/spx-validation';\nimport { CommonModule } from '@angular/common';\nimport { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';\nimport { SpxFormSectionI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\nimport { SpxChangeDetailsValueI } from './spx-change-details-value.interface';\n\nconst sectionChangeDetails = 'changeDetails';\nconst ctrlContainerType = 'containerType';\nconst ctrlTonsTested = 'tonsTested';\nconst ctrlLicensePlate = 'licensePlate';\nconst ctrlCategory = 'category';\n\n@Component({\n  selector: 'spx-change-details',\n  templateUrl: './spx-change-details.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxButtonComponent,\n    SpxFormViewComponent,\n    SpxInputComponent,\n    SpxValidationModule,\n  ]\n})\nexport class SpxChangeDetailsComponent {\n  @Input() value!: SpxChangeDetailsValueI;\n  @Input() showCategory = false;\n  @Input() txtCategory!: string;\n  @Input() txtContainerType!: string;\n  @Input() txtLicensePlate!: string;\n  @Input() txtTonsTested!: string;\n  @Input() suggestions: any = {};\n  @Output() submit: EventEmitter<SpxChangeDetailsValueI> = new EventEmitter<SpxChangeDetailsValueI>();\n  inputTypeAutocomplete = SpxInputTypeEnum.autocomplete;\n  inputTypeRadio = SpxInputTypeEnum.radio;\n  inputTypeText = SpxInputTypeEnum.text;\n  formGroup: FormGroup;\n  severitySuccess = SpxSeverityEnum.success;\n  \n  sections: SpxFormSectionI[] = [\n    {\n      key: sectionChangeDetails,\n      showTitle: () => false,\n      fields: [\n        {\n          key: ctrlContainerType,\n          type: () => SpxInputTypeEnum.text,\n          label: () => this.txtContainerType,\n          capitalize: () => true,\n          afterValueChange: () => {\n            this.ctrlTonsTested.setValue(null);\n          },\n        },\n        {\n          key: ctrlTonsTested,\n          type: () => SpxInputTypeEnum.radio,\n          label: () => this.txtTonsTested,\n          show: () => this.suggestions?.[ctrlTonsTested] && this.suggestions?.[ctrlTonsTested].length && this.suggestions?.[ctrlTonsTested].length > 0\n        },\n        {\n          key: ctrlLicensePlate,\n          type: () => SpxInputTypeEnum.text,\n          label: () => this.txtLicensePlate,\n          capitalize: () => true,\n        },\n        {\n          key: ctrlCategory,\n          type: () => SpxInputTypeEnum.text,\n          label: () => this.txtCategory,\n          capitalize: () => true,\n          show: () => this.showCategory,\n          validators: () => this.showCategory ? [spxValidatorRequired()] : [],\n        }\n      ]\n    }\n  ];\n\n  get ctrlCategory(): FormControl { return this.formGroup.get(ctrlCategory) as FormControl; }\n  get ctrlContainerType(): FormControl { return this.formGroup.get(ctrlContainerType) as FormControl; }\n  get ctrlLicensePlate(): FormControl { return this.formGroup.get(ctrlLicensePlate) as FormControl; }\n  get ctrlTonsTested(): FormControl { return this.formGroup.get(ctrlTonsTested) as FormControl; }\n\n  private inputChanges?: Subscription;\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.formGroup = this.formBuilder.group({\n      [ctrlCategory]: [null, this.showCategory ? [\n        spxValidatorRequired()] : []\n      ],\n      [ctrlContainerType]: [null, [\n        spxValidatorRequired(),\n      ]],\n      [ctrlTonsTested]: [null, [\n      ]],\n      [ctrlLicensePlate]: [null, [\n      ]],\n    })\n  }\n\n  ngOnInit(): void {\n    this.ctrlContainerType.setValue(this.value.containerType);\n    this.ctrlLicensePlate.setValue(this.value.licensePlate);\n    this.ctrlTonsTested.setValue(this.value.tonsTested);\n    if (this.value.category) {\n      this.ctrlCategory.setValue(this.value.category);\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.inputChanges) {\n      this.inputChanges.unsubscribe();\n    }\n  }\n\n  getRawValidators(formControl: FormControl) {\n    return (formControl as any)._rawValidators;\n  }\n\n  onSubmit(): void {\n    this.submit.emit({\n      category: this.ctrlCategory.value,\n      containerType: this.ctrlContainerType.value,\n      licensePlate: this.ctrlLicensePlate.value,\n      tonsTested: this.ctrlTonsTested.value,\n    })\n  }\n}\n","<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\n  <spx-form-view\n    [spxFormGroup]=\"formGroup\"\n    [spxSections]=\"sections\"\n    [spxSuggestions]=\"suggestions\">\n  </spx-form-view>\n  <spx-button\n    [spxFullWidth]=\"true\"\n    [spxSeverity]=\"severitySuccess\">\n    Save\n  </spx-button>\n</form>","/**\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-check-digit.mjs

@@ -67,7 +67,7 @@ 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-2\">\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" }, 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxCheckDigitComponent, decorators: [{
             type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         ReactiveFormsModule,
                         SpxValidationModule,
                         SpxInputComponent,
-                    ], template: "<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-2\">\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    [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: [{

package/fesm2022/softpak-components-spx-check-digit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-check-digit.mjs","sources":["../../../../projects/softpak/components/spx-check-digit/spx-check-digit.component.ts","../../../../projects/softpak/components/spx-check-digit/spx-check-digit.component.html","../../../../projects/softpak/components/spx-check-digit/softpak-components-spx-check-digit.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { Subscription, combineLatest, map, startWith } from 'rxjs';\nimport { spxValidatorRequired, spxValidatorMaxLength, spxValidatorMinLength, spxValidatorPattern, SpxValidationModule } from '@softpak/components/spx-validation';\nimport { calcCheckDigit, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { CommonModule } from '@angular/common';\nimport { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';\n\nconst ctrlCheckDigit = 'checkDigit';\nconst ctrlContainerNumber = 'containerNumber';\nconst ctrlPrefix = 'prefix';\n\n@Component({\n  selector: 'spx-check-digit',\n  templateUrl: './spx-check-digit.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxValidationModule,\n    SpxInputComponent,\n  ]\n})\nexport class SpxCheckDigitComponent {\n  @Input() txtCheckDigit!: string;\n  @Input() txtContainer!: string;\n  @Input() txtPrefix!: string;\n  inputTypeOverlayNumber = SpxInputTypeEnum.overlayNumber;\n  inputTypeText = SpxInputTypeEnum.text;\n  formGroup: FormGroup;\n\n  get ctrlCheckDigit(): FormControl { return this.formGroup.get(ctrlCheckDigit) as FormControl; }\n  get ctrlContainerNumber(): FormControl { return this.formGroup.get(ctrlContainerNumber) as FormControl; }\n  get ctrlContainerPrefix(): FormControl { return this.formGroup.get(ctrlPrefix) as FormControl; }\n\n  private inputChanges?: Subscription;\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.formGroup = this.formBuilder.group({\n      [ctrlCheckDigit]: [null, []],\n      [ctrlContainerNumber]: [null, [\n        spxValidatorRequired(),\n        spxValidatorMaxLength(6),\n        spxValidatorMinLength(6),\n        spxValidatorPattern(/[0-9]{6}/),\n      ]],\n      [ctrlPrefix]: [null, [\n        spxValidatorRequired(),\n        spxValidatorMaxLength(4),\n        spxValidatorMinLength(4),\n        spxValidatorPattern(/[a-zA-Z]{4}/),\n      ]],\n    })\n  }\n\n  ngOnInit(): void {\n    this.inputChanges = combineLatest([\n      this.ctrlContainerNumber.valueChanges.pipe(startWith(this.ctrlContainerNumber.value)),\n      this.ctrlContainerPrefix.valueChanges.pipe(startWith(this.ctrlContainerPrefix.value)),\n    ])\n    .pipe(map(([containerNumber$, prefix$]) => ({\n      containerNumber: containerNumber$,\n      prefix: prefix$\n    })))\n    .subscribe((v) => {\n      if (this.ctrlContainerNumber.invalid || this.ctrlContainerPrefix.invalid) {\n        this.ctrlCheckDigit.setValue(null, { emitEvent: false });\n      } else {\n        const prefix = valuePairToValue(this.ctrlContainerPrefix.value);\n        const containerNumber = valuePairToValue(this.ctrlContainerNumber.value);\n        const checkDigit = calcCheckDigit(`${prefix}${containerNumber}`);\n        this.ctrlCheckDigit.setValue({ value: checkDigit }, { emitEvent: false });\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    if (this.inputChanges) {\n      this.inputChanges.unsubscribe();\n    }\n  }\n\n  getRawValidators(formControl: FormControl) {\n    return (formControl as any)._rawValidators;\n  }\n}\n","<form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-2\">\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>","/**\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-check-digit.mjs","sources":["../../../../projects/softpak/components/spx-check-digit/spx-check-digit.component.ts","../../../../projects/softpak/components/spx-check-digit/spx-check-digit.component.html","../../../../projects/softpak/components/spx-check-digit/softpak-components-spx-check-digit.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { Subscription, combineLatest, map, startWith } from 'rxjs';\nimport { spxValidatorRequired, spxValidatorMaxLength, spxValidatorMinLength, spxValidatorPattern, SpxValidationModule } from '@softpak/components/spx-validation';\nimport { calcCheckDigit, valuePairToValue } from '@softpak/components/spx-helpers';\nimport { CommonModule } from '@angular/common';\nimport { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';\n\nconst ctrlCheckDigit = 'checkDigit';\nconst ctrlContainerNumber = 'containerNumber';\nconst ctrlPrefix = 'prefix';\n\n@Component({\n  selector: 'spx-check-digit',\n  templateUrl: './spx-check-digit.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxValidationModule,\n    SpxInputComponent,\n  ]\n})\nexport class SpxCheckDigitComponent {\n  @Input() txtCheckDigit!: string;\n  @Input() txtContainer!: string;\n  @Input() txtPrefix!: string;\n  inputTypeOverlayNumber = SpxInputTypeEnum.overlayNumber;\n  inputTypeText = SpxInputTypeEnum.text;\n  formGroup: FormGroup;\n\n  get ctrlCheckDigit(): FormControl { return this.formGroup.get(ctrlCheckDigit) as FormControl; }\n  get ctrlContainerNumber(): FormControl { return this.formGroup.get(ctrlContainerNumber) as FormControl; }\n  get ctrlContainerPrefix(): FormControl { return this.formGroup.get(ctrlPrefix) as FormControl; }\n\n  private inputChanges?: Subscription;\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.formGroup = this.formBuilder.group({\n      [ctrlCheckDigit]: [null, []],\n      [ctrlContainerNumber]: [null, [\n        spxValidatorRequired(),\n        spxValidatorMaxLength(6),\n        spxValidatorMinLength(6),\n        spxValidatorPattern(/[0-9]{6}/),\n      ]],\n      [ctrlPrefix]: [null, [\n        spxValidatorRequired(),\n        spxValidatorMaxLength(4),\n        spxValidatorMinLength(4),\n        spxValidatorPattern(/[a-zA-Z]{4}/),\n      ]],\n    })\n  }\n\n  ngOnInit(): void {\n    this.inputChanges = combineLatest([\n      this.ctrlContainerNumber.valueChanges.pipe(startWith(this.ctrlContainerNumber.value)),\n      this.ctrlContainerPrefix.valueChanges.pipe(startWith(this.ctrlContainerPrefix.value)),\n    ])\n    .pipe(map(([containerNumber$, prefix$]) => ({\n      containerNumber: containerNumber$,\n      prefix: prefix$\n    })))\n    .subscribe((v) => {\n      if (this.ctrlContainerNumber.invalid || this.ctrlContainerPrefix.invalid) {\n        this.ctrlCheckDigit.setValue(null, { emitEvent: false });\n      } else {\n        const prefix = valuePairToValue(this.ctrlContainerPrefix.value);\n        const containerNumber = valuePairToValue(this.ctrlContainerNumber.value);\n        const checkDigit = calcCheckDigit(`${prefix}${containerNumber}`);\n        this.ctrlCheckDigit.setValue({ value: checkDigit }, { emitEvent: false });\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    if (this.inputChanges) {\n      this.inputChanges.unsubscribe();\n    }\n  }\n\n  getRawValidators(formControl: FormControl) {\n    return (formControl as any)._rawValidators;\n  }\n}\n","<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>","/**\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-form-section.mjs

@@ -7,25 +7,25 @@ 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">
+    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>
   </div>
-  <div class="spx-form-section__content">
+  <div class="spx-form-section__content flex flex-col gap-3">
     <ng-content></ng-content>
-  </div>`, isInline: true, styles: [":host{display:block;margin-bottom:var(--spx-padding-8, 16px)}.spx-form-section__title{margin-bottom:var(--spx-padding-4, 8px)}.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, #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"] }] }); }
 }
 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">
+                    ], 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>
   </div>
-  <div class="spx-form-section__content">
+  <div class="spx-form-section__content flex flex-col gap-3">
     <ng-content></ng-content>
-  </div>`, styles: [":host{display:block;margin-bottom:var(--spx-padding-8, 16px)}.spx-form-section__title{margin-bottom:var(--spx-padding-4, 8px)}.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, #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"] }]
         }], propDecorators: { spxIndex: [{
                 type: Input
             }], spxIndexSecondary: [{

package/fesm2022/softpak-components-spx-form-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-form-section.mjs","sources":["../../../../projects/softpak/components/spx-form-section/spx-form-section.component.ts","../../../../projects/softpak/components/spx-form-section/softpak-components-spx-form-section.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'spx-form-section',\n  standalone: true,\n  imports: [\n    NgIf,\n  ],\n  template: `<div *ngIf=\"this.spxShowTitle\" class=\"spx-form-section__title\">\n    <div class=\"spx-form-section__title-index\">{{this.spxIndex}}<ng-container *ngIf=\"this.spxIndexSecondary\">{{ this.spxIndexSecondary }}</ng-container></div>\n    <div class=\"spx-form-section__title-content\">{{this.spxTitle}}</div>\n  </div>\n  <div class=\"spx-form-section__content\">\n    <ng-content></ng-content>\n  </div>`,\n  styles: `\n  :host {\n    display: block;\n    margin-bottom: var(--spx-padding-8, 16px);\n  }\n  \n  .spx-form-section__title {\n    margin-bottom: var(--spx-padding-4, 8px);\n  }\n  \n  .spx-form-section__title-index {\n    background-color: var(--spx-form-section--index--background-color, #000000);\n    color: var(--spx-form-section--index--color, #FFFFFF);\n    display: inline-block;\n    font-size: 14px;\n    font-weight: bold;\n    height: 30px;\n    width: 30px;\n    line-height: 30px;\n    text-align: center;\n    margin-right: 12px;\n    vertical-align: middle;\n  }\n  \n  .spx-form-section__title-content {\n    color: var(--spx-form-section--title--color, grey);\n    display: inline-block;\n    font-size: var(--spx-form-section--title--font-size, 16px);\n    font-weight: var(--spx-form-section--title--font-weight, bold);\n    vertical-align: middle;\n  }\n  `,\n})\nexport class SpxFormSectionComponent {\n  @Input() spxIndex?: number;\n  @Input() spxIndexSecondary?: number;\n  @Input() spxTitle?: string;\n  @Input() spxShowTitle = true;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAiDa,uBAAuB,CAAA;AA9CpC,IAAA,WAAA,GAAA;QAkDW,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC;AAC9B,KAAA;8GALY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAxCxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;AAMH,QAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EARL,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FA0CK,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBA9CnC,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EACP,OAAA,EAAA;wBACP,IAAI;qBACL,EACS,QAAA,EAAA,CAAA;;;;;;AAMH,QAAA,CAAA,EAAA,MAAA,EAAA,CAAA,6qBAAA,CAAA,EAAA,CAAA;8BAmCE,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;;;ACrDR;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-form-section.mjs","sources":["../../../../projects/softpak/components/spx-form-section/spx-form-section.component.ts","../../../../projects/softpak/components/spx-form-section/softpak-components-spx-form-section.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'spx-form-section',\n  standalone: true,\n  imports: [\n    NgIf,\n  ],\n  template: `<div *ngIf=\"this.spxShowTitle\" class=\"spx-form-section__title mb-2\">\n    <div class=\"spx-form-section__title-index\">{{this.spxIndex}}<ng-container *ngIf=\"this.spxIndexSecondary\">{{ this.spxIndexSecondary }}</ng-container></div>\n    <div class=\"spx-form-section__title-content\">{{this.spxTitle}}</div>\n  </div>\n  <div class=\"spx-form-section__content flex flex-col gap-3\">\n    <ng-content></ng-content>\n  </div>`,\n  styles: `\n  :host {\n    display: block;\n  }\n  \n  .spx-form-section__title-index {\n    background-color: var(--spx-form-section--index--background-color, #000000);\n    color: var(--spx-form-section--index--color, #FFFFFF);\n    display: inline-block;\n    font-size: 14px;\n    font-weight: bold;\n    height: 30px;\n    width: 30px;\n    line-height: 30px;\n    text-align: center;\n    margin-right: 12px;\n    vertical-align: middle;\n  }\n  \n  .spx-form-section__title-content {\n    color: var(--spx-form-section--title--color, grey);\n    display: inline-block;\n    font-size: var(--spx-form-section--title--font-size, 16px);\n    font-weight: var(--spx-form-section--title--font-weight, bold);\n    vertical-align: middle;\n  }\n  `,\n})\nexport class SpxFormSectionComponent {\n  @Input() spxIndex?: number;\n  @Input() spxIndexSecondary?: number;\n  @Input() spxTitle?: string;\n  @Input() spxShowTitle = true;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MA4Ca,uBAAuB,CAAA;AAzCpC,IAAA,WAAA,GAAA;QA6CW,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC;AAC9B,KAAA;8GALY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAnCxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;AAMH,QAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mkBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EARL,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAqCK,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAzCnC,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EACP,OAAA,EAAA;wBACP,IAAI;qBACL,EACS,QAAA,EAAA,CAAA;;;;;;AAMH,QAAA,CAAA,EAAA,MAAA,EAAA,CAAA,mkBAAA,CAAA,EAAA,CAAA;8BA8BE,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;;;AChDR;;AAEG;;;;"}

package/fesm2022/softpak-components-spx-form-view.mjs

@@ -0,0 +1,157 @@
+import { NgIf, NgFor, JsonPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { SpxFormSectionComponent } from '@softpak/components/spx-form-section';
+import { SpxInputTypeEnum, SpxInputComponent } from '@softpak/components/spx-inputs';
+import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+class SpxFormViewComponent {
+    constructor() {
+        this.typeAutocomplete = SpxInputTypeEnum.autocomplete;
+        this.typeFloat = SpxInputTypeEnum.float;
+        this.typeNumber = SpxInputTypeEnum.number;
+        this.typeRadio = SpxInputTypeEnum.radio;
+        this.typeText = SpxInputTypeEnum.text;
+        this.typeNumericKeyboard = SpxInputTypeEnum.textNumericKeyboard;
+        this.typeOverlay = SpxInputTypeEnum.overlay;
+        this.typeOverlayNumber = SpxInputTypeEnum.overlayNumber;
+    }
+    onBlur(field) {
+        return;
+    }
+    getRawValidators(formControl) {
+        // eslint-disable-next-line no-underscore-dangle
+        return formControl._rawValidators;
+    }
+    hasRequiredField(abstractControl) {
+        if (abstractControl.validator) {
+            const validator = abstractControl.validator({});
+            if (validator && validator['required']) {
+                return true;
+            }
+        }
+        if (abstractControl['controls']) {
+            for (const controlName in abstractControl['controls']) {
+                if (abstractControl['controls'][controlName]) {
+                    if (this.hasRequiredField(abstractControl['controls'][controlName])) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxFormViewComponent, isStandalone: true, selector: "spx-form-view", inputs: { spxFormGroup: "spxFormGroup", spxSections: "spxSections", spxSuggestions: "spxSuggestions" }, ngImport: i0, template: `<spx-form-section
+    *ngFor="let spxSection of spxSections; let spxSectionIndex = index;"
+    [spxShowTitle]="!spxSection.showTitle || spxSection.showTitle()"
+    [spxIndex]="spxSectionIndex + 1"
+    [spxTitle]="spxSection.title ? spxSection.title() : undefined">
+    <ng-container *ngFor="let spxField of spxSection.fields; let spxFieldIndex = index;">
+      <ng-container *ngIf="spxField.show === undefined || spxField.show()">
+        <spx-input
+          *ngIf="spxField.type() === typeOverlay || spxField.type() === typeOverlayNumber || spxField.type() === typeFloat || spxField.type() === typeNumber || spxField.type() === typeText || spxField.type() === typeAutocomplete || spxField.type() === typeNumericKeyboard"
+          [formControl]="$any(this.spxFormGroup.get(spxField.key))"
+          [spxAutofocus]="spxField.autofocus ? spxField.autofocus() : false"
+          [spxCapitalize]="spxField.capitalize ? spxField.capitalize() : false"
+          [spxLabel]="(spxField.label ? spxField.label() : spxField.key) | capitalize"
+          [spxPattern]="spxField.type() === typeNumericKeyboard ? '\\d*' : undefined"
+          [spxReadonly]="spxField.readonly ? spxField.readonly() : false"
+          [spxRequired]="hasRequiredField(this.spxFormGroup.get(spxField.key)!)"
+          [spxShowHelp]="false"
+          [spxShowValidationMessages]="this.spxFormGroup.get(spxField.key)! && this.spxFormGroup.get(spxField.key)!.errors && this.spxFormGroup.get(spxField.key)!.touched"
+          [spxStep]="spxField.step ? spxField.step() : undefined"
+          [spxType]="spxField.type()"
+          [spxValidators]="getRawValidators(this.spxFormGroup.get(spxField.key)!)"
+          [spxSuggestions]="spxField.suggestionsFixed ? spxField.suggestionsFixed() : this.spxSuggestions[spxField.key]"
+          (spxBlur)="onBlur(spxField)">
+        </spx-input>
+
+        <spx-input
+          *ngIf="spxField.type() === typeRadio"
+          [formControl]="$any(this.spxFormGroup.get(spxField.key))"
+          [spxLabel]="(spxField.label ? spxField.label() : spxField.key) | capitalize"
+          [spxReadonly]="spxField.readonly ? spxField.readonly() : false"
+          [spxRequired]="hasRequiredField(this.spxFormGroup.get(spxField.key)!)"
+          [spxShowHelp]="false"
+          [spxShowValidationMessages]="this.spxFormGroup.get(spxField.key)! && this.spxFormGroup.get(spxField.key)!.errors && this.spxFormGroup.get(spxField.key)!.touched"
+          [spxSuggestions]="spxField.suggestionsFixed ? spxField.suggestionsFixed() : this.spxSuggestions[spxField.key]"
+          [spxType]="typeRadio"
+          [spxValidators]="getRawValidators(this.spxFormGroup.get(spxField.key)!)">
+        </spx-input>
+      </ng-container>
+    </ng-container>
+  </spx-form-section>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxFormSectionComponent, selector: "spx-form-section", inputs: ["spxIndex", "spxIndexSecondary", "spxTitle", "spxShowTitle"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-form-view',
+                    standalone: true,
+                    imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        JsonPipe,
+                        NgIf,
+                        NgFor,
+                        SpxCapitalizePipe,
+                        SpxFormSectionComponent,
+                        SpxInputComponent,
+                    ],
+                    template: `<spx-form-section
+    *ngFor="let spxSection of spxSections; let spxSectionIndex = index;"
+    [spxShowTitle]="!spxSection.showTitle || spxSection.showTitle()"
+    [spxIndex]="spxSectionIndex + 1"
+    [spxTitle]="spxSection.title ? spxSection.title() : undefined">
+    <ng-container *ngFor="let spxField of spxSection.fields; let spxFieldIndex = index;">
+      <ng-container *ngIf="spxField.show === undefined || spxField.show()">
+        <spx-input
+          *ngIf="spxField.type() === typeOverlay || spxField.type() === typeOverlayNumber || spxField.type() === typeFloat || spxField.type() === typeNumber || spxField.type() === typeText || spxField.type() === typeAutocomplete || spxField.type() === typeNumericKeyboard"
+          [formControl]="$any(this.spxFormGroup.get(spxField.key))"
+          [spxAutofocus]="spxField.autofocus ? spxField.autofocus() : false"
+          [spxCapitalize]="spxField.capitalize ? spxField.capitalize() : false"
+          [spxLabel]="(spxField.label ? spxField.label() : spxField.key) | capitalize"
+          [spxPattern]="spxField.type() === typeNumericKeyboard ? '\\d*' : undefined"
+          [spxReadonly]="spxField.readonly ? spxField.readonly() : false"
+          [spxRequired]="hasRequiredField(this.spxFormGroup.get(spxField.key)!)"
+          [spxShowHelp]="false"
+          [spxShowValidationMessages]="this.spxFormGroup.get(spxField.key)! && this.spxFormGroup.get(spxField.key)!.errors && this.spxFormGroup.get(spxField.key)!.touched"
+          [spxStep]="spxField.step ? spxField.step() : undefined"
+          [spxType]="spxField.type()"
+          [spxValidators]="getRawValidators(this.spxFormGroup.get(spxField.key)!)"
+          [spxSuggestions]="spxField.suggestionsFixed ? spxField.suggestionsFixed() : this.spxSuggestions[spxField.key]"
+          (spxBlur)="onBlur(spxField)">
+        </spx-input>
+
+        <spx-input
+          *ngIf="spxField.type() === typeRadio"
+          [formControl]="$any(this.spxFormGroup.get(spxField.key))"
+          [spxLabel]="(spxField.label ? spxField.label() : spxField.key) | capitalize"
+          [spxReadonly]="spxField.readonly ? spxField.readonly() : false"
+          [spxRequired]="hasRequiredField(this.spxFormGroup.get(spxField.key)!)"
+          [spxShowHelp]="false"
+          [spxShowValidationMessages]="this.spxFormGroup.get(spxField.key)! && this.spxFormGroup.get(spxField.key)!.errors && this.spxFormGroup.get(spxField.key)!.touched"
+          [spxSuggestions]="spxField.suggestionsFixed ? spxField.suggestionsFixed() : this.spxSuggestions[spxField.key]"
+          [spxType]="typeRadio"
+          [spxValidators]="getRawValidators(this.spxFormGroup.get(spxField.key)!)">
+        </spx-input>
+      </ng-container>
+    </ng-container>
+  </spx-form-section>`,
+                }]
+        }], propDecorators: { spxFormGroup: [{
+                type: Input
+            }], spxSections: [{
+                type: Input
+            }], spxSuggestions: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxFormViewComponent };
+//# sourceMappingURL=softpak-components-spx-form-view.mjs.map