@softpak/components 0.3.4 → 0.3.6

package/esm2022/spx-inputs/spx-input-time-modal.component.mjs

@@ -0,0 +1,116 @@
+import { NgFor, NgIf } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { SpxDropdownComponent } from './spx-dropdown.component';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { faXmark } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { IonicModule } from '@ionic/angular';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class SpxInputTimeModalComponent {
+    constructor(modalController) {
+        this.modalController = modalController;
+        this.change = new EventEmitter();
+        this.faXmark = faXmark;
+        this.hourOptions = Array.from({ length: 24 }, (_, i) => i); // 0 to 23
+        this.minuteOptions = Array.from({ length: 12 }, (_, i) => i * 5); // Minutes in incrementen van 5
+        this.typeError = SpxSeverityEnum.error;
+        this.hourOptions.push(this.hourOptions.shift());
+        this.minuteOptions.push(this.minuteOptions.shift());
+    }
+    closeDialog() {
+        this.modalController.dismiss();
+    }
+    onChange(value) {
+        this.change.emit(value);
+        console.log(value);
+        this.modalController.dismiss(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputTimeModalComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpxInputTimeModalComponent, isStandalone: true, selector: "spx-input-time-modal", inputs: { view: "view", value: "value" }, outputs: { change: "change" }, ngImport: i0, template: `<ion-header>
+  <ion-toolbar>
+    <ion-title>Select {{view}}</ion-title>
+    <ion-buttons slot="end">
+      <spx-button [spxSeverity]="typeError" (spxClick)="closeDialog()">
+        <fa-icon [icon]="faXmark"></fa-icon>
+      </spx-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+<ion-content class="ion-padding bg-white">
+  <!-- Uren -->
+  <div class="custom-bg grid grid-cols-1 gap-3">
+    <div *ngIf="view === 'hours'" class="flex-wrap gap-2">
+      <div class="grid grid-cols-3 md:grid-cols-4 gap-3">
+        <div  *ngFor="let hour of hourOptions" class="text-center font-bold custom-square rounded text-gray-900 text-lg p-3 w-full truncate outline-none bg-sky-100 focus:ring-sky-300 hover:bg-sky-300 active:bg-sky-300" [class.selected]="value === hour" (click)="onChange(hour)">
+          {{ hour }}
+        </div>
+      </div>
+    </div>
+    <!-- Minuten -->
+    <div *ngIf="view === 'minutes'" class="grid grid-cols-1 gap-3">
+      <div class="grid grid-cols-4 md:grid-cols-5 gap-3">
+        <div *ngFor="let minute of minuteOptions" class="text-center font-bold custom-square rounded text-gray-900 text-lg p-3 w-ful truncate outline-none bg-sky-100 focus:ring-sky-300 hover:bg-sky-300 active:bg-sky-300" [class.selected]="value === minute" (click)="onChange(minute)">
+          {{ minute }}
+        </div>
+      </div>
+    </div>
+  </div>
+</ion-content>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputTimeModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-input-time-modal',
+                    standalone: true,
+                    imports: [
+                        NgIf,
+                        NgFor,
+                        IonicModule,
+                        SpxButtonComponent,
+                        SpxDropdownComponent,
+                        FontAwesomeModule,
+                    ],
+                    template: `<ion-header>
+  <ion-toolbar>
+    <ion-title>Select {{view}}</ion-title>
+    <ion-buttons slot="end">
+      <spx-button [spxSeverity]="typeError" (spxClick)="closeDialog()">
+        <fa-icon [icon]="faXmark"></fa-icon>
+      </spx-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+<ion-content class="ion-padding bg-white">
+  <!-- Uren -->
+  <div class="custom-bg grid grid-cols-1 gap-3">
+    <div *ngIf="view === 'hours'" class="flex-wrap gap-2">
+      <div class="grid grid-cols-3 md:grid-cols-4 gap-3">
+        <div  *ngFor="let hour of hourOptions" class="text-center font-bold custom-square rounded text-gray-900 text-lg p-3 w-full truncate outline-none bg-sky-100 focus:ring-sky-300 hover:bg-sky-300 active:bg-sky-300" [class.selected]="value === hour" (click)="onChange(hour)">
+          {{ hour }}
+        </div>
+      </div>
+    </div>
+    <!-- Minuten -->
+    <div *ngIf="view === 'minutes'" class="grid grid-cols-1 gap-3">
+      <div class="grid grid-cols-4 md:grid-cols-5 gap-3">
+        <div *ngFor="let minute of minuteOptions" class="text-center font-bold custom-square rounded text-gray-900 text-lg p-3 w-ful truncate outline-none bg-sky-100 focus:ring-sky-300 hover:bg-sky-300 active:bg-sky-300" [class.selected]="value === minute" (click)="onChange(minute)">
+          {{ minute }}
+        </div>
+      </div>
+    </div>
+  </div>
+</ion-content>
+    `,
+                }]
+        }], ctorParameters: () => [{ type: i1.ModalController }], propDecorators: { view: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxXQUFXLEVBQW1CLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUE2QzlELE1BQU0sT0FBTywwQkFBMEI7SUFVckMsWUFBb0IsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBUDFDLFdBQU0sR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVwRSxZQUFPLEdBQUcsT0FBTyxDQUFBO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVTtRQUNqRSxrQkFBYSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQywrQkFBK0I7UUFDNUYsY0FBUyxHQUFHLGVBQWUsQ0FBQyxLQUFLLENBQUM7UUFHaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUcsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFHLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFhO1FBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEMsQ0FBQzsrR0F2QlUsMEJBQTBCO21HQUExQiwwQkFBMEIseUpBaEMzQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBOEJQLDREQXJDRCxJQUFJLDZGQUNKLEtBQUssa0hBQ0wsV0FBVywybEJBQ1gsa0JBQWtCLG9PQUVsQixpQkFBaUI7OzRGQWtDUiwwQkFBMEI7a0JBM0N0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsSUFBSTt3QkFDSixLQUFLO3dCQUNMLFdBQVc7d0JBQ1gsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLGlCQUFpQjtxQkFDbEI7b0JBQ0QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E4QlA7aUJBQ0o7b0ZBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTcHhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1idXR0b24nO1xuaW1wb3J0IHsgU3B4RHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL3NweC1kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3B4U2V2ZXJpdHlFbnVtIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVycyc7XG5pbXBvcnQgeyBmYVhtYXJrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUsIE1vZGFsQ29udHJvbGxlciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LWlucHV0LXRpbWUtbW9kYWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBJb25pY01vZHVsZSxcbiAgICBTcHhCdXR0b25Db21wb25lbnQsXG4gICAgU3B4RHJvcGRvd25Db21wb25lbnQsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgPGlvbi1oZWFkZXI+XG4gIDxpb24tdG9vbGJhcj5cbiAgICA8aW9uLXRpdGxlPlNlbGVjdCB7e3ZpZXd9fTwvaW9uLXRpdGxlPlxuICAgIDxpb24tYnV0dG9ucyBzbG90PVwiZW5kXCI+XG4gICAgICA8c3B4LWJ1dHRvbiBbc3B4U2V2ZXJpdHldPVwidHlwZUVycm9yXCIgKHNweENsaWNrKT1cImNsb3NlRGlhbG9nKClcIj5cbiAgICAgICAgPGZhLWljb24gW2ljb25dPVwiZmFYbWFya1wiPjwvZmEtaWNvbj5cbiAgICAgIDwvc3B4LWJ1dHRvbj5cbiAgICA8L2lvbi1idXR0b25zPlxuICA8L2lvbi10b29sYmFyPlxuPC9pb24taGVhZGVyPlxuPGlvbi1jb250ZW50IGNsYXNzPVwiaW9uLXBhZGRpbmcgYmctd2hpdGVcIj5cbiAgPCEtLSBVcmVuIC0tPlxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWJnIGdyaWQgZ3JpZC1jb2xzLTEgZ2FwLTNcIj5cbiAgICA8ZGl2ICpuZ0lmPVwidmlldyA9PT0gJ2hvdXJzJ1wiIGNsYXNzPVwiZmxleC13cmFwIGdhcC0yXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMyBtZDpncmlkLWNvbHMtNCBnYXAtM1wiPlxuICAgICAgICA8ZGl2ICAqbmdGb3I9XCJsZXQgaG91ciBvZiBob3VyT3B0aW9uc1wiIGNsYXNzPVwidGV4dC1jZW50ZXIgZm9udC1ib2xkIGN1c3RvbS1zcXVhcmUgcm91bmRlZCB0ZXh0LWdyYXktOTAwIHRleHQtbGcgcC0zIHctZnVsbCB0cnVuY2F0ZSBvdXRsaW5lLW5vbmUgYmctc2t5LTEwMCBmb2N1czpyaW5nLXNreS0zMDAgaG92ZXI6Ymctc2t5LTMwMCBhY3RpdmU6Ymctc2t5LTMwMFwiIFtjbGFzcy5zZWxlY3RlZF09XCJ2YWx1ZSA9PT0gaG91clwiIChjbGljayk9XCJvbkNoYW5nZShob3VyKVwiPlxuICAgICAgICAgIHt7IGhvdXIgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8IS0tIE1pbnV0ZW4gLS0+XG4gICAgPGRpdiAqbmdJZj1cInZpZXcgPT09ICdtaW51dGVzJ1wiIGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMSBnYXAtM1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTQgbWQ6Z3JpZC1jb2xzLTUgZ2FwLTNcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgbWludXRlIG9mIG1pbnV0ZU9wdGlvbnNcIiBjbGFzcz1cInRleHQtY2VudGVyIGZvbnQtYm9sZCBjdXN0b20tc3F1YXJlIHJvdW5kZWQgdGV4dC1ncmF5LTkwMCB0ZXh0LWxnIHAtMyB3LWZ1bCB0cnVuY2F0ZSBvdXRsaW5lLW5vbmUgYmctc2t5LTEwMCBmb2N1czpyaW5nLXNreS0zMDAgaG92ZXI6Ymctc2t5LTMwMCBhY3RpdmU6Ymctc2t5LTMwMFwiIFtjbGFzcy5zZWxlY3RlZF09XCJ2YWx1ZSA9PT0gbWludXRlXCIgKGNsaWNrKT1cIm9uQ2hhbmdlKG1pbnV0ZSlcIj5cbiAgICAgICAgICB7eyBtaW51dGUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2lvbi1jb250ZW50PlxuICAgIGAsXG59KVxuZXhwb3J0IGNsYXNzIFNweElucHV0VGltZU1vZGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdmlldyE6ICdob3VycycgfCAnbWludXRlcyc7XG4gIEBJbnB1dCgpIHZhbHVlITogbnVtYmVyO1xuICBAT3V0cHV0KCkgY2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGZhWG1hcmsgPSBmYVhtYXJrXG4gIGhvdXJPcHRpb25zID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogMjQgfSwgKF8sIGkpID0+IGkpOyAvLyAwIHRvIDIzXG4gIG1pbnV0ZU9wdGlvbnMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiAxMiB9LCAoXywgaSkgPT4gaSAqIDUpOyAvLyBNaW51dGVzIGluIGluY3JlbWVudGVuIHZhbiA1XG4gIHR5cGVFcnJvciA9IFNweFNldmVyaXR5RW51bS5lcnJvcjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1vZGFsQ29udHJvbGxlcjogTW9kYWxDb250cm9sbGVyKXtcbiAgICB0aGlzLmhvdXJPcHRpb25zLnB1c2godGhpcy5ob3VyT3B0aW9ucy5zaGlmdCgpISk7XG4gICAgdGhpcy5taW51dGVPcHRpb25zLnB1c2godGhpcy5taW51dGVPcHRpb25zLnNoaWZ0KCkhKTtcbiAgfVxuXG4gIGNsb3NlRGlhbG9nKCkge1xuICAgIHRoaXMubW9kYWxDb250cm9sbGVyLmRpc21pc3MoKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLmNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgICBjb25zb2xlLmxvZyh2YWx1ZSk7XG4gICAgdGhpcy5tb2RhbENvbnRyb2xsZXIuZGlzbWlzcyh2YWx1ZSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/spx-inputs/spx-input-time.component.mjs

@@ -0,0 +1,166 @@
+import { NgFor, NgIf } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { SpxDropdownComponent } from './spx-dropdown.component';
+import { DateTime } from 'luxon';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxInputTimeModalComponent } from './spx-input-time-modal.component';
+import { IonicModule } from '@ionic/angular';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+export class SpxInputTimeComponent {
+    get formattedHour() {
+        return this.selectedHour !== null && this.selectedHour < 10 ? `0${this.selectedHour}` : this.selectedHour;
+    }
+    get formattedMinute() {
+        return this.selectedMinute !== null && this.selectedMinute < 10 ? `0${this.selectedMinute}` : this.selectedMinute;
+    }
+    get hour() { return this.value?.value ? DateTime.fromISO(this.value.value).hour : null; }
+    get minute() { return this.value?.value ? DateTime.fromISO(this.value.value).minute : null; }
+    constructor(modalController) {
+        this.modalController = modalController;
+        this.spxAutofocus = false;
+        this.spxSuggestions = [];
+        this.spxReadonly = false;
+        this.spxCapitalize = false;
+        this.spxFocused = true;
+        this.spxBlurFromChild = new EventEmitter();
+        this.spxChange = new EventEmitter();
+        this.spxFocus = new EventEmitter();
+        this.spxWasInternalUpdate = false;
+        this.severitySuccess = SpxSeverityEnum.success;
+        this.hourOptions = Array.from({ length: 24 }, (_, i) => i).unshift(); // 0 to 23
+        this.minuteOptions = Array.from({ length: 12 }, (_, i) => i * 5).unshift(); // Minutes in incrementen van 5
+        this.selectedHour = null;
+        this.selectedMinute = null;
+    }
+    spxSetFocus() {
+        this.inputRef?.nativeElement?.focus();
+    }
+    componentDidLoad() {
+        if (this.spxAutofocus) {
+            this.spxFocus.emit();
+            this.spxSetFocus();
+        }
+    }
+    handleBlur() {
+        this.spxBlurFromChild.emit();
+    }
+    handleFocus() {
+        this.spxFocus.emit();
+    }
+    handleDescriptionInput(event) {
+        this.value = {
+            description: event.target ? event.target.value : null,
+            value: event.target ? event.target.value : null,
+        };
+        this.spxChange.emit(this.value);
+    }
+    handleSuggestionClick(value) {
+        if (!this.spxReadonly) {
+            this.value = value;
+            this.spxChange.emit(this.value);
+            this.spxFocused = false;
+        }
+    }
+    handleKeyUp() {
+        this.spxFocused = true;
+    }
+    async openDialog(view) {
+        const modal = await this.modalController.create({
+            component: SpxInputTimeModalComponent,
+            componentProps: {
+                value: this.value?.value ?
+                    (view === 'hours' ? DateTime.fromISO(this.value.value).hour : DateTime.fromISO(this.value.value).minute) : undefined,
+                view,
+            },
+        });
+        modal.onDidDismiss().then((data) => {
+            // this.appStore.dispatch(infArticleActions.reset({}));
+            if (view === 'hours') {
+                // console.log('hours');
+                // console.log(data);
+                this.selectedHour = data.data;
+                this.openDialog('minutes');
+                this.updateValue();
+            }
+            else if (view === 'minutes') {
+                // console.log('minutes');
+                // console.log(data);
+                this.selectedMinute = data.data;
+                this.updateValue();
+            }
+        });
+        await modal.present();
+    }
+    updateValue() {
+        if (this.selectedHour !== null && this.selectedMinute !== null) {
+            const formattedHour = this.selectedHour < 10 ? `0${this.selectedHour}` : this.selectedHour;
+            const formattedMinute = this.selectedMinute < 10 ? `0${this.selectedMinute}` : this.selectedMinute;
+            const newValue = `${formattedHour}:${formattedMinute}`;
+            this.value = {
+                description: newValue,
+                value: newValue,
+            };
+            this.spxChange.emit(this.value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputTimeComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpxInputTimeComponent, isStandalone: true, selector: "spx-input-time", inputs: { spxName: "spxName", spxAutofocus: "spxAutofocus", spxInputMode: "spxInputMode", spxPattern: "spxPattern", spxSuggestions: "spxSuggestions", spxReadonly: "spxReadonly", spxValidators: "spxValidators", spxCapitalize: "spxCapitalize", spxFocused: "spxFocused", spxType: "spxType", value: "value", spxWasInternalUpdate: "spxWasInternalUpdate" }, outputs: { spxBlurFromChild: "spxBlurFromChild", spxChange: "spxChange", spxFocus: "spxFocus" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: `<div class="relative text-black">
+    <div class="flex items-center justify-around gap-3">
+      <div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('hours')">{{ formattedHour ?? '--' }}</div>
+      <div class="text-gray text-xl">:</div>
+      <div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('minutes')">{{ formattedMinute ?? '--' }}</div>
+    </div>
+</div>`, isInline: true, styles: [".custom-square.selected{background-color:#007bff;color:#fff;border-color:#007bff}.custom-bg{--background: #FFFFFF}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-input-time', standalone: true, imports: [
+                        NgIf,
+                        NgFor,
+                        SpxButtonComponent,
+                        SpxDropdownComponent,
+                        IonicModule,
+                    ], template: `<div class="relative text-black">
+    <div class="flex items-center justify-around gap-3">
+      <div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('hours')">{{ formattedHour ?? '--' }}</div>
+      <div class="text-gray text-xl">:</div>
+      <div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('minutes')">{{ formattedMinute ?? '--' }}</div>
+    </div>
+</div>`, styles: [".custom-square.selected{background-color:#007bff;color:#fff;border-color:#007bff}.custom-bg{--background: #FFFFFF}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ModalController }], propDecorators: { spxName: [{
+                type: Input
+            }], spxAutofocus: [{
+                type: Input
+            }], spxInputMode: [{
+                type: Input
+            }], spxPattern: [{
+                type: Input
+            }], spxSuggestions: [{
+                type: Input
+            }], spxReadonly: [{
+                type: Input
+            }], spxValidators: [{
+                type: Input
+            }], spxCapitalize: [{
+                type: Input
+            }], spxFocused: [{
+                type: Input
+            }], spxType: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], spxBlurFromChild: [{
+                type: Output
+            }], spxChange: [{
+                type: Output
+            }], spxFocus: [{
+                type: Output
+            }], spxWasInternalUpdate: [{
+                type: Input
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LXRpbWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdEcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNqQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFdBQVcsRUFBbUIsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBOEI5RCxNQUFNLE9BQU8scUJBQXFCO0lBMEJoQyxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxZQUFZLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM1RyxDQUFDO0lBRUQsSUFBSSxlQUFlO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGNBQWMsS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQ3BILENBQUM7SUFHRCxJQUFJLElBQUksS0FBSyxPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLElBQUksTUFBTSxLQUFLLE9BQU8sSUFBSSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFN0YsWUFBb0IsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBbEMzQyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixtQkFBYyxHQUE4QyxFQUFFLENBQUM7UUFDL0QsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsZUFBVSxHQUFHLElBQUksQ0FBQztRQUdqQixxQkFBZ0IsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoRSxjQUFTLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBQ25GLGFBQVEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN6RCx5QkFBb0IsR0FBRyxLQUFLLENBQUM7UUFHdEMsb0JBQWUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzFDLGdCQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsVUFBVTtRQUMzRSxrQkFBYSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQywrQkFBK0I7UUFDdEcsaUJBQVksR0FBa0IsSUFBSSxDQUFDO1FBQ25DLG1CQUFjLEdBQWtCLElBQUksQ0FBQztJQWNrQixDQUFDO0lBRXhELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsc0JBQXNCLENBQUMsS0FBVTtRQUMvQixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsV0FBVyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQ3JELEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSTtTQUNoRCxDQUFDO1FBQ0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxLQUFVO1FBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxLQUFLLENBQUMsVUFBVSxDQUFDLElBQXlCO1FBQ3hDLE1BQU0sS0FBSyxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUM7WUFDOUMsU0FBUyxFQUFFLDBCQUEwQjtZQUNyQyxjQUFjLEVBQUU7Z0JBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7b0JBQ3hCLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO2dCQUN0SCxJQUFJO2FBQ0w7U0FDRixDQUFDLENBQUM7UUFFSCxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDakMsdURBQXVEO1lBRXZELElBQUksSUFBSSxLQUFLLE9BQU8sRUFBRSxDQUFDO2dCQUNyQix3QkFBd0I7Z0JBQ3hCLHFCQUFxQjtnQkFDckIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUMzQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFFckIsQ0FBQztpQkFBTSxJQUFJLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztnQkFDOUIsMEJBQTBCO2dCQUMxQixxQkFBcUI7Z0JBQ3JCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztnQkFDaEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3JCLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVILE1BQU0sS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsY0FBYyxLQUFLLElBQUksRUFBRSxDQUFDO1lBQy9ELE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztZQUMzRixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUM7WUFDbkcsTUFBTSxRQUFRLEdBQUcsR0FBRyxhQUFhLElBQUksZUFBZSxFQUFFLENBQUM7WUFFdkQsSUFBSSxDQUFDLEtBQUssR0FBRztnQkFDWCxXQUFXLEVBQUUsUUFBUTtnQkFDckIsS0FBSyxFQUFFLFFBQVE7YUFDaEIsQ0FBQztZQUVGLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxDQUFDO0lBQ0gsQ0FBQzsrR0EzSFUscUJBQXFCO21HQUFyQixxQkFBcUIsNG5CQVJ0Qjs7Ozs7O09BTUwsNkxBbEJILFdBQVc7OzRGQW9CRixxQkFBcUI7a0JBNUJqQyxTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLFdBQVc7cUJBQ1osWUFXUzs7Ozs7O09BTUw7b0ZBS0ksT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0Usb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNnQyxRQUFRO3NCQUE3QyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNweFZhbHVlUGFpciB9IGZyb20gJy4vc3B4LXZhbHVlLWludGVyZmFjZSc7XG5pbXBvcnQgeyBTcHhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1idXR0b24nO1xuaW1wb3J0IHsgU3B4RHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL3NweC1kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGF0ZVRpbWUgfSBmcm9tICdsdXhvbic7XG5pbXBvcnQgeyBTcHhTZXZlcml0eUVudW0gfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1oZWxwZXJzJztcbmltcG9ydCB7IFNweElucHV0VGltZU1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9zcHgtaW5wdXQtdGltZS1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUsIE1vZGFsQ29udHJvbGxlciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LWlucHV0LXRpbWUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBTcHhCdXR0b25Db21wb25lbnQsXG4gICAgU3B4RHJvcGRvd25Db21wb25lbnQsXG4gICAgSW9uaWNNb2R1bGUsXG4gIF0sXG4gIHN0eWxlczogYFxuICAgIC5jdXN0b20tc3F1YXJlLnNlbGVjdGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwN2JmZjtcbiAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICBib3JkZXItY29sb3I6ICMwMDdiZmY7XG4gICAgfVxuICAgIC5jdXN0b20tYmcge1xuICAgICAgLS1iYWNrZ3JvdW5kOiAjRkZGRkZGO1xuICAgIH1cbiAgYCxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwicmVsYXRpdmUgdGV4dC1ibGFja1wiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWFyb3VuZCBnYXAtM1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImdyb3cgcm91bmRlZCBiZy1ncmF5LTEwMCBwLTMgdGV4dC14bCB0ZXh0LWNlbnRlciBmb250LWJvbGRcIiAoY2xpY2spPVwib3BlbkRpYWxvZygnaG91cnMnKVwiPnt7IGZvcm1hdHRlZEhvdXIgPz8gJy0tJyB9fTwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtZ3JheSB0ZXh0LXhsXCI+OjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImdyb3cgcm91bmRlZCBiZy1ncmF5LTEwMCBwLTMgdGV4dC14bCB0ZXh0LWNlbnRlciBmb250LWJvbGRcIiAoY2xpY2spPVwib3BlbkRpYWxvZygnbWludXRlcycpXCI+e3sgZm9ybWF0dGVkTWludXRlID8/ICctLScgfX08L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PmAsXG59KVxuZXhwb3J0IGNsYXNzIFNweElucHV0VGltZUNvbXBvbmVudCB7XG4gIC8vIHByaXZhdGUgZWxJbnB1dD86IEhUTUxFbGVtZW50O1xuICAvLyBARWxlbWVudCgpIGVsITogSFRNTEVsZW1lbnQ7XG4gIEBJbnB1dCgpIHNweE5hbWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweEF1dG9mb2N1cyA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhJbnB1dE1vZGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFBhdHRlcm4/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFN1Z2dlc3Rpb25zOiBTcHhWYWx1ZVBhaXI8Ym9vbGVhbiB8IG51bWJlciB8IHN0cmluZz5bXSA9IFtdO1xuICBASW5wdXQoKSBzcHhSZWFkb25seSA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhWYWxpZGF0b3JzPzogYW55W107XG4gIEBJbnB1dCgpIHNweENhcGl0YWxpemUgPSBmYWxzZTtcbiAgQElucHV0KCkgc3B4Rm9jdXNlZCA9IHRydWU7XG4gIEBJbnB1dCgpIHNweFR5cGUhOiBhbnk7XG4gIEBJbnB1dCgpIHZhbHVlPzogU3B4VmFsdWVQYWlyPGFueT47XG4gIEBPdXRwdXQoKSBzcHhCbHVyRnJvbUNoaWxkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzcHhDaGFuZ2U6IEV2ZW50RW1pdHRlcjxTcHhWYWx1ZVBhaXI8YW55Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPFNweFZhbHVlUGFpcjxhbnk+PigpO1xuICBAT3V0cHV0KCkgc3B4Rm9jdXM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQElucHV0KCkgc3B4V2FzSW50ZXJuYWxVcGRhdGUgPSBmYWxzZTtcbiAgQFZpZXdDaGlsZCgnaW5wdXQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBpbnB1dFJlZj86IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgc2V2ZXJpdHlTdWNjZXNzID0gU3B4U2V2ZXJpdHlFbnVtLnN1Y2Nlc3M7XG4gIGhvdXJPcHRpb25zID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogMjQgfSwgKF8sIGkpID0+IGkpLnVuc2hpZnQoKTsgLy8gMCB0byAyM1xuICBtaW51dGVPcHRpb25zID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogMTIgfSwgKF8sIGkpID0+IGkgKiA1KS51bnNoaWZ0KCk7IC8vIE1pbnV0ZXMgaW4gaW5jcmVtZW50ZW4gdmFuIDVcbiAgc2VsZWN0ZWRIb3VyOiBudW1iZXIgfCBudWxsID0gbnVsbDtcbiAgc2VsZWN0ZWRNaW51dGU6IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gIGdldCBmb3JtYXR0ZWRIb3VyKCkge1xuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkSG91ciAhPT0gbnVsbCAmJiB0aGlzLnNlbGVjdGVkSG91ciA8IDEwID8gYDAke3RoaXMuc2VsZWN0ZWRIb3VyfWAgOiB0aGlzLnNlbGVjdGVkSG91cjtcbiAgfVxuXG4gIGdldCBmb3JtYXR0ZWRNaW51dGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRNaW51dGUgIT09IG51bGwgJiYgdGhpcy5zZWxlY3RlZE1pbnV0ZSA8IDEwID8gYDAke3RoaXMuc2VsZWN0ZWRNaW51dGV9YCA6IHRoaXMuc2VsZWN0ZWRNaW51dGU7XG4gIH1cblxuXG4gIGdldCBob3VyKCkgeyByZXR1cm4gdGhpcy52YWx1ZT8udmFsdWUgPyBEYXRlVGltZS5mcm9tSVNPKHRoaXMudmFsdWUudmFsdWUpLmhvdXIgOiBudWxsOyB9XG4gIGdldCBtaW51dGUoKSB7IHJldHVybiB0aGlzLnZhbHVlPy52YWx1ZSA/IERhdGVUaW1lLmZyb21JU08odGhpcy52YWx1ZS52YWx1ZSkubWludXRlIDogbnVsbDsgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbW9kYWxDb250cm9sbGVyOiBNb2RhbENvbnRyb2xsZXIpIHt9XG5cbiAgc3B4U2V0Rm9jdXMoKSB7XG4gICAgdGhpcy5pbnB1dFJlZj8ubmF0aXZlRWxlbWVudD8uZm9jdXMoKTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZExvYWQoKSB7XG4gICAgaWYgKHRoaXMuc3B4QXV0b2ZvY3VzKSB7XG4gICAgICB0aGlzLnNweEZvY3VzLmVtaXQoKTtcbiAgICAgIHRoaXMuc3B4U2V0Rm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBoYW5kbGVCbHVyKCkge1xuICAgIHRoaXMuc3B4Qmx1ckZyb21DaGlsZC5lbWl0KCk7XG4gIH1cblxuICBoYW5kbGVGb2N1cygpIHtcbiAgICB0aGlzLnNweEZvY3VzLmVtaXQoKTtcbiAgfVxuXG4gIGhhbmRsZURlc2NyaXB0aW9uSW5wdXQoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMudmFsdWUgPSB7XG4gICAgICBkZXNjcmlwdGlvbjogZXZlbnQudGFyZ2V0ID8gZXZlbnQudGFyZ2V0LnZhbHVlIDogbnVsbCxcbiAgICAgIHZhbHVlOiBldmVudC50YXJnZXQgPyBldmVudC50YXJnZXQudmFsdWUgOiBudWxsLFxuICAgIH07XG4gICAgdGhpcy5zcHhDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIGhhbmRsZVN1Z2dlc3Rpb25DbGljayh2YWx1ZTogYW55KSB7XG4gICAgaWYgKCF0aGlzLnNweFJlYWRvbmx5KSB7XG4gICAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgICB0aGlzLnNweENoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICAgICAgdGhpcy5zcHhGb2N1c2VkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgaGFuZGxlS2V5VXAoKSB7XG4gICAgdGhpcy5zcHhGb2N1c2VkID0gdHJ1ZTtcbiAgfVxuXG4gIGFzeW5jIG9wZW5EaWFsb2codmlldzogJ2hvdXJzJyB8ICdtaW51dGVzJykge1xuICAgIGNvbnN0IG1vZGFsID0gYXdhaXQgdGhpcy5tb2RhbENvbnRyb2xsZXIuY3JlYXRlKHtcbiAgICAgIGNvbXBvbmVudDogU3B4SW5wdXRUaW1lTW9kYWxDb21wb25lbnQsXG4gICAgICBjb21wb25lbnRQcm9wczoge1xuICAgICAgICB2YWx1ZTogdGhpcy52YWx1ZT8udmFsdWUgP1xuICAgICAgICAgICh2aWV3ID09PSAnaG91cnMnID8gRGF0ZVRpbWUuZnJvbUlTTyh0aGlzLnZhbHVlLnZhbHVlKS5ob3VyIDogRGF0ZVRpbWUuZnJvbUlTTyh0aGlzLnZhbHVlLnZhbHVlKS5taW51dGUpIDogdW5kZWZpbmVkLFxuICAgICAgICB2aWV3LFxuICAgICAgfSxcbiAgICB9KTtcblxuICAgIG1vZGFsLm9uRGlkRGlzbWlzcygpLnRoZW4oKGRhdGEpID0+IHtcbiAgICAgIC8vIHRoaXMuYXBwU3RvcmUuZGlzcGF0Y2goaW5mQXJ0aWNsZUFjdGlvbnMucmVzZXQoe30pKTtcblxuICAgICAgaWYgKHZpZXcgPT09ICdob3VycycpIHtcbiAgICAgICAgLy8gY29uc29sZS5sb2coJ2hvdXJzJyk7XG4gICAgICAgIC8vIGNvbnNvbGUubG9nKGRhdGEpO1xuICAgICAgICB0aGlzLnNlbGVjdGVkSG91ciA9IGRhdGEuZGF0YTtcbiAgICAgICAgdGhpcy5vcGVuRGlhbG9nKCdtaW51dGVzJyk7XG4gICAgICAgIHRoaXMudXBkYXRlVmFsdWUoKTtcblxuICAgICAgfSBlbHNlIGlmICh2aWV3ID09PSAnbWludXRlcycpIHtcbiAgICAgICAgLy8gY29uc29sZS5sb2coJ21pbnV0ZXMnKTtcbiAgICAgICAgLy8gY29uc29sZS5sb2coZGF0YSk7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRNaW51dGUgPSBkYXRhLmRhdGE7XG4gICAgICAgIHRoaXMudXBkYXRlVmFsdWUoKTtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIGF3YWl0IG1vZGFsLnByZXNlbnQoKTtcbiAgfVxuXG4gIHVwZGF0ZVZhbHVlKCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkSG91ciAhPT0gbnVsbCAmJiB0aGlzLnNlbGVjdGVkTWludXRlICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBmb3JtYXR0ZWRIb3VyID0gdGhpcy5zZWxlY3RlZEhvdXIgPCAxMCA/IGAwJHt0aGlzLnNlbGVjdGVkSG91cn1gIDogdGhpcy5zZWxlY3RlZEhvdXI7XG4gICAgICBjb25zdCBmb3JtYXR0ZWRNaW51dGUgPSB0aGlzLnNlbGVjdGVkTWludXRlIDwgMTAgPyBgMCR7dGhpcy5zZWxlY3RlZE1pbnV0ZX1gIDogdGhpcy5zZWxlY3RlZE1pbnV0ZTtcbiAgICAgIGNvbnN0IG5ld1ZhbHVlID0gYCR7Zm9ybWF0dGVkSG91cn06JHtmb3JtYXR0ZWRNaW51dGV9YDtcblxuICAgICAgdGhpcy52YWx1ZSA9IHtcbiAgICAgICAgZGVzY3JpcHRpb246IG5ld1ZhbHVlLFxuICAgICAgICB2YWx1ZTogbmV3VmFsdWUsXG4gICAgICB9O1xuXG4gICAgICB0aGlzLnNweENoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/spx-inputs/spx-input-type.enum.mjs

@@ -0,0 +1,17 @@
+export var SpxInputTypeEnum;
+(function (SpxInputTypeEnum) {
+    SpxInputTypeEnum["autocomplete"] = "autocomplete";
+    SpxInputTypeEnum["button"] = "button";
+    SpxInputTypeEnum["date"] = "date";
+    SpxInputTypeEnum["float"] = "float";
+    SpxInputTypeEnum["hidden"] = "hidden";
+    SpxInputTypeEnum["overlay"] = "overlay";
+    SpxInputTypeEnum["overlayNumber"] = "overlaynumber";
+    SpxInputTypeEnum["radio"] = "radio";
+    SpxInputTypeEnum["number"] = "number";
+    SpxInputTypeEnum["password"] = "password";
+    SpxInputTypeEnum["text"] = "text";
+    SpxInputTypeEnum["textNumericKeyboard"] = "textNumericKeyboard";
+    SpxInputTypeEnum["time"] = "time";
+})(SpxInputTypeEnum || (SpxInputTypeEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXR5cGUuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtaW5wdXRzL3NweC1pbnB1dC10eXBlLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZ0JBY1g7QUFkRCxXQUFZLGdCQUFnQjtJQUN4QixpREFBNkIsQ0FBQTtJQUM3QixxQ0FBaUIsQ0FBQTtJQUNqQixpQ0FBYSxDQUFBO0lBQ2IsbUNBQWUsQ0FBQTtJQUNmLHFDQUFpQixDQUFBO0lBQ2pCLHVDQUFtQixDQUFBO0lBQ25CLG1EQUFnQyxDQUFBO0lBQ2hDLG1DQUFlLENBQUE7SUFDZixxQ0FBaUIsQ0FBQTtJQUNqQix5Q0FBcUIsQ0FBQTtJQUNyQixpQ0FBYSxDQUFBO0lBQ2IsK0RBQTJDLENBQUE7SUFDM0MsaUNBQWEsQ0FBQTtBQUNqQixDQUFDLEVBZFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQWMzQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFNweElucHV0VHlwZUVudW0ge1xuICAgIGF1dG9jb21wbGV0ZSA9ICdhdXRvY29tcGxldGUnLFxuICAgIGJ1dHRvbiA9ICdidXR0b24nLFxuICAgIGRhdGUgPSAnZGF0ZScsXG4gICAgZmxvYXQgPSAnZmxvYXQnLFxuICAgIGhpZGRlbiA9ICdoaWRkZW4nLFxuICAgIG92ZXJsYXkgPSAnb3ZlcmxheScsXG4gICAgb3ZlcmxheU51bWJlciA9ICAnb3ZlcmxheW51bWJlcicsXG4gICAgcmFkaW8gPSAncmFkaW8nLFxuICAgIG51bWJlciA9ICdudW1iZXInLFxuICAgIHBhc3N3b3JkID0gJ3Bhc3N3b3JkJyxcbiAgICB0ZXh0ID0gJ3RleHQnLFxuICAgIHRleHROdW1lcmljS2V5Ym9hcmQgPSAndGV4dE51bWVyaWNLZXlib2FyZCcsXG4gICAgdGltZSA9ICd0aW1lJyxcbn0iXX0=