@softpak/components 18.6.13 → 18.6.15

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

@@ -1,129 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { SpxSuggestionComponent } from '@softpak/components/spx-suggestion';
-import { fromEvent } from 'rxjs';
-import { valuePairToValue } from '@softpak/components/spx-helpers';
-import * as i0 from "@angular/core";
-export class SpxInputRadioComponent {
-    constructor() {
-        this.cachedSuggestions = [];
-        this.focusPosition = 0;
-        this.spxFocused = false;
-        this.spxShowLabel = true;
-        this.spxReadonly = false;
-        this.spxSuggestions = [];
-        this.spxChange = new EventEmitter();
-        this.spxFocus = new EventEmitter();
-    }
-    spxFocusIn() {
-        this.listenToKeys();
-        this.determineFocusPosition();
-    }
-    spxFocusOut() {
-        this.subscriptionKeyDown?.unsubscribe();
-        this.subscriptionKeyUp?.unsubscribe();
-    }
-    ngOnChanges(changes) {
-        if ((changes['spxSuggestions'] && JSON.stringify(changes['spxSuggestions']?.previousValue) !== JSON.stringify(changes['spxSuggestions']?.currentValue))) {
-            this.cachedSuggestions = changes['spxSuggestions']?.currentValue ?? [];
-        }
-    }
-    handleSuggestionClick(event, valuePair) {
-        if (this.spxReadonly) {
-            console.log('spxInputRadio: clicked, but readonly');
-        }
-        else {
-            console.log('spxInputRadio: clicked');
-            this.select(valuePair);
-        }
-    }
-    determineFocusPosition() {
-        if (this.value && this.spxSuggestions?.length) {
-            const index = this.spxSuggestions.findIndex(valuePair => valuePairToValue(valuePair) === valuePairToValue(this.value));
-            this.focusPosition = index >= 0 ? index : 0;
-        }
-        else {
-            this.focusPosition = 0;
-        }
-    }
-    select(valuePair) {
-        this.focusPosition = 0;
-        this.value = valuePair;
-        this.spxChange.emit(valuePair);
-    }
-    listenToKeys() {
-        this.subscriptionKeyUp = fromEvent(window, 'keyup').subscribe((event) => {
-            if ((event.key === 'ArrowUp' || event.key === 'ArrowLeft') && this.focusPosition > 0) {
-                this.focusPosition = this.focusPosition - 1;
-                this.select(this.spxSuggestions.at(this.focusPosition));
-                event.preventDefault();
-            }
-            if ((event.key === 'ArrowDown' || event.key === 'ArrowRight') && this.focusPosition < this.spxSuggestions.length - 1) {
-                this.focusPosition = this.focusPosition + 1;
-                this.select(this.spxSuggestions.at(this.focusPosition));
-                event.preventDefault();
-            }
-        });
-        this.subscriptionKeyDown = fromEvent(window, 'keydown').subscribe((event) => {
-            if (event.key === 'ArrowDown' ||
-                event.key === 'ArrowLeft' ||
-                event.key === 'ArrowRight' ||
-                event.key === 'ArrowUp') {
-                event.preventDefault();
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxInputRadioComponent, isStandalone: true, selector: "spx-input-radio", inputs: { spxName: "spxName", spxValidators: "spxValidators", spxFocused: "spxFocused", spxShowLabel: "spxShowLabel", spxReadonly: "spxReadonly", spxSuggestions: "spxSuggestions", value: "value" }, outputs: { spxChange: "spxChange", spxFocus: "spxFocus" }, usesOnChanges: true, ngImport: i0, template: `<div class="grid grid-cols-2 gap-2" [class.mt-3]="this.spxShowLabel">
-        @for (valuePair of this.cachedSuggestions; track valuePair; let i = $index) {
-          <spx-suggestion
-            [spxDisabled]="this.spxReadonly"
-            [spxFocused]="this.spxFocused && i === this.focusPosition"
-            [spxSelected]="this.value?.value === valuePair?.value"
-            [spxTabbable]="this.focusPosition === i"
-            (click)="this.handleSuggestionClick($event, valuePair)">
-            {{valuePair?.description}}
-          </spx-suggestion>
-        }
-      </div>`, isInline: true, dependencies: [{ kind: "component", type: SpxSuggestionComponent, selector: "spx-suggestion", inputs: ["spxDisabled", "spxFocused", "spxSelected", "spxTabbable"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputRadioComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spx-input-radio',
-                    standalone: true,
-                    imports: [
-                        SpxSuggestionComponent
-                    ],
-                    template: `<div class="grid grid-cols-2 gap-2" [class.mt-3]="this.spxShowLabel">
-        @for (valuePair of this.cachedSuggestions; track valuePair; let i = $index) {
-          <spx-suggestion
-            [spxDisabled]="this.spxReadonly"
-            [spxFocused]="this.spxFocused && i === this.focusPosition"
-            [spxSelected]="this.value?.value === valuePair?.value"
-            [spxTabbable]="this.focusPosition === i"
-            (click)="this.handleSuggestionClick($event, valuePair)">
-            {{valuePair?.description}}
-          </spx-suggestion>
-        }
-      </div>`,
-                }]
-        }], propDecorators: { spxName: [{
-                type: Input
-            }], spxValidators: [{
-                type: Input
-            }], spxFocused: [{
-                type: Input
-            }], spxShowLabel: [{
-                type: Input
-            }], spxReadonly: [{
-                type: Input
-            }], spxSuggestions: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], spxChange: [{
-                type: Output
-            }], spxFocus: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXJhZGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtaW5wdXRzL3NweC1pbnB1dC1yYWRpby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFHdEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDNUUsT0FBTyxFQUFnQixTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBcUJuRSxNQUFNLE9BQU8sc0JBQXNCO0lBbkJuQztRQW9CRSxzQkFBaUIsR0FBd0IsRUFBRSxDQUFDO1FBQ2xDLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBSW5CLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFDcEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsbUJBQWMsR0FBd0IsRUFBRSxDQUFDO1FBRXhDLGNBQVMsR0FBb0MsSUFBSSxZQUFZLEVBQXFCLENBQUM7UUFDbkYsYUFBUSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0tBbUVuRTtJQWhFQyxVQUFVO1FBQ1IsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQ0UsQ0FBQyxPQUFP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QUMsbUJBQW1CLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUMxRSxJQUFLLEtBQXVCLENBQUMsR0FBRyxLQUFLLFdBQVc7Z0JBQzdDLEtBQXVCLENBQUMsR0FBRyxLQUFLLFdBQVc7Z0JBQzNDLEtBQXVCLENBQUMsR0FBRyxLQUFLLFlBQVk7Z0JBQzVDLEtBQXVCLENBQUMsR0FBRyxLQUFLLFNBQVMsRUFBRSxDQUFDO2dCQUM3QyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDekIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0E5RVUsc0JBQXNCO21HQUF0QixzQkFBc0IsaVdBYnZCOzs7Ozs7Ozs7OzthQVdDLDREQWJULHNCQUFzQjs7NEZBZWIsc0JBQXNCO2tCQW5CbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjtxQkFDekI7b0JBQ0MsUUFBUSxFQUFFOzs7Ozs7Ozs7OzthQVdDO2lCQUNaOzhCQUtVLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNweFZhbHVlUGFpciB9IGZyb20gJy4vc3B4LXZhbHVlLWludGVyZmFjZSc7XHJcblxyXG5pbXBvcnQgeyBTcHhTdWdnZXN0aW9uQ29tcG9uZW50IH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtc3VnZ2VzdGlvbic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiwgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IHZhbHVlUGFpclRvVmFsdWUgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1oZWxwZXJzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3B4LWlucHV0LXJhZGlvJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIFNweFN1Z2dlc3Rpb25Db21wb25lbnRcclxuXSxcclxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy0yIGdhcC0yXCIgW2NsYXNzLm10LTNdPVwidGhpcy5zcHhTaG93TGFiZWxcIj5cclxuICAgICAgICBAZm9yICh2YWx1ZVBhaXIgb2YgdGhpcy5jYWNoZWRTdWdnZXN0aW9uczsgdHJhY2sgdmFsdWVQYWlyOyBsZXQgaSA9ICRpbmRleCkge1xyXG4gICAgICAgICAgPHNweC1zdWdnZXN0aW9uXHJcbiAgICAgICAgICAgIFtzcHhEaXNhYmxlZF09XCJ0aGlzLnNweFJlYWRvbmx5XCJcclxuICAgICAgICAgICAgW3NweEZvY3VzZWRdPVwidGhpcy5zcHhGb2N1c2VkICYmIGkgPT09IHRoaXMuZm9jdXNQb3NpdGlvblwiXHJcbiAgICAgICAgICAgIFtzcHhTZWxlY3RlZF09XCJ0aGlzLnZhbHVlPy52YWx1ZSA9PT0gdmFsdWVQYWlyPy52YWx1ZVwiXHJcbiAgICAgICAgICAgIFtzcHhUYWJiYWJsZV09XCJ0aGlzLmZvY3VzUG9zaXRpb24gPT09IGlcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwidGhpcy5oYW5kbGVTdWdnZXN0aW9uQ2xpY2soJGV2ZW50LCB2YWx1ZVBhaXIpXCI+XHJcbiAgICAgICAgICAgIHt7dmFsdWVQYWlyPy5kZXNjcmlwdGlvbn19XHJcbiAgICAgICAgICA8L3NweC1zdWdnZXN0aW9uPlxyXG4gICAgICAgIH1cclxuICAgICAgPC9kaXY+YCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNweElucHV0UmFkaW9Db21wb25lbnQge1xyXG4gIGNhY2hlZFN1Z2dlc3Rpb25zOiBTcHhWYWx1ZVBhaXI8YW55PltdID0gW107XHJcbiAgcHJvdGVjdGVkIGZvY3VzUG9zaXRpb24gPSAwO1xyXG4gIC8vIEBFbGVtZW50KCkgZWwhOiBIVE1MRWxlbWVudDtcclxuICBASW5wdXQoKSBzcHhOYW1lPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNweFZhbGlkYXRvcnMhOiBhbnlbXTtcclxuICBASW5wdXQoKSBzcHhGb2N1c2VkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc3B4U2hvd0xhYmVsID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzcHhSZWFkb25seSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNweFN1Z2dlc3Rpb25zOiBTcHhWYWx1ZVBhaXI8YW55PltdID0gW107XHJcbiAgQElucHV0KCkgdmFsdWU/OiBTcHhWYWx1ZVBhaXI8YW55PjtcclxuICBAT3V0cHV0KCkgc3B4Q2hhbmdlOiBFdmVudEVtaXR0ZXI8U3B4VmFsdWVQYWlyPGFueT4+ID0gbmV3IEV2ZW50RW1pdHRlcjxTcHhWYWx1ZVBhaXI8YW55Pj4oKTtcclxuICBAT3V0cHV0KCkgc3B4Rm9jdXM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBwcml2YXRlIHN1YnNjcmlwdGlvbktleVVwPzogU3Vic2NyaXB0aW9uO1xyXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uS2V5RG93bj86IFN1YnNjcmlwdGlvbjtcclxuICBzcHhGb2N1c0luKCkge1xyXG4gICAgdGhpcy5saXN0ZW5Ub0tleXMoKTtcclxuICAgIHRoaXMuZGV0ZXJtaW5lRm9jdXNQb3NpdGlvbigpO1xyXG4gIH1cclxuXHJcbiAgc3B4Rm9jdXNPdXQoKSB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbktleURvd24/LnVuc3Vic2NyaWJlKCk7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbktleVVwPy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgaWYgKFxyXG4gICAgICAoY2hhbmdlc1snc3B4U3VnZ2VzdGlvbnMnXSAmJiBKU09OLnN0cmluZ2lmeShjaGFuZ2VzWydzcHhTdWdnZXN0aW9ucyddPy5wcmV2aW91c1ZhbHVlKSAhPT0gSlNPTi5zdHJpbmdpZnkoY2hhbmdlc1snc3B4U3VnZ2VzdGlvbnMnXT8uY3VycmVudFZhbHVlKSlcclxuICAgICkge1xyXG4gICAgICB0aGlzLmNhY2hlZFN1Z2dlc3Rpb25zID0gY2hhbmdlc1snc3B4U3VnZ2VzdGlvbnMnXT8uY3VycmVudFZhbHVlID8/IFtdO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgaGFuZGxlU3VnZ2VzdGlvbkNsaWNrKGV2ZW50OiBFdmVudCwgdmFsdWVQYWlyOiBTcHhWYWx1ZVBhaXI8YW55Pikge1xyXG4gICAgaWYgKHRoaXMuc3B4UmVhZG9ubHkpIHtcclxuICAgICAgY29uc29sZS5sb2coJ3NweElucHV0UmFkaW86IGNsaWNrZWQsIGJ1dCByZWFkb25seScpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgY29uc29sZS5sb2coJ3NweElucHV0UmFkaW86IGNsaWNrZWQnKTtcclxuICAgICAgdGhpcy5zZWxlY3QodmFsdWVQYWlyKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgZGV0ZXJtaW5lRm9jdXNQb3NpdGlvbigpIHtcclxuICAgIGlmICh0aGlzLnZhbHVlICYmIHRoaXMuc3B4U3VnZ2VzdGlvbnM/Lmxlbmd0aCkge1xyXG4gICAgICBjb25zdCBpbmRleCA9IHRoaXMuc3B4U3VnZ2VzdGlvbnMuZmluZEluZGV4KHZhbHVlUGFpciA9PiB2YWx1ZVBhaXJUb1ZhbHVlKHZhbHVlUGFpcikgPT09IHZhbHVlUGFpclRvVmFsdWUodGhpcy52YWx1ZSkpO1xyXG4gICAgICB0aGlzLmZvY3VzUG9zaXRpb24gPSBpbmRleCA+PSAwID8gaW5kZXggOiAwO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5mb2N1c1Bvc2l0aW9uID0gMDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2VsZWN0KHZhbHVlUGFpcjogU3B4VmFsdWVQYWlyPHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4+KTogdm9pZCB7XHJcbiAgICB0aGlzLmZvY3VzUG9zaXRpb24gPSAwO1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlUGFpcjtcclxuICAgIHRoaXMuc3B4Q2hhbmdlLmVtaXQodmFsdWVQYWlyKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgbGlzdGVuVG9LZXlzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb25LZXlVcCA9IGZyb21FdmVudCh3aW5kb3csICdrZXl1cCcpLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcclxuICAgICAgaWYgKCgoZXZlbnQgYXMgS2V5Ym9hcmRFdmVudCkua2V5ID09PSAnQXJyb3dVcCcgfHwgKGV2ZW50IGFzIEtleWJvYXJkRXZlbnQpLmtleSA9PT0gJ0Fycm93TGVmdCcpICYmIHRoaXMuZm9jdXNQb3NpdGlvbiA+IDApIHtcclxuICAgICAgICB0aGlzLmZvY3VzUG9zaXRpb24gPSB0aGlzLmZvY3VzUG9zaXRpb24gLSAxO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0KHRoaXMuc3B4U3VnZ2VzdGlvbnMuYXQodGhpcy5mb2N1c1Bvc2l0aW9uKSEpO1xyXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKCgoZXZlbnQgYXMgS2V5Ym9hcmRFdmVudCkua2V5ID09PSAnQXJyb3dEb3duJyB8fCAoZXZlbnQgYXMgS2V5Ym9hcmRFdmVudCkua2V5ID09PSAnQXJyb3dSaWdodCcpICYmIHRoaXMuZm9jdXNQb3NpdGlvbiA8IHRoaXMuc3B4U3VnZ2VzdGlvbnMubGVuZ3RoIC0gMSkge1xyXG4gICAgICAgIHRoaXMuZm9jdXNQb3NpdGlvbiA9IHRoaXMuZm9jdXNQb3NpdGlvbiArIDE7XHJcbiAgICAgICAgdGhpcy5zZWxlY3QodGhpcy5zcHhTdWdnZXN0aW9ucy5hdCh0aGlzLmZvY3VzUG9zaXRpb24pISk7XHJcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbktleURvd24gPSBmcm9tRXZlbnQod2luZG93LCAna2V5ZG93bicpLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcclxuICAgICAgaWYgKChldmVudCBhcyBLZXlib2FyZEV2ZW50KS5rZXkgPT09ICdBcnJvd0Rvd24nIHx8XHJcbiAgICAgICAgKGV2ZW50IGFzIEtleWJvYXJkRXZlbnQpLmtleSA9PT0gJ0Fycm93TGVmdCcgfHxcclxuICAgICAgICAoZXZlbnQgYXMgS2V5Ym9hcmRFdmVudCkua2V5ID09PSAnQXJyb3dSaWdodCcgfHxcclxuICAgICAgICAoZXZlbnQgYXMgS2V5Ym9hcmRFdmVudCkua2V5ID09PSAnQXJyb3dVcCcpIHtcclxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbn0iXX0=

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

@@ -1,160 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { SpxDropdownComponent } from './spx-dropdown.component';
-import * as i0 from "@angular/core";
-export class SpxInputTextComponent {
-    constructor() {
-        this.spxAutofocus = false;
-        this.spxSuggestions = [];
-        this.spxReadonly = false;
-        this.spxCapitalize = false;
-        this.spxFocused = true;
-        this.spxType = 'text';
-        this.spxBlurFromChild = new EventEmitter();
-        this.spxChange = new EventEmitter();
-        this.spxFocus = new EventEmitter();
-        this.spxWasInternalUpdate = false;
-    }
-    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;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxInputTextComponent, isStandalone: true, selector: "spx-input-text", inputs: { spxName: "spxName", spxAutofocus: "spxAutofocus", spxAutocomplete: "spxAutocomplete", 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">
-    <input
-      #input
-      class="font-bold text-lg w-full outline-none"
-      autocomplete="off"
-      spellcheck="false"
-      [class.bg-white]="!this.spxReadonly"
-      [class.bg-gray-300]="this.spxReadonly"
-      [class.cursor-not-allowed]="this.spxReadonly"
-      [class.uppercase]="this.spxCapitalize"
-      [attr.autocomplete]="this.spxAutocomplete ? this.spxAutocomplete : undefined"
-      [attr.autofocus]="this.spxAutofocus ? this.spxAutofocus : undefined"
-      [attr.disabled]="this.spxReadonly ? this.spxReadonly : undefined"
-      [attr.inputMode]="this.spxInputMode ? this.spxInputMode : undefined"
-      [attr.pattern]="this.spxPattern ? this.spxPattern : undefined"
-      [attr.name]="this.spxName"
-      [attr.type]="this.spxType"
-      [value]="this.value?.description ? this.value?.description : this.value?.value"
-      (blur)="this.handleBlur()"
-      (keyUp)="this.handleKeyUp()"
-      (focus)="this.handleFocus()"
-      (input)="this.handleDescriptionInput($event)"
-      />
-    @if (this.value?.description && this.value?.value && this.value?.description?.valueOf() !== this.value?.value?.valueOf()) {
-      <span>{{this.value?.value}}</span>
-    }
-    @if (this.spxFocused && (this.spxType === 'overlay' || this.spxType === 'overlaynumber')) {
-      <spx-dropdown
-        [spxSuggestions]="this.spxSuggestions" (spxSelect)="this.handleSuggestionClick($event)">
-      </spx-dropdown>
-    }
-  </div>`, isInline: true, dependencies: [{ kind: "component", type: SpxDropdownComponent, selector: "spx-dropdown", inputs: ["spxSuggestions"], outputs: ["spxSelect"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputTextComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spx-input-text',
-                    standalone: true,
-                    imports: [
-                        SpxDropdownComponent
-                    ],
-                    template: `<div class="relative text-black">
-    <input
-      #input
-      class="font-bold text-lg w-full outline-none"
-      autocomplete="off"
-      spellcheck="false"
-      [class.bg-white]="!this.spxReadonly"
-      [class.bg-gray-300]="this.spxReadonly"
-      [class.cursor-not-allowed]="this.spxReadonly"
-      [class.uppercase]="this.spxCapitalize"
-      [attr.autocomplete]="this.spxAutocomplete ? this.spxAutocomplete : undefined"
-      [attr.autofocus]="this.spxAutofocus ? this.spxAutofocus : undefined"
-      [attr.disabled]="this.spxReadonly ? this.spxReadonly : undefined"
-      [attr.inputMode]="this.spxInputMode ? this.spxInputMode : undefined"
-      [attr.pattern]="this.spxPattern ? this.spxPattern : undefined"
-      [attr.name]="this.spxName"
-      [attr.type]="this.spxType"
-      [value]="this.value?.description ? this.value?.description : this.value?.value"
-      (blur)="this.handleBlur()"
-      (keyUp)="this.handleKeyUp()"
-      (focus)="this.handleFocus()"
-      (input)="this.handleDescriptionInput($event)"
-      />
-    @if (this.value?.description && this.value?.value && this.value?.description?.valueOf() !== this.value?.value?.valueOf()) {
-      <span>{{this.value?.value}}</span>
-    }
-    @if (this.spxFocused && (this.spxType === 'overlay' || this.spxType === 'overlaynumber')) {
-      <spx-dropdown
-        [spxSuggestions]="this.spxSuggestions" (spxSelect)="this.handleSuggestionClick($event)">
-      </spx-dropdown>
-    }
-  </div>`,
-                }]
-        }], propDecorators: { spxName: [{
-                type: Input
-            }], spxAutofocus: [{
-                type: Input
-            }], spxAutocomplete: [{
-                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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQXlDaEUsTUFBTSxPQUFPLHFCQUFxQjtJQXZDbEM7UUEyQ1csaUJBQVksR0FBRyxLQUFLLENBQUM7UUFJckIsbUJBQWMsR0FBOEMsRUFBRSxDQUFDO1FBQy9ELGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsWUFBTyxHQUF1RSxNQUFNLENBQUM7UUFFcEYscUJBQWdCLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDaEUsY0FBUyxHQUFvQyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQUNuRixhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekQseUJBQW9CLEdBQUcsS0FBSyxDQUFDO0tBMEN2QztJQXRDQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3JCLENBQUM7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELHNCQUFzQixDQUFDLEtBQVU7UUFDL0IsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLFdBQVcsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUNyRCxLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUk7U0FDaEQsQ0FBQztRQUNGLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQscUJBQXFCLENBQUMsS0FBVTtRQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNoQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUMxQixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztJQUN6QixDQUFDOytHQTNEVSxxQkFBcUI7bUdBQXJCLHFCQUFxQixncUJBakN0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztTQStCSCw0REFqQ0wsb0JBQW9COzs0RkFtQ1gscUJBQXFCO2tCQXZDakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjtxQkFDdkI7b0JBQ0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1NBK0JIO2lCQUNSOzhCQUlVLE9BQU87c0JBQWYsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0Usb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNnQyxRQUFRO3NCQUE3QyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTcHhWYWx1ZVBhaXIgfSBmcm9tICcuL3NweC12YWx1ZS1pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBTcHhEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vc3B4LWRyb3Bkb3duLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NweC1pbnB1dC10ZXh0JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIFNweERyb3Bkb3duQ29tcG9uZW50XHJcbl0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwicmVsYXRpdmUgdGV4dC1ibGFja1wiPlxyXG4gICAgPGlucHV0XHJcbiAgICAgICNpbnB1dFxyXG4gICAgICBjbGFzcz1cImZvbnQtYm9sZCB0ZXh0LWxnIHctZnVsbCBvdXRsaW5lLW5vbmVcIlxyXG4gICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxyXG4gICAgICBzcGVsbGNoZWNrPVwiZmFsc2VcIlxyXG4gICAgICBbY2xhc3MuYmctd2hpdGVdPVwiIXRoaXMuc3B4UmVhZG9ubHlcIlxyXG4gICAgICBbY2xhc3MuYmctZ3JheS0zMDBdPVwidGhpcy5zcHhSZWFkb25seVwiXHJcbiAgICAgIFtjbGFzcy5jdXJzb3Itbm90LWFsbG93ZWRdPVwidGhpcy5zcHhSZWFkb25seVwiXHJcbiAgICAgIFtjbGFzcy51cHBlcmNhc2VdPVwidGhpcy5zcHhDYXBpdGFsaXplXCJcclxuICAgICAgW2F0dHIuYXV0b2NvbXBsZXRlXT1cInRoaXMuc3B4QXV0b2NvbXBsZXRlID8gdGhpcy5zcHhBdXRvY29tcGxldGUgOiB1bmRlZmluZWRcIlxyXG4gICAgICBbYXR0ci5hdXRvZm9jdXNdPVwidGhpcy5zcHhBdXRvZm9jdXMgPyB0aGlzLnNweEF1dG9mb2N1cyA6IHVuZGVmaW5lZFwiXHJcbiAgICAgIFthdHRyLmRpc2FibGVkXT1cInRoaXMuc3B4UmVhZG9ubHkgPyB0aGlzLnNweFJlYWRvbmx5IDogdW5kZWZpbmVkXCJcclxuICAgICAgW2F0dHIuaW5wdXRNb2RlXT1cInRoaXMuc3B4SW5wdXRNb2RlID8gdGhpcy5zcHhJbnB1dE1vZGUgOiB1bmRlZmluZWRcIlxyXG4gICAgICBbYXR0ci5wYXR0ZXJuXT1cInRoaXMuc3B4UGF0dGVybiA/IHRoaXMuc3B4UGF0dGVybiA6IHVuZGVmaW5lZFwiXHJcbiAgICAgIFthdHRyLm5hbWVdPVwidGhpcy5zcHhOYW1lXCJcclxuICAgICAgW2F0dHIudHlwZV09XCJ0aGlzLnNweFR5cGVcIlxyXG4gICAgICBbdmFsdWVdPVwidGhpcy52YWx1ZT8uZGVzY3JpcHRpb24gPyB0aGlzLnZhbHVlPy5kZXNjcmlwdGlvbiA6IHRoaXMudmFsdWU/LnZhbHVlXCJcclxuICAgICAgKGJsdXIpPVwidGhpcy5oYW5kbGVCbHVyKClcIlxyXG4gICAgICAoa2V5VXApPVwidGhpcy5oYW5kbGVLZXlVcCgpXCJcclxuICAgICAgKGZvY3VzKT1cInRoaXMuaGFuZGxlRm9jdXMoKVwiXHJcbiAgICAgIChpbnB1dCk9XCJ0aGlzLmhhbmRsZURlc2NyaXB0aW9uSW5wdXQoJGV2ZW50KVwiXHJcbiAgICAgIC8+XHJcbiAgICBAaWYgKHRoaXMudmFsdWU/LmRlc2NyaXB0aW9uICYmIHRoaXMudmFsdWU/LnZhbHVlICYmIHRoaXMudmFsdWU/LmRlc2NyaXB0aW9uPy52YWx1ZU9mKCkgIT09IHRoaXMudmFsdWU/LnZhbHVlPy52YWx1ZU9mKCkpIHtcclxuICAgICAgPHNwYW4+e3t0aGlzLnZhbHVlPy52YWx1ZX19PC9zcGFuPlxyXG4gICAgfVxyXG4gICAgQGlmICh0aGlzLnNweEZvY3VzZWQgJiYgKHRoaXMuc3B4VHlwZSA9PT0gJ292ZXJsYXknIHx8IHRoaXMuc3B4VHlwZSA9PT0gJ292ZXJsYXludW1iZXInKSkge1xyXG4gICAgICA8c3B4LWRyb3Bkb3duXHJcbiAgICAgICAgW3NweFN1Z2dlc3Rpb25zXT1cInRoaXMuc3B4U3VnZ2VzdGlvbnNcIiAoc3B4U2VsZWN0KT1cInRoaXMuaGFuZGxlU3VnZ2VzdGlvbkNsaWNrKCRldmVudClcIj5cclxuICAgICAgPC9zcHgtZHJvcGRvd24+XHJcbiAgICB9XHJcbiAgPC9kaXY+YCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNweElucHV0VGV4dENvbXBvbmVudCB7XHJcbiAgLy8gcHJpdmF0ZSBlbElucHV0PzogSFRNTEVsZW1lbnQ7XHJcbiAgLy8gQEVsZW1lbnQoKSBlbCE6IEhUTUxFbGVtZW50O1xyXG4gIEBJbnB1dCgpIHNweE5hbWU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc3B4QXV0b2ZvY3VzID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc3B4QXV0b2NvbXBsZXRlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNweElucHV0TW9kZT86IHN0cmluZztcclxuICBASW5wdXQoKSBzcHhQYXR0ZXJuPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNweFN1Z2dlc3Rpb25zOiBTcHhWYWx1ZVBhaXI8Ym9vbGVhbiB8IG51bWJlciB8IHN0cmluZz5bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHNweFJlYWRvbmx5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc3B4VmFsaWRhdG9ycz86IGFueVtdO1xyXG4gIEBJbnB1dCgpIHNweENhcGl0YWxpemUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzcHhGb2N1c2VkID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzcHhUeXBlOiAnYXV0b2NvbXBsZXRlJyB8ICdvdmVybGF5JyB8ICdvdmVybGF5bnVtYmVyJyB8ICd0ZXh0JyB8ICdwYXNzd29yZCcgPSAndGV4dCc7XHJcbiAgQElucHV0KCkgdmFsdWU/OiBTcHhWYWx1ZVBhaXI8YW55PjtcclxuICBAT3V0cHV0KCkgc3B4Qmx1ckZyb21DaGlsZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBzcHhDaGFuZ2U6IEV2ZW50RW1pdHRlcjxTcHhWYWx1ZVBhaXI8YW55Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPFNweFZhbHVlUGFpcjxhbnk+PigpO1xyXG4gIEBPdXRwdXQoKSBzcHhGb2N1czogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBJbnB1dCgpIHNweFdhc0ludGVybmFsVXBkYXRlID0gZmFsc2U7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBpbnB1dFJlZj86IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XHJcbiAgXHJcbiAgXHJcbiAgc3B4U2V0Rm9jdXMoKSB7XHJcbiAgICB0aGlzLmlucHV0UmVmPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpO1xyXG4gIH1cclxuXHJcbiAgY29tcG9uZW50RGlkTG9hZCgpIHtcclxuICAgIGlmICh0aGlzLnNweEF1dG9mb2N1cykge1xyXG4gICAgICB0aGlzLnNweEZvY3VzLmVtaXQoKTtcclxuICAgICAgdGhpcy5zcHhTZXRGb2N1cygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgaGFuZGxlQmx1cigpIHtcclxuICAgIHRoaXMuc3B4Qmx1ckZyb21DaGlsZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVGb2N1cygpIHtcclxuICAgIHRoaXMuc3B4Rm9jdXMuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlRGVzY3JpcHRpb25JbnB1dChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLnZhbHVlID0ge1xyXG4gICAgICBkZXNjcmlwdGlvbjogZXZlbnQudGFyZ2V0ID8gZXZlbnQudGFyZ2V0LnZhbHVlIDogbnVsbCxcclxuICAgICAgdmFsdWU6IGV2ZW50LnRhcmdldCA/IGV2ZW50LnRhcmdldC52YWx1ZSA6IG51bGwsXHJcbiAgICB9O1xyXG4gICAgdGhpcy5zcHhDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIGhhbmRsZVN1Z2dlc3Rpb25DbGljayh2YWx1ZTogYW55KSB7XHJcbiAgICBpZiAoIXRoaXMuc3B4UmVhZG9ubHkpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgICB0aGlzLnNweENoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gICAgICB0aGlzLnNweEZvY3VzZWQgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGhhbmRsZUtleVVwKCkge1xyXG4gICAgdGhpcy5zcHhGb2N1c2VkID0gdHJ1ZTtcclxuICB9XHJcbn1cclxuIl19

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

@@ -1,129 +0,0 @@
-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: "17.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">
-      @if (view === 'hours') {
-        <div class="flex-wrap gap-2">
-          <div class="grid grid-cols-3 md:grid-cols-4 gap-3">
-            @for (hour of hourOptions; track hour) {
-              <div  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 -->
-      @if (view === 'minutes') {
-        <div class="grid grid-cols-1 gap-3">
-          <div class="grid grid-cols-4 md:grid-cols-5 gap-3">
-            @for (minute of minuteOptions; track minute) {
-              <div 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: "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: [
-                        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">
-      @if (view === 'hours') {
-        <div class="flex-wrap gap-2">
-          <div class="grid grid-cols-3 md:grid-cols-4 gap-3">
-            @for (hour of hourOptions; track hour) {
-              <div  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 -->
-      @if (view === 'minutes') {
-        <div class="grid grid-cols-1 gap-3">
-          <div class="grid grid-cols-4 md:grid-cols-5 gap-3">
-            @for (minute of minuteOptions; track minute) {
-              <div 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LXRpbWUtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsV0FBVyxFQUFtQixNQUFNLGdCQUFnQixDQUFDOzs7O0FBbUQ5RCxNQUFNLE9BQU8sMEJBQTBCO0lBVXJDLFlBQW9CLGVBQWdDO1FBQWhDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQVAxQyxXQUFNLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFFcEUsWUFBTyxHQUFHLE9BQU8sQ0FBQTtRQUNqQixnQkFBVyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVU7UUFDakUsa0JBQWEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO1FBQzVGLGNBQVMsR0FBRyxlQUFlLENBQUMsS0FBSyxDQUFDO1FBR2hDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFHLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7K0dBdkJVLDBCQUEwQjttR0FBMUIsMEJBQTBCLHlKQXhDM0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0NULDJEQTNDQyxXQUFXLDJsQkFDWCxrQkFBa0Isb09BRWxCLGlCQUFpQjs7NEZBMENSLDBCQUEwQjtrQkFqRHRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRTt3QkFDUCxXQUFXO3dCQUNYLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixpQkFBaUI7cUJBQ3BCO29CQUNDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQ1Q7aUJBQ0Y7b0ZBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTcHhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1idXR0b24nO1xyXG5pbXBvcnQgeyBTcHhEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vc3B4LWRyb3Bkb3duLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNweFNldmVyaXR5RW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWhlbHBlcnMnO1xyXG5pbXBvcnQgeyBmYVhtYXJrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcbmltcG9ydCB7IElvbmljTW9kdWxlLCBNb2RhbENvbnRyb2xsZXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NweC1pbnB1dC10aW1lLW1vZGFsJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIElvbmljTW9kdWxlLFxyXG4gICAgU3B4QnV0dG9uQ29tcG9uZW50LFxyXG4gICAgU3B4RHJvcGRvd25Db21wb25lbnQsXHJcbiAgICBGb250QXdlc29tZU1vZHVsZVxyXG5dLFxyXG4gIHRlbXBsYXRlOiBgPGlvbi1oZWFkZXI+XHJcbiAgICA8aW9uLXRvb2xiYXI+XHJcbiAgICAgIDxpb24tdGl0bGU+U2VsZWN0IHt7dmlld319PC9pb24tdGl0bGU+XHJcbiAgICAgIDxpb24tYnV0dG9ucyBzbG90PVwiZW5kXCI+XHJcbiAgICAgICAgPHNweC1idXR0b24gW3NweFNldmVyaXR5XT1cInR5cGVFcnJvclwiIChzcHhDbGljayk9XCJjbG9zZURpYWxvZygpXCI+XHJcbiAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJmYVhtYXJrXCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDwvc3B4LWJ1dHRvbj5cclxuICAgICAgPC9pb24tYnV0dG9ucz5cclxuICAgIDwvaW9uLXRvb2xiYXI+XHJcbiAgPC9pb24taGVhZGVyPlxyXG4gIDxpb24tY29udGVudCBjbGFzcz1cImlvbi1wYWRkaW5nIGJnLXdoaXRlXCI+XHJcbiAgICA8IS0tIFVyZW4gLS0+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWJnIGdyaWQgZ3JpZC1jb2xzLTEgZ2FwLTNcIj5cclxuICAgICAgQGlmICh2aWV3ID09PSAnaG91cnMnKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtd3JhcCBnYXAtMlwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTMgbWQ6Z3JpZC1jb2xzLTQgZ2FwLTNcIj5cclxuICAgICAgICAgICAgQGZvciAoaG91ciBvZiBob3VyT3B0aW9uczsgdHJhY2sgaG91cikge1xyXG4gICAgICAgICAgICAgIDxkaXYgIGNsYXNzPVwidGV4dC1jZW50ZXIgZm9udC1ib2xkIGN1c3RvbS1zcXVhcmUgcm91bmRlZCB0ZXh0LWdyYXktOTAwIHRleHQtbGcgcC0zIHctZnVsbCB0cnVuY2F0ZSBvdXRsaW5lLW5vbmUgYmctc2t5LTEwMCBmb2N1czpyaW5nLXNreS0zMDAgaG92ZXI6Ymctc2t5LTMwMCBhY3RpdmU6Ymctc2t5LTMwMFwiIFtjbGFzcy5zZWxlY3RlZF09XCJ2YWx1ZSA9PT0gaG91clwiIChjbGljayk9XCJvbkNoYW5nZShob3VyKVwiPlxyXG4gICAgICAgICAgICAgICAge3sgaG91ciB9fVxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG4gICAgICA8IS0tIE1pbnV0ZW4gLS0+XHJcbiAgICAgIEBpZiAodmlldyA9PT0gJ21pbnV0ZXMnKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTEgZ2FwLTNcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy00IG1kOmdyaWQtY29scy01IGdhcC0zXCI+XHJcbiAgICAgICAgICAgIEBmb3IgKG1pbnV0ZSBvZiBtaW51dGVPcHRpb25zOyB0cmFjayBtaW51dGUpIHtcclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXIgZm9udC1ib2xkIGN1c3RvbS1zcXVhcmUgcm91bmRlZCB0ZXh0LWdyYXktOTAwIHRleHQtbGcgcC0zIHctZnVsIHRydW5jYXRlIG91dGxpbmUtbm9uZSBiZy1za3ktMTAwIGZvY3VzOnJpbmctc2t5LTMwMCBob3ZlcjpiZy1za3ktMzAwIGFjdGl2ZTpiZy1za3ktMzAwXCIgW2NsYXNzLnNlbGVjdGVkXT1cInZhbHVlID09PSBtaW51dGVcIiAoY2xpY2spPVwib25DaGFuZ2UobWludXRlKVwiPlxyXG4gICAgICAgICAgICAgICAge3sgbWludXRlIH19XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICA8L2lvbi1jb250ZW50PlxyXG4gIGAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTcHhJbnB1dFRpbWVNb2RhbENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdmlldyE6ICdob3VycycgfCAnbWludXRlcyc7XHJcbiAgQElucHV0KCkgdmFsdWUhOiBudW1iZXI7XHJcbiAgQE91dHB1dCgpIGNoYW5nZTogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcclxuXHJcbiAgZmFYbWFyayA9IGZhWG1hcmtcclxuICBob3VyT3B0aW9ucyA9IEFycmF5LmZyb20oeyBsZW5ndGg6IDI0IH0sIChfLCBpKSA9PiBpKTsgLy8gMCB0byAyM1xyXG4gIG1pbnV0ZU9wdGlvbnMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiAxMiB9LCAoXywgaSkgPT4gaSAqIDUpOyAvLyBNaW51dGVzIGluIGluY3JlbWVudGVuIHZhbiA1XHJcbiAgdHlwZUVycm9yID0gU3B4U2V2ZXJpdHlFbnVtLmVycm9yO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1vZGFsQ29udHJvbGxlcjogTW9kYWxDb250cm9sbGVyKXtcclxuICAgIHRoaXMuaG91ck9wdGlvbnMucHVzaCh0aGlzLmhvdXJPcHRpb25zLnNoaWZ0KCkhKTtcclxuICAgIHRoaXMubWludXRlT3B0aW9ucy5wdXNoKHRoaXMubWludXRlT3B0aW9ucy5zaGlmdCgpISk7XHJcbiAgfVxyXG5cclxuICBjbG9zZURpYWxvZygpIHtcclxuICAgIHRoaXMubW9kYWxDb250cm9sbGVyLmRpc21pc3MoKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlKHZhbHVlOiBudW1iZXIpIHtcclxuICAgIHRoaXMuY2hhbmdlLmVtaXQodmFsdWUpO1xyXG4gICAgY29uc29sZS5sb2codmFsdWUpO1xyXG4gICAgdGhpcy5tb2RhbENvbnRyb2xsZXIuZGlzbWlzcyh2YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==