@softpak/components 0.1.3-beta.9 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/spx-form-view/spx-form-view.component.mjs +3 -3
- package/esm2022/spx-inputs/spx-input-type.enum.mjs +1 -2
- package/esm2022/spx-inputs/spx-input.component.mjs +3 -33
- package/fesm2022/softpak-components-spx-form-view.mjs +2 -2
- package/fesm2022/softpak-components-spx-form-view.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-inputs.mjs +4 -298
- package/fesm2022/softpak-components-spx-inputs.mjs.map +1 -1
- package/package.json +13 -13
- package/spx-inputs/spx-input-type.enum.d.ts +1 -2
- package/spx-inputs/spx-input.component.d.ts +0 -2
- package/tailwind.css +1 -1
- package/esm2022/spx-inputs/spx-input-time-modal.component.mjs +0 -112
- package/esm2022/spx-inputs/spx-input-time.component.mjs +0 -167
- package/spx-inputs/spx-input-time-modal.component.d.ts +0 -17
- package/spx-inputs/spx-input-time.component.d.ts +0 -43
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { NgFor, NgIf } from '@angular/common';
|
|
2
|
-
import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
|
|
3
|
-
import { SpxButtonComponent } from '@softpak/components/spx-button';
|
|
4
|
-
import { SpxDropdownComponent } from './spx-dropdown.component';
|
|
5
|
-
import { IonButtons, IonContent, IonHeader, IonTitle, IonToolbar, ModalController } from '@ionic/angular/standalone';
|
|
6
|
-
import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class SpxInputTimeModalComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.change = new EventEmitter();
|
|
11
|
-
this.hourOptions = Array.from({ length: 24 }, (_, i) => i); // 0 to 23
|
|
12
|
-
this.minuteOptions = Array.from({ length: 12 }, (_, i) => i * 5); // Minutes in incrementen van 5
|
|
13
|
-
this.modalController = inject(ModalController);
|
|
14
|
-
this.typeError = SpxSeverityEnum.error;
|
|
15
|
-
this.hourOptions.push(this.hourOptions.shift());
|
|
16
|
-
}
|
|
17
|
-
closeDialog() {
|
|
18
|
-
this.modalController.dismiss();
|
|
19
|
-
}
|
|
20
|
-
onChange(value) {
|
|
21
|
-
this.change.emit(value);
|
|
22
|
-
this.modalController.dismiss(value);
|
|
23
|
-
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxInputTimeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: SpxInputTimeModalComponent, isStandalone: true, selector: "spx-input-time-modal", inputs: { view: "view", value: "value" }, outputs: { change: "change" }, ngImport: i0, template: `<ion-header>
|
|
26
|
-
<ion-toolbar>
|
|
27
|
-
<ion-title>Inline Modal</ion-title>
|
|
28
|
-
<ion-buttons slot="end">
|
|
29
|
-
<spx-button [spxSeverity]="typeError" (spxClick)="closeDialog()">Close</spx-button>
|
|
30
|
-
</ion-buttons>
|
|
31
|
-
</ion-toolbar>
|
|
32
|
-
</ion-header>
|
|
33
|
-
<ion-content class="ion-padding">
|
|
34
|
-
<!-- Uren -->
|
|
35
|
-
<div class="grid grid-cols-1 gap-3">
|
|
36
|
-
<div *ngIf="view === 'hours'" class="flex-wrap gap-2">
|
|
37
|
-
<p> Select Hour </p>
|
|
38
|
-
<div class="grid grid-cols-4 gap-3">
|
|
39
|
-
<div *ngFor="let hour of hourOptions" class="custom-square rounded text-gray-900 text-sm p-3 w-full text-left 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)">
|
|
40
|
-
{{ hour }}
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
<!-- Minuten -->
|
|
45
|
-
<div *ngIf="view === 'minutes'" class="grid grid-cols-1 gap-3">
|
|
46
|
-
<p>Select Minute</p>
|
|
47
|
-
<div class="grid grid-cols-5 gap-3">
|
|
48
|
-
<div *ngFor="let minute of minuteOptions" class="custom-square rounded text-gray-900 text-sm p-3 w-full text-left 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)">
|
|
49
|
-
{{ minute }}
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
</ion-content>
|
|
55
|
-
`, 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: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }] }); }
|
|
56
|
-
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxInputTimeModalComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{
|
|
60
|
-
selector: 'spx-input-time-modal',
|
|
61
|
-
standalone: true,
|
|
62
|
-
imports: [
|
|
63
|
-
NgIf,
|
|
64
|
-
NgFor,
|
|
65
|
-
IonButtons,
|
|
66
|
-
IonContent,
|
|
67
|
-
IonHeader,
|
|
68
|
-
IonToolbar,
|
|
69
|
-
IonTitle,
|
|
70
|
-
SpxButtonComponent,
|
|
71
|
-
SpxDropdownComponent,
|
|
72
|
-
],
|
|
73
|
-
template: `<ion-header>
|
|
74
|
-
<ion-toolbar>
|
|
75
|
-
<ion-title>Inline Modal</ion-title>
|
|
76
|
-
<ion-buttons slot="end">
|
|
77
|
-
<spx-button [spxSeverity]="typeError" (spxClick)="closeDialog()">Close</spx-button>
|
|
78
|
-
</ion-buttons>
|
|
79
|
-
</ion-toolbar>
|
|
80
|
-
</ion-header>
|
|
81
|
-
<ion-content class="ion-padding">
|
|
82
|
-
<!-- Uren -->
|
|
83
|
-
<div class="grid grid-cols-1 gap-3">
|
|
84
|
-
<div *ngIf="view === 'hours'" class="flex-wrap gap-2">
|
|
85
|
-
<p> Select Hour </p>
|
|
86
|
-
<div class="grid grid-cols-4 gap-3">
|
|
87
|
-
<div *ngFor="let hour of hourOptions" class="custom-square rounded text-gray-900 text-sm p-3 w-full text-left 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)">
|
|
88
|
-
{{ hour }}
|
|
89
|
-
</div>
|
|
90
|
-
</div>
|
|
91
|
-
</div>
|
|
92
|
-
<!-- Minuten -->
|
|
93
|
-
<div *ngIf="view === 'minutes'" class="grid grid-cols-1 gap-3">
|
|
94
|
-
<p>Select Minute</p>
|
|
95
|
-
<div class="grid grid-cols-5 gap-3">
|
|
96
|
-
<div *ngFor="let minute of minuteOptions" class="custom-square rounded text-gray-900 text-sm p-3 w-full text-left 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)">
|
|
97
|
-
{{ minute }}
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
</ion-content>
|
|
103
|
-
`,
|
|
104
|
-
}]
|
|
105
|
-
}], ctorParameters: () => [], propDecorators: { view: [{
|
|
106
|
-
type: Input
|
|
107
|
-
}], value: [{
|
|
108
|
-
type: Input
|
|
109
|
-
}], change: [{
|
|
110
|
-
type: Output
|
|
111
|
-
}] } });
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDckgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQWdEbEUsTUFBTSxPQUFPLDBCQUEwQjtJQVVyQztRQVBVLFdBQU0sR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVwRSxnQkFBVyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVU7UUFDakUsa0JBQWEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO1FBQ3BGLG9CQUFlLEdBQW9CLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNuRSxjQUFTLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUdoQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QyxDQUFDOzhHQXJCVSwwQkFBMEI7a0dBQTFCLDBCQUEwQix5SkFoQzNCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E4QlAsNERBeENELElBQUksNkZBQ0osS0FBSyxtSEFDTCxVQUFVLDhFQUNWLFVBQVUsd0tBQ1YsU0FBUyxvR0FDVCxVQUFVLG1GQUNWLFFBQVEsaUZBQ1Isa0JBQWtCOzsyRkFtQ1QsMEJBQTBCO2tCQTlDdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLElBQUk7d0JBQ0osS0FBSzt3QkFDTCxVQUFVO3dCQUNWLFVBQVU7d0JBQ1YsU0FBUzt3QkFDVCxVQUFVO3dCQUNWLFFBQVE7d0JBQ1Isa0JBQWtCO3dCQUNsQixvQkFBb0I7cUJBQ3JCO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBOEJQO2lCQUNKO3dEQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3B4QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtYnV0dG9uJztcbmltcG9ydCB7IFNweERyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9zcHgtZHJvcGRvd24uY29tcG9uZW50JztcbmltcG9ydCB7IElvbkJ1dHRvbnMsIElvbkNvbnRlbnQsIElvbkhlYWRlciwgSW9uVGl0bGUsIElvblRvb2xiYXIsIE1vZGFsQ29udHJvbGxlciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgU3B4U2V2ZXJpdHlFbnVtIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1pbnB1dC10aW1lLW1vZGFsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gICAgTmdGb3IsXG4gICAgSW9uQnV0dG9ucyxcbiAgICBJb25Db250ZW50LFxuICAgIElvbkhlYWRlcixcbiAgICBJb25Ub29sYmFyLFxuICAgIElvblRpdGxlLFxuICAgIFNweEJ1dHRvbkNvbXBvbmVudCxcbiAgICBTcHhEcm9wZG93bkNvbXBvbmVudCxcbiAgXSxcbiAgdGVtcGxhdGU6IGA8aW9uLWhlYWRlcj5cbiAgPGlvbi10b29sYmFyPlxuICAgIDxpb24tdGl0bGU+SW5saW5lIE1vZGFsPC9pb24tdGl0bGU+XG4gICAgPGlvbi1idXR0b25zIHNsb3Q9XCJlbmRcIj5cbiAgICAgIDxzcHgtYnV0dG9uIFtzcHhTZXZlcml0eV09XCJ0eXBlRXJyb3JcIiAoc3B4Q2xpY2spPVwiY2xvc2VEaWFsb2coKVwiPkNsb3NlPC9zcHgtYnV0dG9uPlxuICAgIDwvaW9uLWJ1dHRvbnM+XG4gIDwvaW9uLXRvb2xiYXI+XG48L2lvbi1oZWFkZXI+XG48aW9uLWNvbnRlbnQgY2xhc3M9XCJpb24tcGFkZGluZ1wiPlxuICA8IS0tIFVyZW4gLS0+XG4gIDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy0xIGdhcC0zXCI+XG4gICAgPGRpdiAqbmdJZj1cInZpZXcgPT09ICdob3VycydcIiBjbGFzcz1cImZsZXgtd3JhcCBnYXAtMlwiPlxuICAgICAgPHA+IFNlbGVjdCBIb3VyIDwvcD5cbiAgICAgIDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy00IGdhcC0zXCI+XG4gICAgICAgIDxkaXYgICpuZ0Zvcj1cImxldCBob3VyIG9mIGhvdXJPcHRpb25zXCIgY2xhc3M9XCJjdXN0b20tc3F1YXJlIHJvdW5kZWQgdGV4dC1ncmF5LTkwMCB0ZXh0LXNtIHAtMyB3LWZ1bGwgdGV4dC1sZWZ0IHRydW5jYXRlIG91dGxpbmUtbm9uZSBiZy1za3ktMTAwIGZvY3VzOnJpbmctc2t5LTMwMCBob3ZlcjpiZy1za3ktMzAwIGFjdGl2ZTpiZy1za3ktMzAwXCIgW2NsYXNzLnNlbGVjdGVkXT1cInZhbHVlID09PSBob3VyXCIgKGNsaWNrKT1cIm9uQ2hhbmdlKGhvdXIpXCI+XG4gICAgICAgICAge3sgaG91ciB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDwhLS0gTWludXRlbiAtLT5cbiAgICA8ZGl2ICpuZ0lmPVwidmlldyA9PT0gJ21pbnV0ZXMnXCIgY2xhc3M9XCJncmlkIGdyaWQtY29scy0xIGdhcC0zXCI+XG4gICAgICA8cD5TZWxlY3QgTWludXRlPC9wPlxuICAgICAgPGRpdiBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTUgZ2FwLTNcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgbWludXRlIG9mIG1pbnV0ZU9wdGlvbnNcIiBjbGFzcz1cImN1c3RvbS1zcXVhcmUgcm91bmRlZCB0ZXh0LWdyYXktOTAwIHRleHQtc20gcC0zIHctZnVsbCB0ZXh0LWxlZnQgdHJ1bmNhdGUgb3V0bGluZS1ub25lIGJnLXNreS0xMDAgZm9jdXM6cmluZy1za3ktMzAwIGhvdmVyOmJnLXNreS0zMDAgYWN0aXZlOmJnLXNreS0zMDBcIiBbY2xhc3Muc2VsZWN0ZWRdPVwidmFsdWUgPT09IG1pbnV0ZVwiIChjbGljayk9XCJvbkNoYW5nZShtaW51dGUpXCI+XG4gICAgICAgICAge3sgbWludXRlIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9pb24tY29udGVudD5cbiAgICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhJbnB1dFRpbWVNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHZpZXchOiAnaG91cnMnIHwgJ21pbnV0ZXMnO1xuICBASW5wdXQoKSB2YWx1ZSE6IG51bWJlcjtcbiAgQE91dHB1dCgpIGNoYW5nZTogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgXG4gIGhvdXJPcHRpb25zID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogMjQgfSwgKF8sIGkpID0+IGkpOyAvLyAwIHRvIDIzXG4gIG1pbnV0ZU9wdGlvbnMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiAxMiB9LCAoXywgaSkgPT4gaSAqIDUpOyAvLyBNaW51dGVzIGluIGluY3JlbWVudGVuIHZhbiA1XG4gIHByaXZhdGUgbW9kYWxDb250cm9sbGVyOiBNb2RhbENvbnRyb2xsZXIgPSBpbmplY3QoTW9kYWxDb250cm9sbGVyKTtcbiAgdHlwZUVycm9yID0gU3B4U2V2ZXJpdHlFbnVtLmVycm9yO1xuXG4gIGNvbnN0cnVjdG9yKCl7XG4gICAgdGhpcy5ob3VyT3B0aW9ucy5wdXNoKHRoaXMuaG91ck9wdGlvbnMuc2hpZnQoKSEpO1xuICB9XG5cbiAgY2xvc2VEaWFsb2coKSB7XG4gICAgdGhpcy5tb2RhbENvbnRyb2xsZXIuZGlzbWlzcygpO1xuICB9XG5cbiAgb25DaGFuZ2UodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuY2hhbmdlLmVtaXQodmFsdWUpO1xuICAgIHRoaXMubW9kYWxDb250cm9sbGVyLmRpc21pc3ModmFsdWUpO1xuICB9XG59XG4iXX0=
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
import { NgFor, NgIf } from '@angular/common';
|
|
2
|
-
import { Component, EventEmitter, Input, Output, ViewChild, inject } from '@angular/core';
|
|
3
|
-
import { SpxButtonComponent } from '@softpak/components/spx-button';
|
|
4
|
-
import { SpxDropdownComponent } from './spx-dropdown.component';
|
|
5
|
-
import { DateTime } from 'luxon';
|
|
6
|
-
import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
|
|
7
|
-
import { ModalController } from '@ionic/angular/standalone';
|
|
8
|
-
import { SpxInputTimeModalComponent } from './spx-input-time-modal.component';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
export class SpxInputTimeComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.spxAutofocus = false;
|
|
13
|
-
this.spxSuggestions = [];
|
|
14
|
-
this.spxReadonly = false;
|
|
15
|
-
this.spxCapitalize = false;
|
|
16
|
-
this.spxFocused = true;
|
|
17
|
-
this.spxBlurFromChild = new EventEmitter();
|
|
18
|
-
this.spxChange = new EventEmitter();
|
|
19
|
-
this.spxFocus = new EventEmitter();
|
|
20
|
-
this.spxWasInternalUpdate = false;
|
|
21
|
-
this.modalController = inject(ModalController);
|
|
22
|
-
this.severitySuccess = SpxSeverityEnum.success;
|
|
23
|
-
this.hourOptions = Array.from({ length: 24 }, (_, i) => i).unshift(); // 0 to 23
|
|
24
|
-
this.minuteOptions = Array.from({ length: 12 }, (_, i) => i * 5); // Minutes in incrementen van 5
|
|
25
|
-
this.selectedHour = null;
|
|
26
|
-
this.selectedMinute = null;
|
|
27
|
-
}
|
|
28
|
-
get formattedHour() {
|
|
29
|
-
return this.selectedHour !== null && this.selectedHour < 10 ? `0${this.selectedHour}` : this.selectedHour;
|
|
30
|
-
}
|
|
31
|
-
get formattedMinute() {
|
|
32
|
-
return this.selectedMinute !== null && this.selectedMinute < 10 ? `0${this.selectedMinute}` : this.selectedMinute;
|
|
33
|
-
}
|
|
34
|
-
get hour() { return this.value?.value ? DateTime.fromISO(this.value.value).hour : null; }
|
|
35
|
-
get minute() { return this.value?.value ? DateTime.fromISO(this.value.value).minute : null; }
|
|
36
|
-
spxSetFocus() {
|
|
37
|
-
this.inputRef?.nativeElement?.focus();
|
|
38
|
-
}
|
|
39
|
-
componentDidLoad() {
|
|
40
|
-
if (this.spxAutofocus) {
|
|
41
|
-
this.spxFocus.emit();
|
|
42
|
-
this.spxSetFocus();
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
handleBlur() {
|
|
46
|
-
this.spxBlurFromChild.emit();
|
|
47
|
-
}
|
|
48
|
-
handleFocus() {
|
|
49
|
-
this.spxFocus.emit();
|
|
50
|
-
}
|
|
51
|
-
handleDescriptionInput(event) {
|
|
52
|
-
this.value = {
|
|
53
|
-
description: event.target ? event.target.value : null,
|
|
54
|
-
value: event.target ? event.target.value : null,
|
|
55
|
-
};
|
|
56
|
-
this.spxChange.emit(this.value);
|
|
57
|
-
}
|
|
58
|
-
handleSuggestionClick(value) {
|
|
59
|
-
if (!this.spxReadonly) {
|
|
60
|
-
this.value = value;
|
|
61
|
-
this.spxChange.emit(this.value);
|
|
62
|
-
this.spxFocused = false;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
handleKeyUp() {
|
|
66
|
-
this.spxFocused = true;
|
|
67
|
-
}
|
|
68
|
-
async openDialog(view) {
|
|
69
|
-
const modal = await this.modalController.create({
|
|
70
|
-
component: SpxInputTimeModalComponent,
|
|
71
|
-
componentProps: {
|
|
72
|
-
value: this.value?.value ?
|
|
73
|
-
(view === 'hours' ? DateTime.fromISO(this.value.value).hour : DateTime.fromISO(this.value.value).minute) : undefined,
|
|
74
|
-
view,
|
|
75
|
-
},
|
|
76
|
-
});
|
|
77
|
-
modal.onDidDismiss().then(() => {
|
|
78
|
-
// this.appStore.dispatch(infArticleActions.reset({}));
|
|
79
|
-
});
|
|
80
|
-
const { data } = await modal.onDidDismiss();
|
|
81
|
-
if (data) {
|
|
82
|
-
if (view === 'hours') {
|
|
83
|
-
this.selectedHour = data; // Update selectedHour with the emitted value
|
|
84
|
-
console.log('dit is de uur weg');
|
|
85
|
-
}
|
|
86
|
-
else if (view === 'minutes') {
|
|
87
|
-
this.selectedMinute = data; // Update selectedMinute with the emitted value
|
|
88
|
-
console.log('dit is de minuut weg');
|
|
89
|
-
}
|
|
90
|
-
this.updateValue(); // Call updateValue to format and emit the new time
|
|
91
|
-
}
|
|
92
|
-
await modal.present();
|
|
93
|
-
}
|
|
94
|
-
updateValue() {
|
|
95
|
-
if (this.selectedHour !== null && this.selectedMinute !== null) {
|
|
96
|
-
const formattedHour = this.selectedHour < 10 ? `0${this.selectedHour}` : this.selectedHour;
|
|
97
|
-
const formattedMinute = this.selectedMinute < 10 ? `0${this.selectedMinute}` : this.selectedMinute;
|
|
98
|
-
const newValue = `${formattedHour}:${formattedMinute}`;
|
|
99
|
-
this.value = {
|
|
100
|
-
description: newValue,
|
|
101
|
-
value: newValue,
|
|
102
|
-
};
|
|
103
|
-
this.spxChange.emit(this.value);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxInputTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", 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" }, providers: [
|
|
108
|
-
ModalController,
|
|
109
|
-
], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: `<div class="relative text-black">
|
|
110
|
-
<div class="flex items-center justify-around gap-3">
|
|
111
|
-
<div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('hours')">{{ hour }}</div>
|
|
112
|
-
<div class="text-gray text-xl">:</div>
|
|
113
|
-
<div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('minutes')">{{ minute }}</div>
|
|
114
|
-
</div>
|
|
115
|
-
</div>`, isInline: true, styles: [".custom-square.selected{background-color:#007bff;color:#fff;border-color:#007bff}\n"] }); }
|
|
116
|
-
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: SpxInputTimeComponent, decorators: [{
|
|
118
|
-
type: Component,
|
|
119
|
-
args: [{ selector: 'spx-input-time', standalone: true, imports: [
|
|
120
|
-
NgIf,
|
|
121
|
-
NgFor,
|
|
122
|
-
SpxButtonComponent,
|
|
123
|
-
SpxDropdownComponent,
|
|
124
|
-
], providers: [
|
|
125
|
-
ModalController,
|
|
126
|
-
], template: `<div class="relative text-black">
|
|
127
|
-
<div class="flex items-center justify-around gap-3">
|
|
128
|
-
<div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('hours')">{{ hour }}</div>
|
|
129
|
-
<div class="text-gray text-xl">:</div>
|
|
130
|
-
<div class="grow rounded bg-gray-100 p-3 text-xl text-center font-bold" (click)="openDialog('minutes')">{{ minute }}</div>
|
|
131
|
-
</div>
|
|
132
|
-
</div>`, styles: [".custom-square.selected{background-color:#007bff;color:#fff;border-color:#007bff}\n"] }]
|
|
133
|
-
}], propDecorators: { spxName: [{
|
|
134
|
-
type: Input
|
|
135
|
-
}], spxAutofocus: [{
|
|
136
|
-
type: Input
|
|
137
|
-
}], spxInputMode: [{
|
|
138
|
-
type: Input
|
|
139
|
-
}], spxPattern: [{
|
|
140
|
-
type: Input
|
|
141
|
-
}], spxSuggestions: [{
|
|
142
|
-
type: Input
|
|
143
|
-
}], spxReadonly: [{
|
|
144
|
-
type: Input
|
|
145
|
-
}], spxValidators: [{
|
|
146
|
-
type: Input
|
|
147
|
-
}], spxCapitalize: [{
|
|
148
|
-
type: Input
|
|
149
|
-
}], spxFocused: [{
|
|
150
|
-
type: Input
|
|
151
|
-
}], spxType: [{
|
|
152
|
-
type: Input
|
|
153
|
-
}], value: [{
|
|
154
|
-
type: Input
|
|
155
|
-
}], spxBlurFromChild: [{
|
|
156
|
-
type: Output
|
|
157
|
-
}], spxChange: [{
|
|
158
|
-
type: Output
|
|
159
|
-
}], spxFocus: [{
|
|
160
|
-
type: Output
|
|
161
|
-
}], spxWasInternalUpdate: [{
|
|
162
|
-
type: Input
|
|
163
|
-
}], inputRef: [{
|
|
164
|
-
type: ViewChild,
|
|
165
|
-
args: ['input', { static: true }]
|
|
166
|
-
}] } });
|
|
167
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LXRpbWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDakMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUE2QjlFLE1BQU0sT0FBTyxxQkFBcUI7SUEzQmxDO1FBK0JXLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBR3JCLG1CQUFjLEdBQThDLEVBQUUsQ0FBQztRQUMvRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVwQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBR2pCLHFCQUFnQixHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2hFLGNBQVMsR0FBb0MsSUFBSSxZQUFZLEVBQXFCLENBQUM7UUFDbkYsYUFBUSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3pELHlCQUFvQixHQUFHLEtBQUssQ0FBQztR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QWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLElBQUk7d0JBQ0osS0FBSzt3QkFDTCxrQkFBa0I7d0JBQ2xCLG9CQUFvQjtxQkFDckIsYUFDVTt3QkFDVCxlQUFlO3FCQUNoQixZQVFTOzs7Ozs7T0FNTDs4QkFLSSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ2dDLFFBQVE7c0JBQTdDLFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3B4VmFsdWVQYWlyIH0gZnJvbSAnLi9zcHgtdmFsdWUtaW50ZXJmYWNlJztcbmltcG9ydCB7IFNweEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWJ1dHRvbic7XG5pbXBvcnQgeyBTcHhEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vc3B4LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYXRlVGltZSB9IGZyb20gJ2x1eG9uJztcbmltcG9ydCB7IFNweFNldmVyaXR5RW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWhlbHBlcnMnO1xuaW1wb3J0IHsgTW9kYWxDb250cm9sbGVyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBTcHhJbnB1dFRpbWVNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vc3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LWlucHV0LXRpbWUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBTcHhCdXR0b25Db21wb25lbnQsXG4gICAgU3B4RHJvcGRvd25Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIE1vZGFsQ29udHJvbGxlcixcbiAgXSxcbiAgc3R5bGVzOiBgXG4gICAgLmN1c3RvbS1zcXVhcmUuc2VsZWN0ZWQge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA3YmZmO1xuICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIGJvcmRlci1jb2xvcjogIzAwN2JmZjtcbiAgICB9XG4gIGAsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cInJlbGF0aXZlIHRleHQtYmxhY2tcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1hcm91bmQgZ2FwLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJncm93IHJvdW5kZWQgYmctZ3JheS0xMDAgcC0zIHRleHQteGwgdGV4dC1jZW50ZXIgZm9udC1ib2xkXCIgKGNsaWNrKT1cIm9wZW5EaWFsb2coJ2hvdXJzJylcIj57eyBob3VyIH19PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ncmF5IHRleHQteGxcIj46PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZ3JvdyByb3VuZGVkIGJnLWdyYXktMTAwIHAtMyB0ZXh0LXhsIHRleHQtY2VudGVyIGZvbnQtYm9sZFwiIChjbGljayk9XCJvcGVuRGlhbG9nKCdtaW51dGVzJylcIj57eyBtaW51dGUgfX08L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PmAsXG59KVxuZXhwb3J0IGNsYXNzIFNweElucHV0VGltZUNvbXBvbmVudCB7XG4gIC8vIHByaXZhdGUgZWxJbnB1dD86IEhUTUxFbGVtZW50O1xuICAvLyBARWxlbWVudCgpIGVsITogSFRNTEVsZW1lbnQ7XG4gIEBJbnB1dCgpIHNweE5hbWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweEF1dG9mb2N1cyA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhJbnB1dE1vZGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFBhdHRlcm4/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFN1Z2dlc3Rpb25zOiBTcHhWYWx1ZVBhaXI8Ym9vbGVhbiB8IG51bWJlciB8IHN0cmluZz5bXSA9IFtdO1xuICBASW5wdXQoKSBzcHhSZWFkb25seSA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhWYWxpZGF0b3JzPzogYW55W107XG4gIEBJbnB1dCgpIHNweENhcGl0YWxpemUgPSBmYWxzZTtcbiAgQElucHV0KCkgc3B4Rm9jdXNlZCA9IHRydWU7XG4gIEBJbnB1dCgpIHNweFR5cGUhOiBhbnk7XG4gIEBJbnB1dCgpIHZhbHVlPzogU3B4VmFsdWVQYWlyPGFueT47XG4gIEBPdXRwdXQoKSBzcHhCbHVyRnJvbUNoaWxkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzcHhDaGFuZ2U6IEV2ZW50RW1pdHRlcjxTcHhWYWx1ZVBhaXI8YW55Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPFNweFZhbHVlUGFpcjxhbnk+PigpO1xuICBAT3V0cHV0KCkgc3B4Rm9jdXM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQElucHV0KCkgc3B4V2FzSW50ZXJuYWxVcGRhdGUgPSBmYWxzZTtcbiAgQFZpZXdDaGlsZCgnaW5wdXQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBpbnB1dFJlZj86IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG4gIHByaXZhdGUgbW9kYWxDb250cm9sbGVyOiBNb2RhbENvbnRyb2xsZXIgPSBpbmplY3QoTW9kYWxDb250cm9sbGVyKTtcblxuICBzZXZlcml0eVN1Y2Nlc3MgPSBTcHhTZXZlcml0eUVudW0uc3VjY2VzcztcbiAgaG91ck9wdGlvbnMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiAyNCB9LCAoXywgaSkgPT4gaSkudW5zaGlmdCgpOyAvLyAwIHRvIDIzXG4gIG1pbnV0ZU9wdGlvbnMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiAxMiB9LCAoXywgaSkgPT4gaSAqIDUpOyAvLyBNaW51dGVzIGluIGluY3JlbWVudGVuIHZhbiA1XG4gIHNlbGVjdGVkSG91cjogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG4gIHNlbGVjdGVkTWludXRlOiBudW1iZXIgfCBudWxsID0gbnVsbDtcblxuICBnZXQgZm9ybWF0dGVkSG91cigpIHtcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZEhvdXIgIT09IG51bGwgJiYgdGhpcy5zZWxlY3RlZEhvdXIgPCAxMCA/IGAwJHt0aGlzLnNlbGVjdGVkSG91cn1gIDogdGhpcy5zZWxlY3RlZEhvdXI7XG4gIH1cblxuICBnZXQgZm9ybWF0dGVkTWludXRlKCkge1xuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkTWludXRlICE9PSBudWxsICYmIHRoaXMuc2VsZWN0ZWRNaW51dGUgPCAxMCA/IGAwJHt0aGlzLnNlbGVjdGVkTWludXRlfWAgOiB0aGlzLnNlbGVjdGVkTWludXRlO1xuICB9XG5cblxuICBnZXQgaG91cigpIHsgcmV0dXJuIHRoaXMudmFsdWU/LnZhbHVlID8gRGF0ZVRpbWUuZnJvbUlTTyh0aGlzLnZhbHVlLnZhbHVlKS5ob3VyIDogbnVsbDsgfVxuICBnZXQgbWludXRlKCkgeyByZXR1cm4gdGhpcy52YWx1ZT8udmFsdWUgPyBEYXRlVGltZS5mcm9tSVNPKHRoaXMudmFsdWUudmFsdWUpLm1pbnV0ZSA6IG51bGw7IH1cblxuICBzcHhTZXRGb2N1cygpIHtcbiAgICB0aGlzLmlucHV0UmVmPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTG9hZCgpIHtcbiAgICBpZiAodGhpcy5zcHhBdXRvZm9jdXMpIHtcbiAgICAgIHRoaXMuc3B4Rm9jdXMuZW1pdCgpO1xuICAgICAgdGhpcy5zcHhTZXRGb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIGhhbmRsZUJsdXIoKSB7XG4gICAgdGhpcy5zcHhCbHVyRnJvbUNoaWxkLmVtaXQoKTtcbiAgfVxuXG4gIGhhbmRsZUZvY3VzKCkge1xuICAgIHRoaXMuc3B4Rm9jdXMuZW1pdCgpO1xuICB9XG5cbiAgaGFuZGxlRGVzY3JpcHRpb25JbnB1dChldmVudDogYW55KSB7XG4gICAgdGhpcy52YWx1ZSA9IHtcbiAgICAgIGRlc2NyaXB0aW9uOiBldmVudC50YXJnZXQgPyBldmVudC50YXJnZXQudmFsdWUgOiBudWxsLFxuICAgICAgdmFsdWU6IGV2ZW50LnRhcmdldCA/IGV2ZW50LnRhcmdldC52YWx1ZSA6IG51bGwsXG4gICAgfTtcbiAgICB0aGlzLnNweENoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgaGFuZGxlU3VnZ2VzdGlvbkNsaWNrKHZhbHVlOiBhbnkpIHtcbiAgICBpZiAoIXRoaXMuc3B4UmVhZG9ubHkpIHtcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICAgIHRoaXMuc3B4Q2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgICB0aGlzLnNweEZvY3VzZWQgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBoYW5kbGVLZXlVcCgpIHtcbiAgICB0aGlzLnNweEZvY3VzZWQgPSB0cnVlO1xuICB9XG5cbiAgYXN5bmMgb3BlbkRpYWxvZyh2aWV3OiAnaG91cnMnIHwgJ21pbnV0ZXMnKSB7XG4gICAgY29uc3QgbW9kYWwgPSBhd2FpdCB0aGlzLm1vZGFsQ29udHJvbGxlci5jcmVhdGUoe1xuICAgICAgY29tcG9uZW50OiBTcHhJbnB1dFRpbWVNb2RhbENvbXBvbmVudCxcbiAgICAgIGNvbXBvbmVudFByb3BzOiB7XG4gICAgICAgIHZhbHVlOiB0aGlzLnZhbHVlPy52YWx1ZSA/IFxuICAgICAgICAgICh2aWV3ID09PSAnaG91cnMnID8gRGF0ZVRpbWUuZnJvbUlTTyh0aGlzLnZhbHVlLnZhbHVlKS5ob3VyIDogRGF0ZVRpbWUuZnJvbUlTTyh0aGlzLnZhbHVlLnZhbHVlKS5taW51dGUpIDogdW5kZWZpbmVkLFxuICAgICAgICB2aWV3LFxuICAgICAgfSxcbiAgICB9KTtcblxuICAgIG1vZGFsLm9uRGlkRGlzbWlzcygpLnRoZW4oKCkgPT4ge1xuICAgICAgLy8gdGhpcy5hcHBTdG9yZS5kaXNwYXRjaChpbmZBcnRpY2xlQWN0aW9ucy5yZXNldCh7fSkpO1xuICAgIH0pO1xuXG4gICAgY29uc3QgeyBkYXRhIH0gPSBhd2FpdCBtb2RhbC5vbkRpZERpc21pc3MoKTtcblxuICAgIGlmIChkYXRhKSB7XG4gICAgICBpZiAodmlldyA9PT0gJ2hvdXJzJykge1xuICAgICAgICB0aGlzLnNlbGVjdGVkSG91ciA9IGRhdGE7IC8vIFVwZGF0ZSBzZWxlY3RlZEhvdXIgd2l0aCB0aGUgZW1pdHRlZCB2YWx1ZVxuICAgICAgICBjb25zb2xlLmxvZygnZGl0IGlzIGRlIHV1ciB3ZWcnKTtcbiAgICAgIH0gZWxzZSBpZiAodmlldyA9PT0gJ21pbnV0ZXMnKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRNaW51dGUgPSBkYXRhOyAvLyBVcGRhdGUgc2VsZWN0ZWRNaW51dGUgd2l0aCB0aGUgZW1pdHRlZCB2YWx1ZVxuICAgICAgICBjb25zb2xlLmxvZygnZGl0IGlzIGRlIG1pbnV1dCB3ZWcnKTtcbiAgICAgIH1cbiAgICAgIFxuICAgICAgdGhpcy51cGRhdGVWYWx1ZSgpOyAvLyBDYWxsIHVwZGF0ZVZhbHVlIHRvIGZvcm1hdCBhbmQgZW1pdCB0aGUgbmV3IHRpbWVcbiAgICB9XG5cbiAgICBhd2FpdCBtb2RhbC5wcmVzZW50KCk7XG4gIH1cblxuICB1cGRhdGVWYWx1ZSgpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZEhvdXIgIT09IG51bGwgJiYgdGhpcy5zZWxlY3RlZE1pbnV0ZSAhPT0gbnVsbCkge1xuICAgICAgY29uc3QgZm9ybWF0dGVkSG91ciA9IHRoaXMuc2VsZWN0ZWRIb3VyIDwgMTAgPyBgMCR7dGhpcy5zZWxlY3RlZEhvdXJ9YCA6IHRoaXMuc2VsZWN0ZWRIb3VyO1xuICAgICAgY29uc3QgZm9ybWF0dGVkTWludXRlID0gdGhpcy5zZWxlY3RlZE1pbnV0ZSA8IDEwID8gYDAke3RoaXMuc2VsZWN0ZWRNaW51dGV9YCA6IHRoaXMuc2VsZWN0ZWRNaW51dGU7XG4gICAgICBjb25zdCBuZXdWYWx1ZSA9IGAke2Zvcm1hdHRlZEhvdXJ9OiR7Zm9ybWF0dGVkTWludXRlfWA7XG5cbiAgICAgIHRoaXMudmFsdWUgPSB7XG4gICAgICAgIGRlc2NyaXB0aW9uOiBuZXdWYWx1ZSxcbiAgICAgICAgdmFsdWU6IG5ld1ZhbHVlLFxuICAgICAgfTtcblxuICAgICAgdGhpcy5zcHhDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SpxInputTimeModalComponent {
|
|
5
|
-
view: 'hours' | 'minutes';
|
|
6
|
-
value: number;
|
|
7
|
-
change: EventEmitter<number>;
|
|
8
|
-
hourOptions: number[];
|
|
9
|
-
minuteOptions: number[];
|
|
10
|
-
private modalController;
|
|
11
|
-
typeError: SpxSeverityEnum;
|
|
12
|
-
constructor();
|
|
13
|
-
closeDialog(): void;
|
|
14
|
-
onChange(value: number): void;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputTimeModalComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputTimeModalComponent, "spx-input-time-modal", never, { "view": { "alias": "view"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
17
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
-
import { SpxValuePair } from './spx-value-interface';
|
|
3
|
-
import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class SpxInputTimeComponent {
|
|
6
|
-
spxName?: string;
|
|
7
|
-
spxAutofocus: boolean;
|
|
8
|
-
spxInputMode?: string;
|
|
9
|
-
spxPattern?: string;
|
|
10
|
-
spxSuggestions: SpxValuePair<boolean | number | string>[];
|
|
11
|
-
spxReadonly: boolean;
|
|
12
|
-
spxValidators?: any[];
|
|
13
|
-
spxCapitalize: boolean;
|
|
14
|
-
spxFocused: boolean;
|
|
15
|
-
spxType: any;
|
|
16
|
-
value?: SpxValuePair<any>;
|
|
17
|
-
spxBlurFromChild: EventEmitter<void>;
|
|
18
|
-
spxChange: EventEmitter<SpxValuePair<any>>;
|
|
19
|
-
spxFocus: EventEmitter<void>;
|
|
20
|
-
spxWasInternalUpdate: boolean;
|
|
21
|
-
inputRef?: ElementRef<HTMLInputElement>;
|
|
22
|
-
private modalController;
|
|
23
|
-
severitySuccess: SpxSeverityEnum;
|
|
24
|
-
hourOptions: number;
|
|
25
|
-
minuteOptions: number[];
|
|
26
|
-
selectedHour: number | null;
|
|
27
|
-
selectedMinute: number | null;
|
|
28
|
-
get formattedHour(): string | number | null;
|
|
29
|
-
get formattedMinute(): string | number | null;
|
|
30
|
-
get hour(): number | null;
|
|
31
|
-
get minute(): number | null;
|
|
32
|
-
spxSetFocus(): void;
|
|
33
|
-
componentDidLoad(): void;
|
|
34
|
-
handleBlur(): void;
|
|
35
|
-
handleFocus(): void;
|
|
36
|
-
handleDescriptionInput(event: any): void;
|
|
37
|
-
handleSuggestionClick(value: any): void;
|
|
38
|
-
handleKeyUp(): void;
|
|
39
|
-
openDialog(view: 'hours' | 'minutes'): Promise<void>;
|
|
40
|
-
updateValue(): void;
|
|
41
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputTimeComponent, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputTimeComponent, "spx-input-time", never, { "spxName": { "alias": "spxName"; "required": false; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; }; "spxPattern": { "alias": "spxPattern"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; }; "spxValidators": { "alias": "spxValidators"; "required": false; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; "spxType": { "alias": "spxType"; "required": false; }; "value": { "alias": "value"; "required": false; }; "spxWasInternalUpdate": { "alias": "spxWasInternalUpdate"; "required": false; }; }, { "spxBlurFromChild": "spxBlurFromChild"; "spxChange": "spxChange"; "spxFocus": "spxFocus"; }, never, never, true, never>;
|
|
43
|
-
}
|