@luftborn/custom-elements 1.4.0 → 2.0.0

package/dist/elements/BankField/BankFieldElement.js

@@ -1,128 +1,128 @@
-"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.BankFieldElement = 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 BankAccount_1 = require("../../framework/Validation/Validators/BankAccount");
-var BankAccountRegistrationNumber_1 = require("../../framework/Validation/Validators/BankAccountRegistrationNumber");
-var Translator_1 = require("../../framework/Language/Translator");
-var BankFieldElement = /** @class */ (function (_super) {
-    __extends(BankFieldElement, _super);
-    function BankFieldElement() {
-        var _this = _super.call(this) || this;
-        _this.bankAccountValidator = new BankAccount_1.default();
-        _this.regNumberValidator = new BankAccountRegistrationNumber_1.default();
-        return _this;
-    }
-    Object.defineProperty(BankFieldElement.prototype, "value", {
-        get: function () {
-            var account = this.account.value || '';
-            var regNumber = this.regNumber.value ? "," + this.regNumber.value : '';
-            return "" + account + regNumber;
-        },
-        set: function (value) {
-            var values = value.split(',');
-            this.account.value = values[0];
-            this.regNumber.value = values[1];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BankFieldElement.prototype, "valid", {
-        get: function () {
-            return (this.bankAccountValidator.isSatisfiedBy(this.account.value, !this.required) &&
-                this.regNumberValidator.isSatisfiedBy(this.regNumber.value, !this.required) &&
-                this.account.validity.valid &&
-                this.regNumber.validity.valid);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    BankFieldElement.prototype.connectedCallback = function () {
-        _super.prototype.connectedCallback.call(this);
-    };
-    BankFieldElement.prototype.componentDidMount = function () {
-        var _this = this;
-        this.initChildInputs();
-        this.getAttributeNames().forEach(function (attributeName) {
-            var attributeValue = _this.getAttribute(attributeName);
-            _this.attributeChanged(attributeName, null, attributeValue);
-        });
-    };
-    BankFieldElement.prototype.changeLanguage = function (language) {
-        if (!this.account || !this.regNumber) {
-            return;
-        }
-        this.account.placeholder = Translator_1.default.Translate('BankElement.Account', language);
-        this.regNumber.placeholder = Translator_1.default.Translate('BankElement.RegistrationNumber', language);
-    };
-    BankFieldElement.prototype.initChildInputs = function () {
-        this.account = _super.prototype.getChildInput.call(this, '#account-field');
-        this.regNumber = _super.prototype.getChildInput.call(this, '#reg-number-field');
-        this.account.addEventListener('change', this.change.bind(this));
-        this.regNumber.addEventListener('change', this.change.bind(this));
-        if (this.required) {
-            this.account.setAttribute('required', '');
-            this.regNumber.setAttribute('required', '');
-        }
-    };
-    // events
-    BankFieldElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    BankFieldElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    Object.defineProperty(BankFieldElement, "observedAttributes", {
-        get: function () {
-            return ['language'];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    BankFieldElement.prototype.attributeChangedCallback = function (name, oldVal, newVal) {
-        this.attributeChanged(name, oldVal, newVal);
-    };
-    BankFieldElement.prototype.attributeChanged = function (name, oldVal, newVal) {
-        switch (name) {
-            case 'language':
-                this.changeLanguage(newVal);
-                break;
-        }
-    };
-    BankFieldElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'bank-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='reg-number-field' placeholder='Bank Account Registration Number'/>\n\t\t\t\t<input type=\"text\" id='account-field' placeholder='Bank Account'/>\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,
-        })
-    ], BankFieldElement);
-    return BankFieldElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.BankFieldElement = BankFieldElement;
+"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.BankFieldElement = 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 BankAccount_1 = require("../../framework/Validation/Validators/BankAccount");
+var BankAccountRegistrationNumber_1 = require("../../framework/Validation/Validators/BankAccountRegistrationNumber");
+var Translator_1 = require("../../framework/Language/Translator");
+var BankFieldElement = /** @class */ (function (_super) {
+    __extends(BankFieldElement, _super);
+    function BankFieldElement() {
+        var _this = _super.call(this) || this;
+        _this.bankAccountValidator = new BankAccount_1.default();
+        _this.regNumberValidator = new BankAccountRegistrationNumber_1.default();
+        return _this;
+    }
+    Object.defineProperty(BankFieldElement.prototype, "value", {
+        get: function () {
+            var account = this.account.value || '';
+            var regNumber = this.regNumber.value ? "," + this.regNumber.value : '';
+            return "" + account + regNumber;
+        },
+        set: function (value) {
+            var values = value.split(',');
+            this.account.value = values[0];
+            this.regNumber.value = values[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BankFieldElement.prototype, "valid", {
+        get: function () {
+            return (this.bankAccountValidator.isSatisfiedBy(this.account.value, !this.required) &&
+                this.regNumberValidator.isSatisfiedBy(this.regNumber.value, !this.required) &&
+                this.account.validity.valid &&
+                this.regNumber.validity.valid);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BankFieldElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    BankFieldElement.prototype.componentDidMount = function () {
+        var _this = this;
+        this.initChildInputs();
+        this.getAttributeNames().forEach(function (attributeName) {
+            var attributeValue = _this.getAttribute(attributeName);
+            _this.attributeChanged(attributeName, null, attributeValue);
+        });
+    };
+    BankFieldElement.prototype.changeLanguage = function (language) {
+        if (!this.account || !this.regNumber) {
+            return;
+        }
+        this.account.placeholder = Translator_1.default.Translate('BankElement.Account', language);
+        this.regNumber.placeholder = Translator_1.default.Translate('BankElement.RegistrationNumber', language);
+    };
+    BankFieldElement.prototype.initChildInputs = function () {
+        this.account = _super.prototype.getChildInput.call(this, '#account-field');
+        this.regNumber = _super.prototype.getChildInput.call(this, '#reg-number-field');
+        this.account.addEventListener('change', this.change.bind(this));
+        this.regNumber.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.account.setAttribute('required', '');
+            this.regNumber.setAttribute('required', '');
+        }
+    };
+    // events
+    BankFieldElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    BankFieldElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    Object.defineProperty(BankFieldElement, "observedAttributes", {
+        get: function () {
+            return ['language'];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BankFieldElement.prototype.attributeChangedCallback = function (name, oldVal, newVal) {
+        this.attributeChanged(name, oldVal, newVal);
+    };
+    BankFieldElement.prototype.attributeChanged = function (name, oldVal, newVal) {
+        switch (name) {
+            case 'language':
+                this.changeLanguage(newVal);
+                break;
+        }
+    };
+    BankFieldElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'bank-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='reg-number-field' placeholder='Bank Account Registration Number'/>\n\t\t\t\t<input type=\"text\" id='account-field' placeholder='Bank Account'/>\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,
+        })
+    ], BankFieldElement);
+    return BankFieldElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.BankFieldElement = BankFieldElement;
 //# sourceMappingURL=BankFieldElement.js.map

package/dist/elements/CPRElement/CPRElement.d.ts

@@ -1,14 +1,14 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-import CprValidator from '../../framework/Validation/Validators/CPR';
-export declare class CPRElement extends CustomInputElement {
-    text: HTMLInputElement;
-    validator: CprValidator;
-    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';
+import CprValidator from '../../framework/Validation/Validators/CPR';
+export declare class CPRElement extends CustomInputElement {
+    text: HTMLInputElement;
+    validator: CprValidator;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/CPRElement/CPRElement.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.CPRElement = 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 CPR_1 = require("../../framework/Validation/Validators/CPR");
-var CPRElement = /** @class */ (function (_super) {
-    __extends(CPRElement, _super);
-    function CPRElement() {
-        var _this = _super.call(this) || this;
-        _this.validator = new CPR_1.default();
-        return _this;
-    }
-    Object.defineProperty(CPRElement.prototype, "value", {
-        get: function () {
-            return "" + this.text.value;
-        },
-        set: function (value) {
-            this.text.value = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CPRElement.prototype, "valid", {
-        get: function () {
-            return this.validator.isSatisfiedBy(this.value, !this.required);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CPRElement.prototype.connectedCallback = function () {
-        _super.prototype.connectedCallback.call(this);
-    };
-    CPRElement.prototype.initChildInputs = function () {
-        this.text = _super.prototype.getChildInput.call(this, '#cpr-field');
-        this.text.addEventListener('change', this.change.bind(this));
-        if (this.required) {
-            this.text.setAttribute('required', '');
-        }
-    };
-    // events
-    CPRElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    CPRElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    CPRElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'cpr-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cpr-field' placeholder='DDMMYY-SSSS'/>\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,
-        })
-    ], CPRElement);
-    return CPRElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.CPRElement = CPRElement;
+"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.CPRElement = 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 CPR_1 = require("../../framework/Validation/Validators/CPR");
+var CPRElement = /** @class */ (function (_super) {
+    __extends(CPRElement, _super);
+    function CPRElement() {
+        var _this = _super.call(this) || this;
+        _this.validator = new CPR_1.default();
+        return _this;
+    }
+    Object.defineProperty(CPRElement.prototype, "value", {
+        get: function () {
+            return "" + this.text.value;
+        },
+        set: function (value) {
+            this.text.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CPRElement.prototype, "valid", {
+        get: function () {
+            return this.validator.isSatisfiedBy(this.value, !this.required);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CPRElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    CPRElement.prototype.initChildInputs = function () {
+        this.text = _super.prototype.getChildInput.call(this, '#cpr-field');
+        this.text.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.text.setAttribute('required', '');
+        }
+    };
+    // events
+    CPRElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    CPRElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    CPRElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'cpr-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cpr-field' placeholder='DDMMYY-SSSS'/>\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,
+        })
+    ], CPRElement);
+    return CPRElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.CPRElement = CPRElement;
 //# sourceMappingURL=CPRElement.js.map

package/dist/elements/CVRElement/CVRElement.d.ts

@@ -1,14 +1,14 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-import CvrValidator from '../../framework/Validation/Validators/CVR';
-export declare class CVRElement extends CustomInputElement {
-    text: HTMLInputElement;
-    validator: CvrValidator;
-    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';
+import CvrValidator from '../../framework/Validation/Validators/CVR';
+export declare class CVRElement extends CustomInputElement {
+    text: HTMLInputElement;
+    validator: CvrValidator;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}