@luftborn/custom-elements 1.4.0 → 2.0.0

package/dist/elements/CVRElement/CVRElement.js

@@ -1,83 +1,83 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CVRElement = void 0;
-var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
-var CustomInputElement_1 = require("../../framework/CustomInputElement");
-var CustomEvents_1 = require("../../framework/CustomEvents");
-var CVR_1 = require("../../framework/Validation/Validators/CVR");
-var CVRElement = /** @class */ (function (_super) {
-    __extends(CVRElement, _super);
-    function CVRElement() {
-        var _this = _super.call(this) || this;
-        _this.validator = new CVR_1.default();
-        return _this;
-    }
-    Object.defineProperty(CVRElement.prototype, "value", {
-        get: function () {
-            return "" + this.text.value;
-        },
-        set: function (value) {
-            this.text.value = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CVRElement.prototype, "valid", {
-        get: function () {
-            return this.validator.isSatisfiedBy(this.value, !this.required);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CVRElement.prototype.connectedCallback = function () {
-        _super.prototype.connectedCallback.call(this);
-    };
-    CVRElement.prototype.initChildInputs = function () {
-        this.text = _super.prototype.getChildInput.call(this, '#cvr-field');
-        this.text.addEventListener('change', this.change.bind(this));
-        if (this.required) {
-            this.text.setAttribute('required', '');
-        }
-    };
-    // events
-    CVRElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    CVRElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    CVRElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'cvr-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cvr-field' placeholder='SSSSSSSS'/>\n\t\t\t</div>",
-            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    input{\n            box-sizing: border-box;\n            width: 100% !important;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n           ",
-            useShadow: true,
-        })
-    ], CVRElement);
-    return CVRElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.CVRElement = CVRElement;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CVRElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var CVR_1 = require("../../framework/Validation/Validators/CVR");
+var CVRElement = /** @class */ (function (_super) {
+    __extends(CVRElement, _super);
+    function CVRElement() {
+        var _this = _super.call(this) || this;
+        _this.validator = new CVR_1.default();
+        return _this;
+    }
+    Object.defineProperty(CVRElement.prototype, "value", {
+        get: function () {
+            return "" + this.text.value;
+        },
+        set: function (value) {
+            this.text.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CVRElement.prototype, "valid", {
+        get: function () {
+            return this.validator.isSatisfiedBy(this.value, !this.required);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CVRElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    CVRElement.prototype.initChildInputs = function () {
+        this.text = _super.prototype.getChildInput.call(this, '#cvr-field');
+        this.text.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.text.setAttribute('required', '');
+        }
+    };
+    // events
+    CVRElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    CVRElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    CVRElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'cvr-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cvr-field' placeholder='SSSSSSSS'/>\n\t\t\t</div>",
+            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    input{\n            box-sizing: border-box;\n            width: 100% !important;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n           ",
+            useShadow: true,
+        })
+    ], CVRElement);
+    return CVRElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.CVRElement = CVRElement;
 //# sourceMappingURL=CVRElement.js.map

package/dist/elements/CheckBoxElement/CheckBoxElement.d.ts

@@ -1,14 +1,14 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-export declare class CheckBoxElement extends CustomInputElement {
-    checkbox: HTMLInputElement[];
-    checkboxTemplate: string;
-    constructor();
-    get value(): string[];
-    set value(values: string[]);
-    get valid(): boolean;
-    connectedCallback(): void;
-    initChildInputs(): void;
-    private addCheckBoxes;
-    change($event: any): void;
-    validate(): void;
-}
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class CheckBoxElement extends CustomInputElement {
+    checkbox: HTMLInputElement[];
+    checkboxTemplate: string;
+    constructor();
+    get value(): string[];
+    set value(values: string[]);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    private addCheckBoxes;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/CheckBoxElement/CheckBoxElement.js

@@ -1,97 +1,97 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckBoxElement = void 0;
-var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
-var CustomInputElement_1 = require("../../framework/CustomInputElement");
-var CustomEvents_1 = require("../../framework/CustomEvents");
-var StringUtil_1 = require("../../framework/Utilities/StringUtil");
-var CheckBoxElement = /** @class */ (function (_super) {
-    __extends(CheckBoxElement, _super);
-    function CheckBoxElement() {
-        var _this = _super.call(this) || this;
-        _this.checkboxTemplate = "\n\t<div class='checkbox'>\n\t\t<input type='checkbox' name='{0}' value=\"{1}\" id=\"{2}\"/>\n\t\t<label for=\"{2}\">{1}</label>\n\t</div>";
-        return _this;
-    }
-    Object.defineProperty(CheckBoxElement.prototype, "value", {
-        get: function () {
-            return this.checkbox.filter(function (c) { return c.checked; }).map(function (c) { return c.value; });
-        },
-        set: function (values) {
-            // this.checkbox.value = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CheckBoxElement.prototype, "valid", {
-        get: function () {
-            if (this.required) {
-                return this.value.length > 0;
-            }
-            else {
-                return true;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CheckBoxElement.prototype.connectedCallback = function () {
-        _super.prototype.connectedCallback.call(this);
-    };
-    CheckBoxElement.prototype.initChildInputs = function () {
-        var _this = this;
-        this.addCheckBoxes();
-        this.checkbox = _super.prototype.getChildInputs.call(this, "[name='" + this.name + "']");
-        this.checkbox.forEach(function (c) {
-            return c.addEventListener('change', _this.change.bind(_this));
-        });
-    };
-    CheckBoxElement.prototype.addCheckBoxes = function () {
-        var _this = this;
-        var wrapper = _super.prototype.getChildElement.call(this, '.wrapper');
-        wrapper.innerHTML = "";
-        this.options.forEach(function (element, index) {
-            wrapper.insertAdjacentHTML('beforeend', StringUtil_1.StringUtil.StringFormat(_this.checkboxTemplate, _this.name, element, _this.name + "-" + index));
-        });
-    };
-    // events
-    CheckBoxElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    CheckBoxElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    CheckBoxElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'checkbox-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t</div>",
-            style: "\n\t\t\t:host{\n\t\t\t\twidth:100%;\n\t\t\t}\n\t\t\t.checkbox {\n\t\t\t\twidth: auto;\n\t\t\t\tmargin: auto 3px;\n\t\t\t\tcolor: rgba(72, 72, 72, 0.75);\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t\tinput[type='checkbox']{\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: auto !important;\n\t\t\t\tborder: none;\n\t\t\t\tbackground-color: #f1f4ff;\n\t\t\t\tmargin: 2px;\n\t\t\t\tresize: none;\n\t\t\t}\n\t\t",
-            useShadow: true,
-        })
-    ], CheckBoxElement);
-    return CheckBoxElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.CheckBoxElement = CheckBoxElement;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckBoxElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var StringUtil_1 = require("../../framework/Utilities/StringUtil");
+var CheckBoxElement = /** @class */ (function (_super) {
+    __extends(CheckBoxElement, _super);
+    function CheckBoxElement() {
+        var _this = _super.call(this) || this;
+        _this.checkboxTemplate = "\n\t<div class='checkbox'>\n\t\t<input type='checkbox' name='{0}' value=\"{1}\" id=\"{2}\"/>\n\t\t<label for=\"{2}\">{1}</label>\n\t</div>";
+        return _this;
+    }
+    Object.defineProperty(CheckBoxElement.prototype, "value", {
+        get: function () {
+            return this.checkbox.filter(function (c) { return c.checked; }).map(function (c) { return c.value; });
+        },
+        set: function (values) {
+            // this.checkbox.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckBoxElement.prototype, "valid", {
+        get: function () {
+            if (this.required) {
+                return this.value.length > 0;
+            }
+            else {
+                return true;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CheckBoxElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    CheckBoxElement.prototype.initChildInputs = function () {
+        var _this = this;
+        this.addCheckBoxes();
+        this.checkbox = _super.prototype.getChildInputs.call(this, "[name='" + this.name + "']");
+        this.checkbox.forEach(function (c) {
+            return c.addEventListener('change', _this.change.bind(_this));
+        });
+    };
+    CheckBoxElement.prototype.addCheckBoxes = function () {
+        var _this = this;
+        var wrapper = _super.prototype.getChildElement.call(this, '.wrapper');
+        wrapper.innerHTML = "";
+        this.options.forEach(function (element, index) {
+            wrapper.insertAdjacentHTML('beforeend', StringUtil_1.StringUtil.StringFormat(_this.checkboxTemplate, _this.name, element, _this.name + "-" + index));
+        });
+    };
+    // events
+    CheckBoxElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    CheckBoxElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    CheckBoxElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'checkbox-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t</div>",
+            style: "\n\t\t\t:host{\n\t\t\t\twidth:100%;\n\t\t\t}\n\t\t\t.checkbox {\n\t\t\t\twidth: auto;\n\t\t\t\tmargin: auto 3px;\n\t\t\t\tcolor: rgba(72, 72, 72, 0.75);\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t\tinput[type='checkbox']{\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: auto !important;\n\t\t\t\tborder: none;\n\t\t\t\tbackground-color: #f1f4ff;\n\t\t\t\tmargin: 2px;\n\t\t\t\tresize: none;\n\t\t\t}\n\t\t",
+            useShadow: true,
+        })
+    ], CheckBoxElement);
+    return CheckBoxElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.CheckBoxElement = CheckBoxElement;
 //# sourceMappingURL=CheckBoxElement.js.map

package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.d.ts

@@ -1,12 +1,12 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-export declare class CustomRegularExpressionElement extends CustomInputElement {
-    text: HTMLInputElement;
-    constructor();
-    get value(): string;
-    set value(value: string);
-    get valid(): boolean;
-    connectedCallback(): void;
-    initChildInputs(): void;
-    change($event: any): void;
-    validate(): void;
-}
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class CustomRegularExpressionElement extends CustomInputElement {
+    text: HTMLInputElement;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js

@@ -1,83 +1,83 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomRegularExpressionElement = void 0;
-var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
-var CustomInputElement_1 = require("../../framework/CustomInputElement");
-var CustomEvents_1 = require("../../framework/CustomEvents");
-var CustomRegularExpressionElement = /** @class */ (function (_super) {
-    __extends(CustomRegularExpressionElement, _super);
-    function CustomRegularExpressionElement() {
-        return _super.call(this) || this;
-    }
-    Object.defineProperty(CustomRegularExpressionElement.prototype, "value", {
-        get: function () {
-            return "" + this.text.value;
-        },
-        set: function (value) {
-            this.text.value = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CustomRegularExpressionElement.prototype, "valid", {
-        get: function () {
-            return this.text.validity.valid;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CustomRegularExpressionElement.prototype.connectedCallback = function () {
-        _super.prototype.connectedCallback.call(this);
-    };
-    CustomRegularExpressionElement.prototype.initChildInputs = function () {
-        this.text = _super.prototype.getChildInput.call(this, '#regex-field');
-        this.text.addEventListener('change', this.change.bind(this));
-        if (this.required) {
-            this.text.setAttribute('required', '');
-        }
-        if (this.customValue) {
-            this.text.setAttribute('pattern', this.customValue);
-        }
-    };
-    // events
-    CustomRegularExpressionElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    CustomRegularExpressionElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    CustomRegularExpressionElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'regex-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='regex-field'/>\n\t\t\t</div>",
-            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    input{\n            box-sizing: border-box;\n            width: 100% !important;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n           ",
-            useShadow: true,
-        })
-    ], CustomRegularExpressionElement);
-    return CustomRegularExpressionElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.CustomRegularExpressionElement = CustomRegularExpressionElement;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomRegularExpressionElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var CustomRegularExpressionElement = /** @class */ (function (_super) {
+    __extends(CustomRegularExpressionElement, _super);
+    function CustomRegularExpressionElement() {
+        return _super.call(this) || this;
+    }
+    Object.defineProperty(CustomRegularExpressionElement.prototype, "value", {
+        get: function () {
+            return "" + this.text.value;
+        },
+        set: function (value) {
+            this.text.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomRegularExpressionElement.prototype, "valid", {
+        get: function () {
+            return this.text.validity.valid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomRegularExpressionElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    CustomRegularExpressionElement.prototype.initChildInputs = function () {
+        this.text = _super.prototype.getChildInput.call(this, '#regex-field');
+        this.text.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.text.setAttribute('required', '');
+        }
+        if (this.customValue) {
+            this.text.setAttribute('pattern', this.customValue);
+        }
+    };
+    // events
+    CustomRegularExpressionElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    CustomRegularExpressionElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    CustomRegularExpressionElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'regex-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='regex-field'/>\n\t\t\t</div>",
+            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    input{\n            box-sizing: border-box;\n            width: 100% !important;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n           ",
+            useShadow: true,
+        })
+    ], CustomRegularExpressionElement);
+    return CustomRegularExpressionElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.CustomRegularExpressionElement = CustomRegularExpressionElement;
 //# sourceMappingURL=CustomRegularExpressionElement.js.map

package/dist/elements/DateField/DateFieldElement.d.ts

@@ -1,12 +1,12 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-export declare class DateFieldElement extends CustomInputElement {
-    date: HTMLInputElement;
-    constructor();
-    get value(): string;
-    set value(value: string);
-    get valid(): boolean;
-    connectedCallback(): void;
-    initChildInputs(): void;
-    change($event: any): void;
-    validate(): void;
-}
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class DateFieldElement extends CustomInputElement {
+    date: HTMLInputElement;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}