boruto-xrmui 1.0.12 → 1.0.14

package/fesm2022/boruto-xrmui.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { ViewEncapsulation, Component, effect, input, output, HostListener, Directive, inject, ElementRef, Input, signal, ChangeDetectorRef, ViewChild, NgModule, Injectable, computed, EventEmitter, Output } from '@angular/core';
+import { ViewEncapsulation, Component, effect, input, output, HostListener, Directive, inject, ElementRef, Input, signal, ChangeDetectorRef, ViewChild, NgModule, Injectable, computed, model, EventEmitter, Output } from '@angular/core';
 import { NgClass, NgStyle } from '@angular/common';
+import { NativeDateAdapter } from '@angular/material/core';
 import { MatIcon } from '@angular/material/icon';
 import { MatBadge } from '@angular/material/badge';
 import { Subject, BehaviorSubject } from 'rxjs';
@@ -8,6 +9,8 @@ import { CdkDrag } from '@angular/cdk/drag-drop';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { TextFieldModule } from '@angular/cdk/text-field';
+import * as i2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i1$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i1$2 from '@angular/material/menu';
@@ -804,6 +807,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 }]
         }] });
 
+class DKCustomDateAdapter extends NativeDateAdapter {
+    format(date, displayFormat) {
+        if (!date)
+            return '';
+        const day = this.pad(date.getDate());
+        const month = this.pad(date.getMonth() + 1);
+        const year = date.getFullYear();
+        return `${day}-${month}-${year}`;
+    }
+    parse(value) {
+        if (typeof value !== 'string' || !value.trim())
+            return null;
+        const parts = value.split('-');
+        if (parts.length !== 3)
+            return null;
+        const day = Number(parts[0]);
+        const month = Number(parts[1]) - 1;
+        const year = Number(parts[2]);
+        const date = new Date(year, month, day);
+        return isNaN(date.getTime()) ? null : date;
+    }
+    pad(n) {
+        return n < 10 ? `0${n}` : `${n}`;
+    }
+}
+
 class SelectedService {
     selectedItems = {};
     notSelectedItems = {};
@@ -1359,28 +1388,26 @@ const CTRL_KEYS = ['c', 'C', 'v', 'V', 'x', 'X'];
 class XrmuiInput {
     searchElement;
     textareaElement;
-    label = '';
-    shortLabel = false;
-    placeholder = '';
-    value = null;
-    valueChange = new EventEmitter();
-    disabled = false;
-    showlock = true;
-    required = false;
-    type = 'text';
-    setfocus = false;
-    setfocusChange = new EventEmitter();
-    autocomplete = null;
-    selected = undefined;
-    onselect = new EventEmitter();
-    error = false;
-    message = '';
-    validate = null;
-    onfocusEvent = new EventEmitter();
-    onblurEvent = new EventEmitter();
-    click = new EventEmitter();
-    decimalsUsed = new EventEmitter();
-    onEnter = new EventEmitter();
+    datefieldElement;
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    shortLabel = input(false, { ...(ngDevMode ? { debugName: "shortLabel" } : {}), alias: 'short-label' });
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    showlock = input(true, ...(ngDevMode ? [{ debugName: "showlock" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    setfocus = model(false, ...(ngDevMode ? [{ debugName: "setfocus" }] : []));
+    autocomplete = input(null, ...(ngDevMode ? [{ debugName: "autocomplete" }] : []));
+    selected = model(undefined, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    onselect = output();
+    error = input(false, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    validate = model(null, ...(ngDevMode ? [{ debugName: "validate" }] : []));
+    onfocusEvent = output({ alias: 'focus' });
+    onblurEvent = output({ alias: 'blur' });
+    click = output();
+    decimalsUsed = output();
+    onEnter = output();
     numberoflines = input(1, ...(ngDevMode ? [{ debugName: "numberoflines" }] : []));
     maxlength = input(null, ...(ngDevMode ? [{ debugName: "maxlength" }] : []));
     hasfocus = signal(false, ...(ngDevMode ? [{ debugName: "hasfocus" }] : []));
@@ -1392,31 +1419,46 @@ class XrmuiInput {
     searchnumber = 0;
     current;
     currentindex = -1;
-    shadowValue = '';
+    shadowValue = signal('', ...(ngDevMode ? [{ debugName: "shadowValue" }] : []));
+    shadowDate = signal(null, ...(ngDevMode ? [{ debugName: "shadowDate" }] : []));
     constructor() {
-    }
-    ngOnChanges(changes) {
-        if (this.setfocus == true) {
-            this.setfocus = false;
-            this.focusMe(undefined);
-            setTimeout(() => {
-                this.setfocusChange.emit(false);
-            }, 10);
-        }
-        if (this.type == 'number' && this.validate == null) {
-            this.validate = 'decimal';
-        }
-        if (this.value == null) {
-            this.shadowValue = '';
-        }
-        else {
-            if (this.validate == 'decimal') {
-                this.shadowValue = this.value.toString().replace('.', ',');
+        effect(() => {
+            const sf = this.setfocus();
+            if (sf == true) {
+                this.focusMe(undefined);
+                setTimeout(() => {
+                    this.setfocus.set(false);
+                }, 10);
             }
-            else {
-                this.shadowValue = this.value.toString();
+        });
+        effect(() => {
+            const type = this.type();
+            const validate = this.validate();
+            if (type == 'number' && validate == null) {
+                this.validate.set('decimal');
             }
-        }
+        });
+        effect(() => {
+            const value = this.value();
+            if (value == null) {
+                this.shadowValue.set('');
+                this.shadowDate.set(null);
+                return;
+            }
+            if (this.validate() == 'decimal') {
+                this.shadowValue.set(value.toString().replace('.', ','));
+                return;
+            }
+            if (this.validate() == 'date') {
+                this.shadowDate.set(value);
+                return;
+            }
+            this.shadowValue.set(value.toString());
+        });
+    }
+    pickDate(d) {
+        this.shadowDate.set(d.value);
+        this.value.set(d.value);
     }
     formatNumber(n) {
         if (Math.abs(n) < 1e21) {
@@ -1428,31 +1470,31 @@ class XrmuiInput {
         }
     }
     onValueChanged() {
-        if (this.shadowValue == '') {
-            this.valueChange.emit(null);
+        const sv = this.shadowValue();
+        if (sv == '') {
+            this.value.set(null);
         }
         else {
-            const next = this.shadowValue.replace(',', '.');
-            switch (this.validate) {
+            const next = sv.replace(',', '.');
+            switch (this.validate()) {
                 case 'number': {
-                    this.value = Number(this.shadowValue);
+                    this.value.set(Number(this.shadowValue));
                     break;
                 }
                 case 'decimal': {
-                    this.value = Number(next);
+                    this.value.set(Number(next));
                     break;
                 }
                 default:
-                    this.value = this.shadowValue;
+                    this.value.set(sv);
             }
-            this.valueChange.emit(this.value);
-            if (this.decimalsUsed.observed) {
+            if (this.type() == 'number' && this.validate() == 'decimal') {
                 var spl = next.split('.');
                 if (spl.length <= 1) {
-                    this.decimalsUsed.next(0);
+                    this.decimalsUsed.emit(0);
                 }
                 else {
-                    this.decimalsUsed.next(spl[1].length);
+                    this.decimalsUsed.emit(spl[1].length);
                 }
             }
         }
@@ -1466,13 +1508,14 @@ class XrmuiInput {
         setTimeout(() => {
             this.hasfocus.set(false);
             this.showitems.set(false);
-            if (this.selected && this.selected.name != this.shadowValue) {
-                this.selected = undefined;
+            const sel = this.selected();
+            if (sel && sel.name != this.shadowValue()) {
+                this.selected.set(undefined);
                 this.onselect.emit(undefined);
-                this.shadowValue = '';
+                this.shadowValue.set('');
             }
             this.onblurEvent.emit();
-        }, 100);
+        }, 200);
     }
     ondown(e) {
         e.stopPropagation();
@@ -1487,17 +1530,14 @@ class XrmuiInput {
     onenter(e) {
         e.stopPropagation();
         e.preventDefault();
-        if (this.onEnter.observed) {
-            this.onEnter.emit();
-            return;
-        }
+        this.onEnter.emit();
         if (this.showitems() == false) {
             this.searchbyname();
             return;
         }
         if (this.current != null) {
-            this.value = this.current.name ?? '';
-            this.selected = this.current;
+            this.value.set(this.current.name ?? '');
+            this.selected.set(this.current);
             this.onselect.emit(this.current);
             this.showitems.set(false);
         }
@@ -1510,7 +1550,7 @@ class XrmuiInput {
     }
     onkeydown(e) {
         const k = e;
-        if (this.validate != null) {
+        if (this.validate() != null) {
             if (NAVIGATIONKEYS.indexOf(k.key) >= 0) {
                 return;
             }
@@ -1519,13 +1559,13 @@ class XrmuiInput {
                     return;
                 }
             }
-            if (this.validate == 'number') {
+            if (this.validate() == 'number') {
                 if (NUMBERS.indexOf(k.key) < 0) {
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }
-            if (this.validate == 'decimal') {
+            if (this.validate() == 'decimal') {
                 if (DECIMALS.indexOf(k.key) < 0) {
                     e.preventDefault();
                     e.stopPropagation();
@@ -1536,8 +1576,8 @@ class XrmuiInput {
     select(e, v) {
         e.stopImmediatePropagation();
         e.stopPropagation();
-        this.value = v.name ?? '';
-        this.selected = v;
+        this.value.set(v.name ?? '');
+        this.selected.set(v);
         this.onselect.emit(v);
     }
     next(e) {
@@ -1557,12 +1597,15 @@ class XrmuiInput {
     }
     focusMe(e) {
         e?.stopPropagation();
-        if (!this.disabled && this.searchElement != null) {
+        if (!this.disabled() && this.searchElement != null) {
             this.searchElement.nativeElement.focus();
         }
-        if (!this.disabled && this.textareaElement != null) {
+        if (!this.disabled() && this.textareaElement != null) {
             this.textareaElement.nativeElement.focus();
         }
+        if (!this.disabled() && this.datefieldElement != null) {
+            this.datefieldElement.nativeElement.focus();
+        }
         this.click.emit();
     }
     searchbyname() {
@@ -1574,12 +1617,13 @@ class XrmuiInput {
         }, 600);
     }
     async dosearchbyname() {
-        if (this.autocomplete != null) {
+        const ap = this.autocomplete();
+        if (ap != null) {
             this.currentindex = -1;
             this.current = undefined;
             this.searchnumber++;
             var next = this.searchnumber;
-            var nextlist = await this.autocomplete.search(this.value?.toString() ?? '');
+            var nextlist = await ap.search(this.value()?.toString() ?? '');
             if (this.searchnumber == next) {
                 this.items = nextlist;
             }
@@ -1594,84 +1638,21 @@ class XrmuiInput {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XrmuiInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XrmuiInput, isStandalone: true, selector: "xrmui-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, shortLabel: { classPropertyName: "shortLabel", publicName: "short-label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, showlock: { classPropertyName: "showlock", publicName: "showlock", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, setfocus: { classPropertyName: "setfocus", publicName: "setfocus", isSignal: false, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: false, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: false, isRequired: false, transformFunction: null }, validate: { classPropertyName: "validate", publicName: "validate", isSignal: false, isRequired: false, transformFunction: null }, numberoflines: { classPropertyName: "numberoflines", publicName: "numberoflines", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", setfocusChange: "setfocusChange", onselect: "onselect", onfocusEvent: "focus", onblurEvent: "blur", click: "click", decimalsUsed: "decimalsUsed", onEnter: "onEnter" }, viewQueries: [{ propertyName: "searchElement", first: true, predicate: ["inputfield"], descendants: true }, { propertyName: "textareaElement", first: true, predicate: ["textareafield"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (showitems()) {\r\n    <div class=\"autocomplete\" [ngClass]=\"{ nolabel: (!label || label.length == 0) }\">\r\n        @if (itemlist().length == 0) {\r\n        <div class=\"element\"><div class=\"item\">Ingen fundet</div>div></div>\r\n        }\r\n        @for (elm of itemlist(); track elm) {\r\n        <div class=\"element\" [ngClass]=\"{ current: current == elm, selectable: !elm.disabled }\" (click)=\"select($event, elm)\">\r\n            <div class=\"item\">{{ elm.name }}</div>\r\n        </div>\r\n        }\r\n    </div>\r\n}\r\n@if (label != '') {\r\n<div class=\"label\" [ngClass]=\"{ short: shortLabel }\" (click)=\"focusMe($event)\">{{ label }}</div>\r\n}\r\n@if (label != '' || type == 'number') {\r\n<div class=\"locked\">\r\n    @if (required) {\r\n    <div style=\"display: inline-block;height: 10px;color: red; position:  relative; top: -8px; right: 0\">*</div>\r\n    }\r\n    @if (disabled && showlock) {\r\n    <mat-icon>lock</mat-icon>\r\n    }\r\n</div>\r\n}\r\n<div class=\"input\" [ngClass]=\"{ focus: hasfocus(), error: error, textarea: numberoflines() > 1 }\" (click)=\"focusMe($event)\">\r\n    @if (numberoflines() == 1) {\r\n    <input \r\n        #inputfield \r\n        [ngClass]=\"type\"\r\n        [type]=\"type != 'password'? 'text' : 'password'\"\r\n        [disabled]=\"disabled\" \r\n        [placeholder]=\"placeholder\" \r\n        [(ngModel)]=\"shadowValue\" \r\n        (ngModelChange)=\"onValueChanged()\" \r\n        (focus)=\"onFocus()\" \r\n        (blur)=\"onBlur()\"\r\n        (keydown.arrowdown)=\"ondown($event)\"\r\n        (keydown.arrowup)=\"onup($event)\"\r\n        (keydown.enter)=\"onenter($event)\"\r\n        (keydown.esc)=\"onesc($event)\"\r\n        (keydown)=\"onkeydown($event)\"\r\n        [maxlength]=\"maxlength()\"/>\r\n    }\r\n    @if (numberoflines() > 1) {\r\n        <textarea\r\n            #textareafield\r\n            [maxlength]=\"maxlength()\"\r\n            [rows]=\"numberoflines()\"\r\n            [disabled]=\"disabled\" \r\n            [placeholder]=\"placeholder\" \r\n            [(ngModel)]=\"shadowValue\" \r\n            (ngModelChange)=\"onValueChanged()\" \r\n            (focus)=\"onFocus()\" \r\n            (blur)=\"onBlur()\"\r\n            (keydown.arrowdown)=\"ondown($event)\"\r\n            (keydown.arrowup)=\"onup($event)\"\r\n            (keydown.enter)=\"onenter($event)\"\r\n            (keydown.esc)=\"onesc($event)\"\r\n            (keydown)=\"onkeydown($event)\"></textarea>\r\n    }\r\n</div>\r\n\r\n@if (label == '' && type != 'number') {\r\n    <div class=\"locked\" style=\"text-align: left;\">\r\n        @if (disabled && showlock) {\r\n            <mat-icon>lock</mat-icon>\r\n        }\r\n    </div>\r\n}\r\n", styles: [":host{position:relative;display:flex;margin-bottom:10px}:host div.autocomplete{position:absolute;z-index:100;top:37px;left:215px;right:0;background-color:red;min-height:40px;background-color:#fff;color:#000;border:solid;border-width:1px 1px 1px 1px;border-color:#d3d3d3;border-radius:4px;padding:5px}:host div.autocomplete.nolabel{left:0}:host div.autocomplete div.element.selectable{cursor:pointer}@media(prefers-color-scheme:dark){:host div.autocomplete{background-color:#000;color:#fff}}:host div.autocomplete div.element{margin:5px;padding:5px;display:flex;border:solid;border-width:0 0 1px 0;border-color:#d3d3d3;font-size:14px;color:gray}:host div.autocomplete div.element.current{border-color:#0f6cbd;color:#000}:host div.autocomplete div.element div.item{flex-grow:1}:host div.label{width:180px;min-width:180px;max-height:180px;height:32px;line-height:32px}:host div.label.short{width:90px;min-width:90px}:host div.locked{width:30px;min-width:30px;max-width:30px;height:32px;line-height:32px;text-align:right;padding-right:3px}:host div.input{flex-grow:1;height:32px;line-height:32px;background-color:#e6e8e8;border-radius:3px;margin:0;padding:0;border:solid;border-width:0 0 3px 0;border-color:transparent}:host div.input.textarea{height:inherit}:host div textarea{background-color:#e6e8e8;border-radius:3px;margin:0;padding:0;border:solid;border-width:0 0 3px 0;border-color:transparent;width:100%}:host div.input.focus,:host div.textarea.focus{border-color:#0f6cbd}:host div.input.error,:host div.input.focus.error{border-color:red;color:red}:host input{background-color:transparent;margin:0;border:none;height:29px;padding:0 0 0 15px;width:100%;box-sizing:border-box}@media(prefers-color-scheme:dark){:host input{color:#000}:host input:disabled{color:#5f615f}}:host input.number{text-align:right;padding-right:15px;padding-left:0}:host *:focus{outline:none}:host mat-icon{color:#d3d3d3;font-size:12px;position:relative;top:5px;width:12px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TextFieldModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XrmuiInput, isStandalone: true, selector: "xrmui-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, shortLabel: { classPropertyName: "shortLabel", publicName: "short-label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showlock: { classPropertyName: "showlock", publicName: "showlock", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, setfocus: { classPropertyName: "setfocus", publicName: "setfocus", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, validate: { classPropertyName: "validate", publicName: "validate", isSignal: true, isRequired: false, transformFunction: null }, numberoflines: { classPropertyName: "numberoflines", publicName: "numberoflines", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", setfocus: "setfocusChange", selected: "selectedChange", onselect: "onselect", validate: "validateChange", onfocusEvent: "focus", onblurEvent: "blur", click: "click", decimalsUsed: "decimalsUsed", onEnter: "onEnter" }, viewQueries: [{ propertyName: "searchElement", first: true, predicate: ["inputfield"], descendants: true }, { propertyName: "textareaElement", first: true, predicate: ["textareafield"], descendants: true }, { propertyName: "datefieldElement", first: true, predicate: ["datefield"], descendants: true }], ngImport: i0, template: "@if (showitems()) {\r\n    <div class=\"autocomplete\" [ngClass]=\"{ nolabel: (!label() || label().length == 0), shortLabel: shortLabel() }\">\r\n        @if (itemlist().length == 0) {\r\n        <div class=\"element\"><div class=\"item\">Ingen fundet</div>div></div>\r\n        }\r\n        @for (elm of itemlist(); track elm) {\r\n        <div class=\"element\" [ngClass]=\"{ current: current == elm, selectable: !elm.disabled }\" (click)=\"select($event, elm)\">\r\n            <div class=\"item\">{{ elm.name }}</div>\r\n        </div>\r\n        }\r\n    </div>\r\n}\r\n@if (label() != '' && label().length > 0) {\r\n<div class=\"label\" [ngClass]=\"{ short: shortLabel() }\" (click)=\"focusMe($event)\">{{ label() }}</div>\r\n}\r\n@if (label() != '' || type() == 'number') {\r\n<div class=\"locked\">\r\n    @if (required()) {\r\n    <div style=\"display: inline-block;height: 10px;color: red; position:  relative; top: -8px; right: 0\">*</div>\r\n    }\r\n    @if (disabled() && showlock()) {\r\n    <mat-icon>lock</mat-icon>\r\n    }\r\n</div>\r\n}\r\n<div class=\"input\" [ngClass]=\"{ focus: hasfocus(), error: error(), textarea: numberoflines() > 1 }\" (click)=\"focusMe($event)\">\r\n    @if (numberoflines() == 1 && validate() != 'date') {\r\n    <input \r\n        #inputfield \r\n        [ngClass]=\"type()\"\r\n        [type]=\"type() != 'password'? 'text' : 'password'\"\r\n        [disabled]=\"disabled()\" \r\n        [placeholder]=\"placeholder()\" \r\n        [(ngModel)]=\"shadowValue\" \r\n        (ngModelChange)=\"onValueChanged()\" \r\n        (focus)=\"onFocus()\" \r\n        (blur)=\"onBlur()\"\r\n        (keydown.arrowdown)=\"ondown($event)\"\r\n        (keydown.arrowup)=\"onup($event)\"\r\n        (keydown.enter)=\"onenter($event)\"\r\n        (keydown.esc)=\"onesc($event)\"\r\n        (keydown)=\"onkeydown($event)\"\r\n        [maxlength]=\"maxlength()\"/>\r\n    }\r\n    @if (numberoflines() == 1 && validate() == 'date') {\r\n        <input\r\n        class=\"datepicker\"\r\n         [matDatepicker]=\"picker\"\r\n         [value]=\"shadowDate\"\r\n         (dateChange)=\"pickDate($event)\"\r\n        (focus)=\"onFocus()\"\r\n        (blur)=\"onBlur()\"\r\n        #datefield/>\r\n        <mat-icon \r\n        class=\"calendar-icon\" \r\n        (click)=\"picker.open()\" \r\n        style=\"font-size: 25px; width: 25px; height: 25px; color: darkgray\">calendar_month</mat-icon>\r\n        <mat-datepicker #picker></mat-datepicker>\r\n    }\r\n    @if (numberoflines() > 1) {\r\n        <textarea\r\n            #textareafield\r\n            [maxlength]=\"maxlength()\"\r\n            [rows]=\"numberoflines()\"\r\n            [disabled]=\"disabled()\" \r\n            [placeholder]=\"placeholder()\" \r\n            [(ngModel)]=\"shadowValue\" \r\n            (ngModelChange)=\"onValueChanged()\" \r\n            (focus)=\"onFocus()\" \r\n            (blur)=\"onBlur()\"\r\n            (keydown.arrowdown)=\"ondown($event)\"\r\n            (keydown.arrowup)=\"onup($event)\"\r\n            (keydown.enter)=\"onenter($event)\"\r\n            (keydown.esc)=\"onesc($event)\"\r\n            (keydown)=\"onkeydown($event)\"></textarea>\r\n    }\r\n</div>\r\n\r\n@if (label() == '' && type() != 'number') {\r\n    <div class=\"locked\" style=\"text-align: left;\">\r\n        @if (disabled() && showlock()) {\r\n            <mat-icon>lock</mat-icon>\r\n        }\r\n    </div>\r\n}\r\n", styles: [":host{position:relative;display:flex;margin-bottom:10px}:host div.autocomplete{position:absolute;z-index:100;top:37px;left:215px;right:0;background-color:red;min-height:40px;background-color:#fff;color:#000;border:solid;border-width:1px 1px 1px 1px;border-color:#d3d3d3;border-radius:4px;padding:5px}:host div.autocomplete.nolabel{left:0}:host div.autocomplete.shortLabel{left:124px}:host div.autocomplete div.element.selectable{cursor:pointer}@media(prefers-color-scheme:dark){:host div.autocomplete{background-color:#000;color:#fff}}:host div.autocomplete div.element{margin:5px;padding:5px;display:flex;border:solid;border-width:0 0 1px 0;border-color:#d3d3d3;font-size:14px;color:gray}:host div.autocomplete div.element.current{border-color:#0f6cbd;color:#000}:host div.autocomplete div.element div.item{flex-grow:1}:host div.label{width:180px;min-width:180px;max-height:180px;height:32px;line-height:32px}:host div.label.short{width:90px;min-width:90px}:host div.locked{width:30px;min-width:30px;max-width:30px;height:32px;line-height:32px;text-align:right;padding-right:3px}:host div.input{flex-grow:1;height:32px;line-height:32px;background-color:#e6e8e8;border-radius:3px;margin:0;padding:0;border:solid;border-width:0 0 3px 0;border-color:transparent}:host div.input.textarea{height:inherit}:host div textarea{background-color:#e6e8e8;border-radius:3px;margin:0;padding:10px 15px;border:solid;border-width:0 0 3px 0;border-color:transparent;width:100%;box-sizing:border-box}:host div.input.focus,:host div.textarea.focus{border-color:#0f6cbd}:host div.input.error,:host div.input.focus.error{border-color:red;color:red}:host input{background-color:transparent;margin:0;border:none;height:29px;padding:0 0 0 15px;width:100%;box-sizing:border-box}:host input.datepicker{width:calc(100% - 35px)}@media(prefers-color-scheme:dark){:host input{color:#000}:host input:disabled{color:#5f615f}}:host input.number{text-align:right;padding-right:15px;padding-left:0}:host *:focus{outline:none}:host mat-icon{color:#d3d3d3;font-size:12px;position:relative;top:5px;width:12px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XrmuiInput, decorators: [{
             type: Component,
-            args: [{ selector: 'xrmui-input', imports: [FormsModule, NgClass, MatIcon, TextFieldModule], template: "@if (showitems()) {\r\n    <div class=\"autocomplete\" [ngClass]=\"{ nolabel: (!label || label.length == 0) }\">\r\n        @if (itemlist().length == 0) {\r\n        <div class=\"element\"><div class=\"item\">Ingen fundet</div>div></div>\r\n        }\r\n        @for (elm of itemlist(); track elm) {\r\n        <div class=\"element\" [ngClass]=\"{ current: current == elm, selectable: !elm.disabled }\" (click)=\"select($event, elm)\">\r\n            <div class=\"item\">{{ elm.name }}</div>\r\n        </div>\r\n        }\r\n    </div>\r\n}\r\n@if (label != '') {\r\n<div class=\"label\" [ngClass]=\"{ short: shortLabel }\" (click)=\"focusMe($event)\">{{ label }}</div>\r\n}\r\n@if (label != '' || type == 'number') {\r\n<div class=\"locked\">\r\n    @if (required) {\r\n    <div style=\"display: inline-block;height: 10px;color: red; position:  relative; top: -8px; right: 0\">*</div>\r\n    }\r\n    @if (disabled && showlock) {\r\n    <mat-icon>lock</mat-icon>\r\n    }\r\n</div>\r\n}\r\n<div class=\"input\" [ngClass]=\"{ focus: hasfocus(), error: error, textarea: numberoflines() > 1 }\" (click)=\"focusMe($event)\">\r\n    @if (numberoflines() == 1) {\r\n    <input \r\n        #inputfield \r\n        [ngClass]=\"type\"\r\n        [type]=\"type != 'password'? 'text' : 'password'\"\r\n        [disabled]=\"disabled\" \r\n        [placeholder]=\"placeholder\" \r\n        [(ngModel)]=\"shadowValue\" \r\n        (ngModelChange)=\"onValueChanged()\" \r\n        (focus)=\"onFocus()\" \r\n        (blur)=\"onBlur()\"\r\n        (keydown.arrowdown)=\"ondown($event)\"\r\n        (keydown.arrowup)=\"onup($event)\"\r\n        (keydown.enter)=\"onenter($event)\"\r\n        (keydown.esc)=\"onesc($event)\"\r\n        (keydown)=\"onkeydown($event)\"\r\n        [maxlength]=\"maxlength()\"/>\r\n    }\r\n    @if (numberoflines() > 1) {\r\n        <textarea\r\n            #textareafield\r\n            [maxlength]=\"maxlength()\"\r\n            [rows]=\"numberoflines()\"\r\n            [disabled]=\"disabled\" \r\n            [placeholder]=\"placeholder\" \r\n            [(ngModel)]=\"shadowValue\" \r\n            (ngModelChange)=\"onValueChanged()\" \r\n            (focus)=\"onFocus()\" \r\n            (blur)=\"onBlur()\"\r\n            (keydown.arrowdown)=\"ondown($event)\"\r\n            (keydown.arrowup)=\"onup($event)\"\r\n            (keydown.enter)=\"onenter($event)\"\r\n            (keydown.esc)=\"onesc($event)\"\r\n            (keydown)=\"onkeydown($event)\"></textarea>\r\n    }\r\n</div>\r\n\r\n@if (label == '' && type != 'number') {\r\n    <div class=\"locked\" style=\"text-align: left;\">\r\n        @if (disabled && showlock) {\r\n            <mat-icon>lock</mat-icon>\r\n        }\r\n    </div>\r\n}\r\n", styles: [":host{position:relative;display:flex;margin-bottom:10px}:host div.autocomplete{position:absolute;z-index:100;top:37px;left:215px;right:0;background-color:red;min-height:40px;background-color:#fff;color:#000;border:solid;border-width:1px 1px 1px 1px;border-color:#d3d3d3;border-radius:4px;padding:5px}:host div.autocomplete.nolabel{left:0}:host div.autocomplete div.element.selectable{cursor:pointer}@media(prefers-color-scheme:dark){:host div.autocomplete{background-color:#000;color:#fff}}:host div.autocomplete div.element{margin:5px;padding:5px;display:flex;border:solid;border-width:0 0 1px 0;border-color:#d3d3d3;font-size:14px;color:gray}:host div.autocomplete div.element.current{border-color:#0f6cbd;color:#000}:host div.autocomplete div.element div.item{flex-grow:1}:host div.label{width:180px;min-width:180px;max-height:180px;height:32px;line-height:32px}:host div.label.short{width:90px;min-width:90px}:host div.locked{width:30px;min-width:30px;max-width:30px;height:32px;line-height:32px;text-align:right;padding-right:3px}:host div.input{flex-grow:1;height:32px;line-height:32px;background-color:#e6e8e8;border-radius:3px;margin:0;padding:0;border:solid;border-width:0 0 3px 0;border-color:transparent}:host div.input.textarea{height:inherit}:host div textarea{background-color:#e6e8e8;border-radius:3px;margin:0;padding:0;border:solid;border-width:0 0 3px 0;border-color:transparent;width:100%}:host div.input.focus,:host div.textarea.focus{border-color:#0f6cbd}:host div.input.error,:host div.input.focus.error{border-color:red;color:red}:host input{background-color:transparent;margin:0;border:none;height:29px;padding:0 0 0 15px;width:100%;box-sizing:border-box}@media(prefers-color-scheme:dark){:host input{color:#000}:host input:disabled{color:#5f615f}}:host input.number{text-align:right;padding-right:15px;padding-left:0}:host *:focus{outline:none}:host mat-icon{color:#d3d3d3;font-size:12px;position:relative;top:5px;width:12px}\n"] }]
+            args: [{ selector: 'xrmui-input', imports: [FormsModule, NgClass, MatIcon, TextFieldModule, MatDatepickerModule], template: "@if (showitems()) {\r\n    <div class=\"autocomplete\" [ngClass]=\"{ nolabel: (!label() || label().length == 0), shortLabel: shortLabel() }\">\r\n        @if (itemlist().length == 0) {\r\n        <div class=\"element\"><div class=\"item\">Ingen fundet</div>div></div>\r\n        }\r\n        @for (elm of itemlist(); track elm) {\r\n        <div class=\"element\" [ngClass]=\"{ current: current == elm, selectable: !elm.disabled }\" (click)=\"select($event, elm)\">\r\n            <div class=\"item\">{{ elm.name }}</div>\r\n        </div>\r\n        }\r\n    </div>\r\n}\r\n@if (label() != '' && label().length > 0) {\r\n<div class=\"label\" [ngClass]=\"{ short: shortLabel() }\" (click)=\"focusMe($event)\">{{ label() }}</div>\r\n}\r\n@if (label() != '' || type() == 'number') {\r\n<div class=\"locked\">\r\n    @if (required()) {\r\n    <div style=\"display: inline-block;height: 10px;color: red; position:  relative; top: -8px; right: 0\">*</div>\r\n    }\r\n    @if (disabled() && showlock()) {\r\n    <mat-icon>lock</mat-icon>\r\n    }\r\n</div>\r\n}\r\n<div class=\"input\" [ngClass]=\"{ focus: hasfocus(), error: error(), textarea: numberoflines() > 1 }\" (click)=\"focusMe($event)\">\r\n    @if (numberoflines() == 1 && validate() != 'date') {\r\n    <input \r\n        #inputfield \r\n        [ngClass]=\"type()\"\r\n        [type]=\"type() != 'password'? 'text' : 'password'\"\r\n        [disabled]=\"disabled()\" \r\n        [placeholder]=\"placeholder()\" \r\n        [(ngModel)]=\"shadowValue\" \r\n        (ngModelChange)=\"onValueChanged()\" \r\n        (focus)=\"onFocus()\" \r\n        (blur)=\"onBlur()\"\r\n        (keydown.arrowdown)=\"ondown($event)\"\r\n        (keydown.arrowup)=\"onup($event)\"\r\n        (keydown.enter)=\"onenter($event)\"\r\n        (keydown.esc)=\"onesc($event)\"\r\n        (keydown)=\"onkeydown($event)\"\r\n        [maxlength]=\"maxlength()\"/>\r\n    }\r\n    @if (numberoflines() == 1 && validate() == 'date') {\r\n        <input\r\n        class=\"datepicker\"\r\n         [matDatepicker]=\"picker\"\r\n         [value]=\"shadowDate\"\r\n         (dateChange)=\"pickDate($event)\"\r\n        (focus)=\"onFocus()\"\r\n        (blur)=\"onBlur()\"\r\n        #datefield/>\r\n        <mat-icon \r\n        class=\"calendar-icon\" \r\n        (click)=\"picker.open()\" \r\n        style=\"font-size: 25px; width: 25px; height: 25px; color: darkgray\">calendar_month</mat-icon>\r\n        <mat-datepicker #picker></mat-datepicker>\r\n    }\r\n    @if (numberoflines() > 1) {\r\n        <textarea\r\n            #textareafield\r\n            [maxlength]=\"maxlength()\"\r\n            [rows]=\"numberoflines()\"\r\n            [disabled]=\"disabled()\" \r\n            [placeholder]=\"placeholder()\" \r\n            [(ngModel)]=\"shadowValue\" \r\n            (ngModelChange)=\"onValueChanged()\" \r\n            (focus)=\"onFocus()\" \r\n            (blur)=\"onBlur()\"\r\n            (keydown.arrowdown)=\"ondown($event)\"\r\n            (keydown.arrowup)=\"onup($event)\"\r\n            (keydown.enter)=\"onenter($event)\"\r\n            (keydown.esc)=\"onesc($event)\"\r\n            (keydown)=\"onkeydown($event)\"></textarea>\r\n    }\r\n</div>\r\n\r\n@if (label() == '' && type() != 'number') {\r\n    <div class=\"locked\" style=\"text-align: left;\">\r\n        @if (disabled() && showlock()) {\r\n            <mat-icon>lock</mat-icon>\r\n        }\r\n    </div>\r\n}\r\n", styles: [":host{position:relative;display:flex;margin-bottom:10px}:host div.autocomplete{position:absolute;z-index:100;top:37px;left:215px;right:0;background-color:red;min-height:40px;background-color:#fff;color:#000;border:solid;border-width:1px 1px 1px 1px;border-color:#d3d3d3;border-radius:4px;padding:5px}:host div.autocomplete.nolabel{left:0}:host div.autocomplete.shortLabel{left:124px}:host div.autocomplete div.element.selectable{cursor:pointer}@media(prefers-color-scheme:dark){:host div.autocomplete{background-color:#000;color:#fff}}:host div.autocomplete div.element{margin:5px;padding:5px;display:flex;border:solid;border-width:0 0 1px 0;border-color:#d3d3d3;font-size:14px;color:gray}:host div.autocomplete div.element.current{border-color:#0f6cbd;color:#000}:host div.autocomplete div.element div.item{flex-grow:1}:host div.label{width:180px;min-width:180px;max-height:180px;height:32px;line-height:32px}:host div.label.short{width:90px;min-width:90px}:host div.locked{width:30px;min-width:30px;max-width:30px;height:32px;line-height:32px;text-align:right;padding-right:3px}:host div.input{flex-grow:1;height:32px;line-height:32px;background-color:#e6e8e8;border-radius:3px;margin:0;padding:0;border:solid;border-width:0 0 3px 0;border-color:transparent}:host div.input.textarea{height:inherit}:host div textarea{background-color:#e6e8e8;border-radius:3px;margin:0;padding:10px 15px;border:solid;border-width:0 0 3px 0;border-color:transparent;width:100%;box-sizing:border-box}:host div.input.focus,:host div.textarea.focus{border-color:#0f6cbd}:host div.input.error,:host div.input.focus.error{border-color:red;color:red}:host input{background-color:transparent;margin:0;border:none;height:29px;padding:0 0 0 15px;width:100%;box-sizing:border-box}:host input.datepicker{width:calc(100% - 35px)}@media(prefers-color-scheme:dark){:host input{color:#000}:host input:disabled{color:#5f615f}}:host input.number{text-align:right;padding-right:15px;padding-left:0}:host *:focus{outline:none}:host mat-icon{color:#d3d3d3;font-size:12px;position:relative;top:5px;width:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchElement: [{
                 type: ViewChild,
                 args: ['inputfield']
             }], textareaElement: [{
                 type: ViewChild,
                 args: ['textareafield']
-            }], label: [{
-                type: Input,
-                args: ['label']
-            }], shortLabel: [{
-                type: Input,
-                args: ['short-label']
-            }], placeholder: [{
-                type: Input,
-                args: ['placeholder']
-            }], value: [{
-                type: Input,
-                args: ['value']
-            }], valueChange: [{
-                type: Output,
-                args: ['valueChange']
-            }], disabled: [{
-                type: Input,
-                args: ['disabled']
-            }], showlock: [{
-                type: Input,
-                args: ['showlock']
-            }], required: [{
-                type: Input,
-                args: ['required']
-            }], type: [{
-                type: Input,
-                args: ['type']
-            }], setfocus: [{
-                type: Input,
-                args: ['setfocus']
-            }], setfocusChange: [{
-                type: Output,
-                args: ['setfocusChange']
-            }], autocomplete: [{
-                type: Input,
-                args: ['autocomplete']
-            }], selected: [{
-                type: Input,
-                args: ['selected']
-            }], onselect: [{
-                type: Output,
-                args: ['onselect']
-            }], error: [{
-                type: Input,
-                args: ['error']
-            }], message: [{
-                type: Input,
-                args: ['message']
-            }], validate: [{
-                type: Input,
-                args: ['validate']
-            }], onfocusEvent: [{
-                type: Output,
-                args: ['focus']
-            }], onblurEvent: [{
-                type: Output,
-                args: ['blur']
-            }], click: [{
-                type: Output,
-                args: ['click']
-            }], decimalsUsed: [{
-                type: Output,
-                args: ['decimalsUsed']
-            }], onEnter: [{
-                type: Output,
-                args: ['onEnter']
-            }], numberoflines: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberoflines", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }] } });
+            }], datefieldElement: [{
+                type: ViewChild,
+                args: ['datefield']
+            }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], shortLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "short-label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "showlock", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], setfocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "setfocus", required: false }] }, { type: i0.Output, args: ["setfocusChange"] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], onselect: [{ type: i0.Output, args: ["onselect"] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], validate: [{ type: i0.Input, args: [{ isSignal: true, alias: "validate", required: false }] }, { type: i0.Output, args: ["validateChange"] }], onfocusEvent: [{ type: i0.Output, args: ["focus"] }], onblurEvent: [{ type: i0.Output, args: ["blur"] }], click: [{ type: i0.Output, args: ["click"] }], decimalsUsed: [{ type: i0.Output, args: ["decimalsUsed"] }], onEnter: [{ type: i0.Output, args: ["onEnter"] }], numberoflines: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberoflines", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }] } });
 
 class XrmuiRibbon {
     fill = input(true, ...(ngDevMode ? [{ debugName: "fill" }] : []));
@@ -1837,5 +1818,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BorutoXrmUIModule, CTRL_KEYS, DECIMALS, KiponUiModule, KoAlertComponent, KoButtonGroupComponent, KoDecimalDirective, KoDivider, KoExpansionPanelComponent, KoFocusDirective, KoHeaderComponent, KoHorizontalScrollComponent, KoHorizontalSplitComponent, KoLeftMenuComponent, KoMainComponent, KoNavigationByCssClass, KoNavigationByImageUrl, KoOverDirective, KoTablePanelComponent, KoTitlePanelComponent, KoTopMenuComponent, KoVerticalScrollComponent, KoVerticalSplitComponent, KoViewComponent, KoWriteDirective, NAVIGATIONKEYS, NUMBERS, XrmuiButton, XrmuiIcon, XrmuiInfo, XrmuiInput, XrmuiLayout, XrmuiPanel, XrmuiRibbon, XrmuiSpinner };
+export { BorutoXrmUIModule, CTRL_KEYS, DECIMALS, DKCustomDateAdapter, KiponUiModule, KoAlertComponent, KoButtonGroupComponent, KoDecimalDirective, KoDivider, KoExpansionPanelComponent, KoFocusDirective, KoHeaderComponent, KoHorizontalScrollComponent, KoHorizontalSplitComponent, KoLeftMenuComponent, KoMainComponent, KoNavigationByCssClass, KoNavigationByImageUrl, KoOverDirective, KoTablePanelComponent, KoTitlePanelComponent, KoTopMenuComponent, KoVerticalScrollComponent, KoVerticalSplitComponent, KoViewComponent, KoWriteDirective, NAVIGATIONKEYS, NUMBERS, XrmuiButton, XrmuiIcon, XrmuiInfo, XrmuiInput, XrmuiLayout, XrmuiPanel, XrmuiRibbon, XrmuiSpinner };
 //# sourceMappingURL=boruto-xrmui.mjs.map