@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.
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LXRpbWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDakMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUE2QjlFLE1BQU0sT0FBTyxxQkFBcUI7SUEzQmxDO1FBK0JXLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBR3JCLG1CQUFjLEdBQThDLEVBQUUsQ0FBQztRQUMvRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVwQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBR2pCLHFCQUFnQixHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2hFLGNBQVMsR0FBb0MsSUFBSSxZQUFZLEVBQXFCLENBQUM7UUFDbkYsYUFBUSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3pELHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUU5QixvQkFBZSxHQUFvQixNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFbkUsb0JBQWUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzFDLGdCQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsVUFBVTtRQUMzRSxrQkFBYSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQywrQkFBK0I7UUFDNUYsaUJBQVksR0FBa0IsSUFBSSxDQUFDO1FBQ25DLG1CQUFjLEdBQWtCLElBQUksQ0FBQztLQWtHdEM7SUFoR0MsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsWUFBWSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDNUcsQ0FBQztJQUVELElBQUksZUFBZTtRQUNqQixPQUFPLElBQUksQ0FBQyxjQUFjLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUNwSCxDQUFDO0lBR0QsSUFBSSxJQUFJLEtBQUssT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN6RixJQUFJLE1BQU0sS0FBSyxPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBRTdGLFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsc0JBQXNCLENBQUMsS0FBVTtRQUMvQixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsV0FBVyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQ3JELEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSTtTQUNoRCxDQUFDO1FBQ0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxLQUFVO1FBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxLQUFLLENBQUMsVUFBVSxDQUFDLElBQXlCO1FBQ3hDLE1BQU0sS0FBSyxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUM7WUFDOUMsU0FBUyxFQUFFLDBCQUEwQjtZQUNyQyxjQUFjLEVBQUU7Z0JBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7b0JBQ3hCLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO2dCQUN0SCxJQUFJO2FBQ0w7U0FDRixDQUFDLENBQUM7UUFFSCxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUM3Qix1REFBdUQ7UUFDekQsQ0FBQyxDQUFDLENBQUM7UUFFSCxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFNUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNULElBQUksSUFBSSxLQUFLLE9BQU8sRUFBRSxDQUFDO2dCQUNyQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxDQUFDLDZDQUE2QztnQkFDdkUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1lBQ25DLENBQUM7aUJBQU0sSUFBSSxJQUFJLEtBQUssU0FBUyxFQUFFLENBQUM7Z0JBQzlCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLENBQUMsK0NBQStDO2dCQUMzRSxPQUFPLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7WUFDdEMsQ0FBQztZQUVELElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLG1EQUFtRDtRQUN6RSxDQUFDO1FBRUQsTUFBTSxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxZQUFZLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxjQUFjLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDL0QsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO1lBQzNGLE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUNuRyxNQUFNLFFBQVEsR0FBRyxHQUFHLGFBQWEsSUFBSSxlQUFlLEVBQUUsQ0FBQztZQUV2RCxJQUFJLENBQUMsS0FBSyxHQUFHO2dCQUNYLFdBQVcsRUFBRSxRQUFRO2dCQUNyQixLQUFLLEVBQUUsUUFBUTthQUNoQixDQUFDO1lBRUYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLENBQUM7SUFDSCxDQUFDOzhHQTFIVSxxQkFBcUI7a0dBQXJCLHFCQUFxQiw4ZkFsQnJCO1lBQ1QsZUFBZTtTQUNoQiwySUFRUzs7Ozs7O09BTUw7OzJGQUVNLHFCQUFxQjtrQkEzQmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLElBQUk7d0JBQ0osS0FBSzt3QkFDTCxrQkFBa0I7d0JBQ2xCLG9CQUFvQjtxQkFDckIsYUFDVTt3QkFDVCxlQUFlO3FCQUNoQixZQVFTOzs7Ozs7T0FNTDs4QkFLSSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ2dDLFFBQVE7c0JBQTdDLFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3B4VmFsdWVQYWlyIH0gZnJvbSAnLi9zcHgtdmFsdWUtaW50ZXJmYWNlJztcbmltcG9ydCB7IFNweEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWJ1dHRvbic7XG5pbXBvcnQgeyBTcHhEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vc3B4LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYXRlVGltZSB9IGZyb20gJ2x1eG9uJztcbmltcG9ydCB7IFNweFNldmVyaXR5RW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWhlbHBlcnMnO1xuaW1wb3J0IHsgTW9kYWxDb250cm9sbGVyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBTcHhJbnB1dFRpbWVNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vc3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3B4LWlucHV0LXRpbWUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBTcHhCdXR0b25Db21wb25lbnQsXG4gICAgU3B4RHJvcGRvd25Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIE1vZGFsQ29udHJvbGxlcixcbiAgXSxcbiAgc3R5bGVzOiBgXG4gICAgLmN1c3RvbS1zcXVhcmUuc2VsZWN0ZWQge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA3YmZmO1xuICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIGJvcmRlci1jb2xvcjogIzAwN2JmZjtcbiAgICB9XG4gIGAsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cInJlbGF0aXZlIHRleHQtYmxhY2tcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1hcm91bmQgZ2FwLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJncm93IHJvdW5kZWQgYmctZ3JheS0xMDAgcC0zIHRleHQteGwgdGV4dC1jZW50ZXIgZm9udC1ib2xkXCIgKGNsaWNrKT1cIm9wZW5EaWFsb2coJ2hvdXJzJylcIj57eyBob3VyIH19PC9kaXY+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
- }