@luftborn/custom-elements 1.4.0 → 2.0.0

package/dist/elements/EmailField/EmailFieldElement.js

@@ -1,84 +1,84 @@
-"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.EmailFieldElement = 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 EmailFieldElement = /** @class */ (function (_super) {
-    __extends(EmailFieldElement, _super);
-    function EmailFieldElement() {
-        var _this = _super.call(this) || this;
-        _this.mailRegex = new RegExp(/^([a-zA-Z0-9ÆØÅæøå_.+-])+\@(([a-zA-Z0-9ÆØÅæøå-])+\.)+([a-zA-Z0-9ÆØÅæøå]{2,4})+$/);
-        return _this;
-    }
-    Object.defineProperty(EmailFieldElement.prototype, "value", {
-        get: function () {
-            return "" + this.email.value;
-        },
-        set: function (value) {
-            this.email.value = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(EmailFieldElement.prototype, "valid", {
-        get: function () {
-            var patternValid = !this.value || this.mailRegex.test(this.value);
-            return this.email.validity.valid && patternValid;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    EmailFieldElement.prototype.connectedCallback = function () {
-        this.initChildInputs();
-        _super.prototype.connectedCallback.call(this);
-    };
-    EmailFieldElement.prototype.initChildInputs = function () {
-        this.email = _super.prototype.getChildInput.call(this, '#email-field');
-        this.email.addEventListener('change', this.change.bind(this));
-        if (this.required) {
-            this.email.setAttribute('required', '');
-        }
-    };
-    // events
-    EmailFieldElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    EmailFieldElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    EmailFieldElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'email-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='email-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,
-        })
-    ], EmailFieldElement);
-    return EmailFieldElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.EmailFieldElement = EmailFieldElement;
+"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.EmailFieldElement = 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 EmailFieldElement = /** @class */ (function (_super) {
+    __extends(EmailFieldElement, _super);
+    function EmailFieldElement() {
+        var _this = _super.call(this) || this;
+        _this.mailRegex = new RegExp(/^([a-zA-Z0-9ÆØÅæøå_.+-])+\@(([a-zA-Z0-9ÆØÅæøå-])+\.)+([a-zA-Z0-9ÆØÅæøå]{2,4})+$/);
+        return _this;
+    }
+    Object.defineProperty(EmailFieldElement.prototype, "value", {
+        get: function () {
+            return "" + this.email.value;
+        },
+        set: function (value) {
+            this.email.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(EmailFieldElement.prototype, "valid", {
+        get: function () {
+            var patternValid = !this.value || this.mailRegex.test(this.value);
+            return this.email.validity.valid && patternValid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    EmailFieldElement.prototype.connectedCallback = function () {
+        this.initChildInputs();
+        _super.prototype.connectedCallback.call(this);
+    };
+    EmailFieldElement.prototype.initChildInputs = function () {
+        this.email = _super.prototype.getChildInput.call(this, '#email-field');
+        this.email.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.email.setAttribute('required', '');
+        }
+    };
+    // events
+    EmailFieldElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    EmailFieldElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    EmailFieldElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'email-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='email-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,
+        })
+    ], EmailFieldElement);
+    return EmailFieldElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.EmailFieldElement = EmailFieldElement;
 //# sourceMappingURL=EmailFieldElement.js.map

package/dist/elements/FileField/FileFieldElement.d.ts

@@ -1,15 +1,15 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-export declare class FileFieldElement extends CustomInputElement {
-    file: HTMLInputElement;
-    constructor();
-    get value(): FileList;
-    set value(files: FileList);
-    get valid(): boolean;
-    connectedCallback(): void;
-    componentDidMount(): void;
-    initChildInputs(): void;
-    change($event: any): void;
-    validate(): void;
-    attributeChangedCallback(name: string, oldVal: string, newVal: string): void;
-    private attributeChanged;
-}
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class FileFieldElement extends CustomInputElement {
+    file: HTMLInputElement;
+    constructor();
+    get value(): FileList;
+    set value(files: FileList);
+    get valid(): boolean;
+    connectedCallback(): void;
+    componentDidMount(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+    attributeChangedCallback(name: string, oldVal: string, newVal: string): void;
+    private attributeChanged;
+}

package/dist/elements/FileField/FileFieldElement.js

@@ -1,104 +1,104 @@
-"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.FileFieldElement = 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 getAttributeNamesPolyfill_1 = require("../../framework/Polyfills/getAttributeNamesPolyfill");
-var FileFieldElement = /** @class */ (function (_super) {
-    __extends(FileFieldElement, _super);
-    function FileFieldElement() {
-        var _this = _super.call(this) || this;
-        (0, getAttributeNamesPolyfill_1.default)();
-        return _this;
-    }
-    Object.defineProperty(FileFieldElement.prototype, "value", {
-        get: function () {
-            return this.file.files;
-        },
-        set: function (files) {
-            this.file.files = files;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FileFieldElement.prototype, "valid", {
-        get: function () {
-            return this.file.validity.valid;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    FileFieldElement.prototype.connectedCallback = function () {
-        this.initChildInputs();
-        _super.prototype.connectedCallback.call(this);
-    };
-    FileFieldElement.prototype.componentDidMount = function () {
-        var _this = this;
-        this.getAttributeNames().forEach(function (attributeName) {
-            var attributeValue = _this.getAttribute(attributeName);
-            _this.attributeChanged(attributeName, null, attributeValue);
-        });
-    };
-    FileFieldElement.prototype.initChildInputs = function () {
-        this.file = _super.prototype.getChildInput.call(this, '#file-field');
-        this.file.addEventListener('change', this.change.bind(this));
-        if (this.required) {
-            this.file.setAttribute('required', '');
-        }
-        if (this.multi) {
-            this.file.setAttribute('multiple', '');
-        }
-    };
-    // events
-    FileFieldElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    FileFieldElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    FileFieldElement.prototype.attributeChangedCallback = function (name, oldVal, newVal) {
-        this.attributeChanged(name, oldVal, newVal);
-    };
-    FileFieldElement.prototype.attributeChanged = function (name, oldVal, newVal) {
-        switch (name) {
-            case 'accept':
-                this.file.accept = newVal;
-                break;
-        }
-    };
-    FileFieldElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'file-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"file\" id='file-field' accept=\"image/*,application/pdf\"/>\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,
-        })
-    ], FileFieldElement);
-    return FileFieldElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.FileFieldElement = FileFieldElement;
+"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.FileFieldElement = 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 getAttributeNamesPolyfill_1 = require("../../framework/Polyfills/getAttributeNamesPolyfill");
+var FileFieldElement = /** @class */ (function (_super) {
+    __extends(FileFieldElement, _super);
+    function FileFieldElement() {
+        var _this = _super.call(this) || this;
+        (0, getAttributeNamesPolyfill_1.default)();
+        return _this;
+    }
+    Object.defineProperty(FileFieldElement.prototype, "value", {
+        get: function () {
+            return this.file.files;
+        },
+        set: function (files) {
+            this.file.files = files;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileFieldElement.prototype, "valid", {
+        get: function () {
+            return this.file.validity.valid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    FileFieldElement.prototype.connectedCallback = function () {
+        this.initChildInputs();
+        _super.prototype.connectedCallback.call(this);
+    };
+    FileFieldElement.prototype.componentDidMount = function () {
+        var _this = this;
+        this.getAttributeNames().forEach(function (attributeName) {
+            var attributeValue = _this.getAttribute(attributeName);
+            _this.attributeChanged(attributeName, null, attributeValue);
+        });
+    };
+    FileFieldElement.prototype.initChildInputs = function () {
+        this.file = _super.prototype.getChildInput.call(this, '#file-field');
+        this.file.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.file.setAttribute('required', '');
+        }
+        if (this.multi) {
+            this.file.setAttribute('multiple', '');
+        }
+    };
+    // events
+    FileFieldElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    FileFieldElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    FileFieldElement.prototype.attributeChangedCallback = function (name, oldVal, newVal) {
+        this.attributeChanged(name, oldVal, newVal);
+    };
+    FileFieldElement.prototype.attributeChanged = function (name, oldVal, newVal) {
+        switch (name) {
+            case 'accept':
+                this.file.accept = newVal;
+                break;
+        }
+    };
+    FileFieldElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'file-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"file\" id='file-field' accept=\"image/*,application/pdf\"/>\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,
+        })
+    ], FileFieldElement);
+    return FileFieldElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.FileFieldElement = FileFieldElement;
 //# sourceMappingURL=FileFieldElement.js.map

package/dist/elements/IdentificationElement/IdentificationElement.d.ts

@@ -1,18 +1,18 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-import IValidator from '../../framework/Validation/IValidator.interface';
-export declare class IdentificationElement extends CustomInputElement {
-    typeSelector: HTMLInputElement;
-    text: HTMLInputElement;
-    type: string;
-    validators: {
-        [index: string]: IValidator;
-    };
-    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 IValidator from '../../framework/Validation/IValidator.interface';
+export declare class IdentificationElement extends CustomInputElement {
+    typeSelector: HTMLInputElement;
+    text: HTMLInputElement;
+    type: string;
+    validators: {
+        [index: string]: IValidator;
+    };
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/IdentificationElement/IdentificationElement.js

@@ -1,95 +1,95 @@
-"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.IdentificationElement = 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 CVR_1 = require("../../framework/Validation/Validators/CVR");
-var BankIdSweden_1 = require("../../framework/Validation/Validators/BankIdSweden");
-var BankIdNorway_1 = require("../../framework/Validation/Validators/BankIdNorway");
-var IdentificationElement = /** @class */ (function (_super) {
-    __extends(IdentificationElement, _super);
-    function IdentificationElement() {
-        var _this = _super.call(this) || this;
-        _this.validators = {
-            cpr: new CPR_1.default(),
-            cvr: new CVR_1.default(),
-            swe: new BankIdSweden_1.default(),
-            nor: new BankIdNorway_1.default(),
-        };
-        return _this;
-    }
-    Object.defineProperty(IdentificationElement.prototype, "value", {
-        get: function () {
-            return "" + this.text.value;
-        },
-        set: function (value) {
-            this.text.value = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IdentificationElement.prototype, "valid", {
-        get: function () {
-            return this.validators[this.type].isSatisfiedBy(this.value, !this.required);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IdentificationElement.prototype.connectedCallback = function () {
-        _super.prototype.connectedCallback.call(this);
-    };
-    IdentificationElement.prototype.initChildInputs = function () {
-        this.text = _super.prototype.getChildInput.call(this, '#id-field');
-        this.typeSelector = _super.prototype.getChildInput.call(this, '#id-type');
-        this.text.addEventListener('change', this.change.bind(this));
-        this.typeSelector.addEventListener('change', this.change.bind(this));
-        if (this.required) {
-            this.text.setAttribute('required', '');
-        }
-        this.type = this.typeSelector.value;
-    };
-    // events
-    IdentificationElement.prototype.change = function ($event) {
-        this.touched = true;
-        this.type = this.typeSelector.value;
-        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
-    };
-    IdentificationElement.prototype.validate = function () {
-        this.valid;
-        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
-    };
-    IdentificationElement = __decorate([
-        (0, custom_element_decorator_1.default)({
-            selector: 'id-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n                <select id='id-type'>\n                    <option value='cvr'>Danish CVR</option>\n                    <option value='cpr'>Danish CPR</option>\n                    <option value='swe'>Sweden Bank Id</option>\n                    <option value='nor'>Norway Bank Id</option>\n                </select>\n\t\t\t\t<input type=\"text\" id='id-field' placeholder=''/>\n\t\t\t</div>",
-            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    input, select{\n            box-sizing: border-box;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n    input{\n            width: 75% !important;\n    }\n    select{\n            width: 25% !important;\n    }\n           ",
-            useShadow: true,
-        })
-    ], IdentificationElement);
-    return IdentificationElement;
-}(CustomInputElement_1.CustomInputElement));
-exports.IdentificationElement = IdentificationElement;
+"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.IdentificationElement = 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 CVR_1 = require("../../framework/Validation/Validators/CVR");
+var BankIdSweden_1 = require("../../framework/Validation/Validators/BankIdSweden");
+var BankIdNorway_1 = require("../../framework/Validation/Validators/BankIdNorway");
+var IdentificationElement = /** @class */ (function (_super) {
+    __extends(IdentificationElement, _super);
+    function IdentificationElement() {
+        var _this = _super.call(this) || this;
+        _this.validators = {
+            cpr: new CPR_1.default(),
+            cvr: new CVR_1.default(),
+            swe: new BankIdSweden_1.default(),
+            nor: new BankIdNorway_1.default(),
+        };
+        return _this;
+    }
+    Object.defineProperty(IdentificationElement.prototype, "value", {
+        get: function () {
+            return "" + this.text.value;
+        },
+        set: function (value) {
+            this.text.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IdentificationElement.prototype, "valid", {
+        get: function () {
+            return this.validators[this.type].isSatisfiedBy(this.value, !this.required);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IdentificationElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    IdentificationElement.prototype.initChildInputs = function () {
+        this.text = _super.prototype.getChildInput.call(this, '#id-field');
+        this.typeSelector = _super.prototype.getChildInput.call(this, '#id-type');
+        this.text.addEventListener('change', this.change.bind(this));
+        this.typeSelector.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.text.setAttribute('required', '');
+        }
+        this.type = this.typeSelector.value;
+    };
+    // events
+    IdentificationElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.type = this.typeSelector.value;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    IdentificationElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    IdentificationElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'id-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n                <select id='id-type'>\n                    <option value='cvr'>Danish CVR</option>\n                    <option value='cpr'>Danish CPR</option>\n                    <option value='swe'>Sweden Bank Id</option>\n                    <option value='nor'>Norway Bank Id</option>\n                </select>\n\t\t\t\t<input type=\"text\" id='id-field' placeholder=''/>\n\t\t\t</div>",
+            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    input, select{\n            box-sizing: border-box;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n    input{\n            width: 75% !important;\n    }\n    select{\n            width: 25% !important;\n    }\n           ",
+            useShadow: true,
+        })
+    ], IdentificationElement);
+    return IdentificationElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.IdentificationElement = IdentificationElement;
 //# sourceMappingURL=IdentificationElement.js.map