@luftborn/custom-elements 1.1.42 → 1.1.44

package/dist/elements/Elements.d.ts

@@ -0,0 +1,18 @@
+import { AddressElement } from './Address/AddressElement';
+import { TextFieldElement } from './TextField/TextFieldElement';
+import { EmailFieldElement } from './EmailField/EmailFieldElement';
+import { CheckBoxElement } from './CheckBoxElement/CheckBoxElement';
+import { RadioButtonGroupElement } from './RadioButtonGroup/RadioButtonGroupElement';
+import { TextAreaElement } from './TextAreaElement/TextAreaElement';
+import { DropDownListElement } from './DropDownList/DropDownListElement';
+import { FileFieldElement } from './FileField/FileFieldElement';
+import { NumericFieldElement } from './NumericField/NumericFieldElement';
+import { CustomRegularExpressionElement } from './CustomRegularExpression/CustomRegularExpressionElement';
+import { DateFieldElement } from './DateField/DateFieldElement';
+import { IntPhoneFieldElement } from './InternationaPhoneNumber/InternationaPhoneNumberElement';
+import { CPRElement } from './CPRElement/CPRElement';
+import { CVRElement } from './CVRElement/CVRElement';
+import { IdentificationElement } from './IdentificationElement/IdentificationElement';
+import { BankFieldElement } from './BankField/BankFieldElement';
+import { TypeAheadElement } from './TypeAhead/TypeAheadElement';
+export { AddressElement, TextFieldElement, EmailFieldElement, CheckBoxElement, RadioButtonGroupElement, TextAreaElement, DropDownListElement, FileFieldElement, NumericFieldElement, CustomRegularExpressionElement, DateFieldElement, IntPhoneFieldElement, CPRElement, CVRElement, IdentificationElement, BankFieldElement, TypeAheadElement };

package/dist/elements/Elements.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeAheadElement = exports.BankFieldElement = exports.IdentificationElement = exports.CVRElement = exports.CPRElement = exports.IntPhoneFieldElement = exports.DateFieldElement = exports.CustomRegularExpressionElement = exports.NumericFieldElement = exports.FileFieldElement = exports.DropDownListElement = exports.TextAreaElement = exports.RadioButtonGroupElement = exports.CheckBoxElement = exports.EmailFieldElement = exports.TextFieldElement = exports.AddressElement = void 0;
+var AddressElement_1 = require("./Address/AddressElement");
+Object.defineProperty(exports, "AddressElement", { enumerable: true, get: function () { return AddressElement_1.AddressElement; } });
+var TextFieldElement_1 = require("./TextField/TextFieldElement");
+Object.defineProperty(exports, "TextFieldElement", { enumerable: true, get: function () { return TextFieldElement_1.TextFieldElement; } });
+var EmailFieldElement_1 = require("./EmailField/EmailFieldElement");
+Object.defineProperty(exports, "EmailFieldElement", { enumerable: true, get: function () { return EmailFieldElement_1.EmailFieldElement; } });
+var CheckBoxElement_1 = require("./CheckBoxElement/CheckBoxElement");
+Object.defineProperty(exports, "CheckBoxElement", { enumerable: true, get: function () { return CheckBoxElement_1.CheckBoxElement; } });
+var RadioButtonGroupElement_1 = require("./RadioButtonGroup/RadioButtonGroupElement");
+Object.defineProperty(exports, "RadioButtonGroupElement", { enumerable: true, get: function () { return RadioButtonGroupElement_1.RadioButtonGroupElement; } });
+var TextAreaElement_1 = require("./TextAreaElement/TextAreaElement");
+Object.defineProperty(exports, "TextAreaElement", { enumerable: true, get: function () { return TextAreaElement_1.TextAreaElement; } });
+var DropDownListElement_1 = require("./DropDownList/DropDownListElement");
+Object.defineProperty(exports, "DropDownListElement", { enumerable: true, get: function () { return DropDownListElement_1.DropDownListElement; } });
+var FileFieldElement_1 = require("./FileField/FileFieldElement");
+Object.defineProperty(exports, "FileFieldElement", { enumerable: true, get: function () { return FileFieldElement_1.FileFieldElement; } });
+var NumericFieldElement_1 = require("./NumericField/NumericFieldElement");
+Object.defineProperty(exports, "NumericFieldElement", { enumerable: true, get: function () { return NumericFieldElement_1.NumericFieldElement; } });
+var CustomRegularExpressionElement_1 = require("./CustomRegularExpression/CustomRegularExpressionElement");
+Object.defineProperty(exports, "CustomRegularExpressionElement", { enumerable: true, get: function () { return CustomRegularExpressionElement_1.CustomRegularExpressionElement; } });
+var DateFieldElement_1 = require("./DateField/DateFieldElement");
+Object.defineProperty(exports, "DateFieldElement", { enumerable: true, get: function () { return DateFieldElement_1.DateFieldElement; } });
+var InternationaPhoneNumberElement_1 = require("./InternationaPhoneNumber/InternationaPhoneNumberElement");
+Object.defineProperty(exports, "IntPhoneFieldElement", { enumerable: true, get: function () { return InternationaPhoneNumberElement_1.IntPhoneFieldElement; } });
+var CPRElement_1 = require("./CPRElement/CPRElement");
+Object.defineProperty(exports, "CPRElement", { enumerable: true, get: function () { return CPRElement_1.CPRElement; } });
+var CVRElement_1 = require("./CVRElement/CVRElement");
+Object.defineProperty(exports, "CVRElement", { enumerable: true, get: function () { return CVRElement_1.CVRElement; } });
+var IdentificationElement_1 = require("./IdentificationElement/IdentificationElement");
+Object.defineProperty(exports, "IdentificationElement", { enumerable: true, get: function () { return IdentificationElement_1.IdentificationElement; } });
+var BankFieldElement_1 = require("./BankField/BankFieldElement");
+Object.defineProperty(exports, "BankFieldElement", { enumerable: true, get: function () { return BankFieldElement_1.BankFieldElement; } });
+var TypeAheadElement_1 = require("./TypeAhead/TypeAheadElement");
+Object.defineProperty(exports, "TypeAheadElement", { enumerable: true, get: function () { return TypeAheadElement_1.TypeAheadElement; } });
+//# sourceMappingURL=Elements.js.map

package/dist/elements/Elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Elements.js","sourceRoot":"","sources":["../../src/elements/Elements.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAmBzD,+FAnBQ,+BAAc,OAmBR;AAlBf,iEAAgE;AAmB/D,iGAnBQ,mCAAgB,OAmBR;AAlBjB,oEAAmE;AAmBlE,kGAnBQ,qCAAiB,OAmBR;AAlBlB,qEAAoE;AAmBnE,gGAnBQ,iCAAe,OAmBR;AAlBhB,sFAAqF;AAmBpF,wGAnBQ,iDAAuB,OAmBR;AAlBxB,qEAAoE;AAmBnE,gGAnBQ,iCAAe,OAmBR;AAlBhB,0EAAyE;AAmBxE,oGAnBQ,yCAAmB,OAmBR;AAlBpB,iEAAgE;AAmB/D,iGAnBQ,mCAAgB,OAmBR;AAlBjB,0EAAyE;AAmBxE,oGAnBQ,yCAAmB,OAmBR;AAlBpB,2GAA0G;AAmBzG,+GAnBQ,+DAA8B,OAmBR;AAlB/B,iEAAgE;AAmB/D,iGAnBQ,mCAAgB,OAmBR;AAlBjB,2GAAgG;AAmB/F,qGAnBQ,qDAAoB,OAmBR;AAlBrB,sDAAqD;AAmBpD,2FAnBQ,uBAAU,OAmBR;AAlBX,sDAAqD;AAmBpD,2FAnBQ,uBAAU,OAmBR;AAlBX,uFAAsF;AAmBrF,sGAnBQ,6CAAqB,OAmBR;AAlBtB,iEAAgE;AAmB/D,iGAnBQ,mCAAgB,OAmBR;AAlBjB,iEAAgE;AAmB/D,iGAnBQ,mCAAgB,OAmBR"}

package/dist/elements/EmailField/EmailFieldElement.d.ts

@@ -0,0 +1,13 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class EmailFieldElement extends CustomInputElement {
+    mailRegex: RegExp;
+    email: 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/EmailField/EmailFieldElement.js

@@ -0,0 +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;
+//# sourceMappingURL=EmailFieldElement.js.map

package/dist/elements/EmailField/EmailFieldElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailFieldElement.js","sourceRoot":"","sources":["../../../src/elements/EmailField/EmailFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAuC,qCAAkB;IAOxD;QAAA,YACC,iBAAO,SACP;QARD,eAAS,GAAW,IAAI,MAAM,CAC7B,iFAAiF,CACjF,CAAC;;IAMF,CAAC;IAED,sBAAI,oCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,KAAK,CAAC,KAAO,CAAC;QAC9B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC1B,CAAC;;;OAJA;IAMD,sBAAI,oCAAK;aAAT;YACC,IAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACpE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,YAAY,CAAC;QAClD,CAAC;;;OAAA;IAED,6CAAiB,GAAjB;QACC,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,2CAAe,GAAf;QACC,IAAI,CAAC,KAAK,GAAG,iBAAM,aAAa,YAAC,cAAc,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACxC;IACF,CAAC;IAED,SAAS;IACF,kCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,oCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IAhDW,iBAAiB;QAxB7B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,gGAGD;YACT,KAAK,EAAE,iUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,iBAAiB,CAiD7B;IAAD,wBAAC;CAAA,AAjDD,CAAuC,uCAAkB,GAiDxD;AAjDY,8CAAiB"}

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

@@ -0,0 +1,12 @@
+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;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/FileField/FileFieldElement.js

@@ -0,0 +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.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 FileFieldElement = /** @class */ (function (_super) {
+    __extends(FileFieldElement, _super);
+    function FileFieldElement() {
+        return _super.call(this) || 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.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 = __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/FileField/FileFieldElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileFieldElement.js","sourceRoot":"","sources":["../../../src/elements/FileField/FileFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAsC,oCAAkB;IAGvD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,mCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACxB,CAAC;aAED,UAAU,KAAe;YACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,mCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,4CAAiB,GAAjB;QACC,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,0CAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,aAAa,CAAC,CAAC;QAC/C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;IACF,CAAC;IAED,SAAS;IACF,iCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,mCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IA9CW,gBAAgB;QAxB5B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,kIAGD;YACT,KAAK,EAAE,iUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,gBAAgB,CA+C5B;IAAD,uBAAC;CAAA,AA/CD,CAAsC,uCAAkB,GA+CvD;AA/CY,4CAAgB"}

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

@@ -0,0 +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;
+}

package/dist/elements/IdentificationElement/IdentificationElement.js

@@ -0,0 +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;
+//# sourceMappingURL=IdentificationElement.js.map

package/dist/elements/IdentificationElement/IdentificationElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentificationElement.js","sourceRoot":"","sources":["../../../src/elements/IdentificationElement/IdentificationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iEAAqE;AAErE,iEAAqE;AACrE,mFAAuF;AACvF,mFAAuF;AAqCvF;IAA2C,yCAAkB;IAY5D;QAAA,YACC,iBAAO,SACP;QATD,gBAAU,GAAoC;YAC7C,GAAG,EAAE,IAAI,aAAY,EAAE;YACvB,GAAG,EAAE,IAAI,aAAY,EAAE;YACvB,GAAG,EAAE,IAAI,sBAAqB,EAAE;YAChC,GAAG,EAAE,IAAI,sBAAqB,EAAE;SAChC,CAAC;;IAIF,CAAC;IAED,sBAAI,wCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,IAAI,CAAC,KAAO,CAAC;QAC7B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,wCAAK;aAAT;YACC,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,aAAa,CAC9C,IAAI,CAAC,KAAK,EACV,CAAC,IAAI,CAAC,QAAQ,CACd,CAAC;QACH,CAAC;;;OAAA;IAED,iDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,+CAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,iBAAM,aAAa,YAAC,UAAU,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACrE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IACrC,CAAC;IAED,SAAS;IACF,sCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,wCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IA1DW,qBAAqB;QAnCjC,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,0aASD;YACT,KAAK,EAAE,mZAoBI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,qBAAqB,CA2DjC;IAAD,4BAAC;CAAA,AA3DD,CAA2C,uCAAkB,GA2D5D;AA3DY,sDAAqB"}

package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.d.ts

@@ -0,0 +1,16 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+import { Plugin } from 'intl-tel-input';
+export declare class IntPhoneFieldElement extends CustomInputElement {
+    phone: HTMLInputElement;
+    fullPhone: HTMLInputElement;
+    intlTelInput: Plugin;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    setIntlTelInput(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js

@@ -0,0 +1,109 @@
+"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.IntPhoneFieldElement = 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 intlTelInput = require("intl-tel-input");
+var utilities_1 = require("@luftborn/utilities");
+var IntPhoneFieldElement = /** @class */ (function (_super) {
+    __extends(IntPhoneFieldElement, _super);
+    function IntPhoneFieldElement() {
+        return _super.call(this) || this;
+    }
+    Object.defineProperty(IntPhoneFieldElement.prototype, "value", {
+        get: function () {
+            return this.intlTelInput.getNumber();
+        },
+        set: function (value) {
+            this.phone.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IntPhoneFieldElement.prototype, "valid", {
+        get: function () {
+            var patternValid = !this.intlTelInput.getNumber() || this.intlTelInput.isValidNumber();
+            return patternValid && this.phone.validity.valid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IntPhoneFieldElement.prototype.connectedCallback = function () {
+        this.setIntlTelInput();
+        _super.prototype.connectedCallback.call(this);
+    };
+    IntPhoneFieldElement.prototype.initChildInputs = function () {
+        this.phone.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.phone.setAttribute('required', '');
+        }
+    };
+    IntPhoneFieldElement.prototype.setIntlTelInput = function () {
+        var _this = this;
+        this.phone = _super.prototype.getChildInput.call(this, '#phone-field');
+        this.intlTelInput = intlTelInput(this.phone, {
+            geoIpLookup: function (success, failure) {
+                return new utilities_1.MakeRequest('https://ipinfo.io/json?token=8226138217a68a', 'get', { 'content-type': 'application/json' })
+                    .send()
+                    .then(function (request) {
+                    var res = JSON.parse(request);
+                    return success(res.country);
+                })
+                    .catch(function (err) {
+                    return success('DK');
+                });
+            },
+            hiddenInput: 'fullphone',
+            initialCountry: 'auto',
+            nationalMode: true,
+            utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.1/js/utils.js',
+        });
+        this.intlTelInput.promise.then(function (e) {
+            setTimeout(function () {
+                _this.fullPhone = _super.prototype.getChildInput.call(_this, '[name="fullphone"]');
+            }, 1000);
+        });
+    };
+    // events
+    IntPhoneFieldElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    IntPhoneFieldElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    IntPhoneFieldElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'int-phone-element',
+            template: "\n            <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/css/intlTelInput.css\" >\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"tel\" id=\"phone-field\"  />\n\t\t\t</div>",
+            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    .iti {\n        width: 100% !important;\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,
+        })
+    ], IntPhoneFieldElement);
+    return IntPhoneFieldElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.IntPhoneFieldElement = IntPhoneFieldElement;
+//# sourceMappingURL=InternationaPhoneNumberElement.js.map

package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternationaPhoneNumberElement.js","sourceRoot":"","sources":["../../../src/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.ts"],"names":[],"mappings":"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"}

package/dist/elements/NumericField/NumericFieldElement.d.ts

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

package/dist/elements/NumericField/NumericFieldElement.js

@@ -0,0 +1,92 @@
+"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.NumericFieldElement = 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 NumericFieldElement = /** @class */ (function (_super) {
+    __extends(NumericFieldElement, _super);
+    function NumericFieldElement() {
+        return _super.call(this) || this;
+    }
+    Object.defineProperty(NumericFieldElement.prototype, "value", {
+        get: function () {
+            if (isNaN(this.number.valueAsNumber)) {
+                return '';
+            }
+            return this.number.valueAsNumber;
+        },
+        set: function (value) {
+            this.number.valueAsNumber = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(NumericFieldElement.prototype, "valid", {
+        get: function () {
+            return this.number.validity.valid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    NumericFieldElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    NumericFieldElement.prototype.initChildInputs = function () {
+        this.number = _super.prototype.getChildInput.call(this, '#numeric-field');
+        this.number.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.number.setAttribute('required', '');
+        }
+        if (this.max) {
+            this.number.setAttribute('max', this.max);
+        }
+        if (this.min) {
+            this.number.setAttribute('min', this.min);
+        }
+        if (this.step) {
+            this.number.setAttribute('step', this.step);
+        }
+    };
+    // events
+    NumericFieldElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    NumericFieldElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    NumericFieldElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'numeric-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"number\" id='numeric-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,
+        })
+    ], NumericFieldElement);
+    return NumericFieldElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.NumericFieldElement = NumericFieldElement;
+//# sourceMappingURL=NumericFieldElement.js.map