@luftborn/custom-elements 2.1.2 → 2.2.0

package/dist/elements/Elements.d.ts

@@ -15,4 +15,6 @@ 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 };
+import { SEPersonalNumberElement } from './SEPersonalNumberElement/SEPersonalNumberElement';
+import { SECompanyRegistrationElement } from './SECompanyRegistrationElement/SECompanyRegistrationElement';
+export { AddressElement, TextFieldElement, EmailFieldElement, CheckBoxElement, RadioButtonGroupElement, TextAreaElement, DropDownListElement, FileFieldElement, NumericFieldElement, CustomRegularExpressionElement, DateFieldElement, IntPhoneFieldElement, CPRElement, CVRElement, IdentificationElement, BankFieldElement, TypeAheadElement, SEPersonalNumberElement, SECompanyRegistrationElement, };

package/dist/elements/Elements.js

@@ -1,6 +1,6 @@
 "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;
+exports.SECompanyRegistrationElement = exports.SEPersonalNumberElement = 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");
@@ -35,4 +35,8 @@ 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; } });
+var SEPersonalNumberElement_1 = require("./SEPersonalNumberElement/SEPersonalNumberElement");
+Object.defineProperty(exports, "SEPersonalNumberElement", { enumerable: true, get: function () { return SEPersonalNumberElement_1.SEPersonalNumberElement; } });
+var SECompanyRegistrationElement_1 = require("./SECompanyRegistrationElement/SECompanyRegistrationElement");
+Object.defineProperty(exports, "SECompanyRegistrationElement", { enumerable: true, get: function () { return SECompanyRegistrationElement_1.SECompanyRegistrationElement; } });
 //# sourceMappingURL=Elements.js.map

package/dist/elements/Elements.js.map

@@ -1 +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"}
+{"version":3,"file":"Elements.js","sourceRoot":"","sources":["../../src/elements/Elements.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAqBzD,+FArBQ,+BAAc,OAqBR;AApBf,iEAAgE;AAqB/D,iGArBQ,mCAAgB,OAqBR;AApBjB,oEAAmE;AAqBlE,kGArBQ,qCAAiB,OAqBR;AApBlB,qEAAoE;AAqBnE,gGArBQ,iCAAe,OAqBR;AApBhB,sFAAqF;AAqBpF,wGArBQ,iDAAuB,OAqBR;AApBxB,qEAAoE;AAqBnE,gGArBQ,iCAAe,OAqBR;AApBhB,0EAAyE;AAqBxE,oGArBQ,yCAAmB,OAqBR;AApBpB,iEAAgE;AAqB/D,iGArBQ,mCAAgB,OAqBR;AApBjB,0EAAyE;AAqBxE,oGArBQ,yCAAmB,OAqBR;AApBpB,2GAA0G;AAqBzG,+GArBQ,+DAA8B,OAqBR;AApB/B,iEAAgE;AAqB/D,iGArBQ,mCAAgB,OAqBR;AApBjB,2GAAgG;AAqB/F,qGArBQ,qDAAoB,OAqBR;AApBrB,sDAAqD;AAqBpD,2FArBQ,uBAAU,OAqBR;AApBX,sDAAqD;AAqBpD,2FArBQ,uBAAU,OAqBR;AApBX,uFAAsF;AAqBrF,sGArBQ,6CAAqB,OAqBR;AApBtB,iEAAgE;AAqB/D,iGArBQ,mCAAgB,OAqBR;AApBjB,iEAAgE;AAqB/D,iGArBQ,mCAAgB,OAqBR;AApBjB,6FAA4F;AAqBxF,wGArBK,iDAAuB,OAqBL;AApB3B,4GAA2G;AAqBvG,6GArBK,2DAA4B,OAqBL"}

package/dist/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.d.ts

@@ -0,0 +1,14 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+import SECompanyRegistrationValidator from '../../framework/Validation/Validators/SECompanyRegistration';
+export declare class SECompanyRegistrationElement extends CustomInputElement {
+    text: HTMLInputElement;
+    validator: SECompanyRegistrationValidator;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.js

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

package/dist/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SECompanyRegistrationElement.js","sourceRoot":"","sources":["../../../src/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,qGAAyG;AAyBzG;IAAkD,gDAAkB;IAInE;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAAmC,IAAI,+BAA8B,EAAE,CAAC;;IAIjF,CAAC;IAED,sBAAI,+CAAK;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,+CAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,wDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,sDAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,gCAAgC,CAAC,CAAC;QAClE,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;IACF,CAAC;IAED,SAAS;IACF,6CAAM,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,+CAAQ,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;IA3CW,4BAA4B;QAvBxC,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,iCAAiC;YAC3C,QAAQ,EAAE,mJAGI;YACd,KAAK,EAAE,4UAcE;YACT,SAAS,EAAE,IAAI;SACf,CAAC;OACW,4BAA4B,CA4CxC;IAAD,mCAAC;CAAA,AA5CD,CAAkD,uCAAkB,GA4CnE;AA5CY,oEAA4B"}

package/dist/elements/SEPersonalNumberElement/SEPersonalNumberElement.d.ts

@@ -0,0 +1,14 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+import SEPersonalNumberValidator from '../../framework/Validation/Validators/SEPersonalNumber';
+export declare class SEPersonalNumberElement extends CustomInputElement {
+    text: HTMLInputElement;
+    validator: SEPersonalNumberValidator;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/SEPersonalNumberElement/SEPersonalNumberElement.js

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

package/dist/elements/SEPersonalNumberElement/SEPersonalNumberElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SEPersonalNumberElement.js","sourceRoot":"","sources":["../../../src/elements/SEPersonalNumberElement/SEPersonalNumberElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,2FAA+F;AAyB/F;IAA6C,2CAAkB;IAI9D;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAA8B,IAAI,0BAAyB,EAAE,CAAC;;IAIvE,CAAC;IAED,sBAAI,0CAAK;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,0CAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,mDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,iDAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,2BAA2B,CAAC,CAAC;QAC7D,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;IACF,CAAC;IAED,SAAS;IACF,wCAAM,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,0CAAQ,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;IA3CW,uBAAuB;QAvBnC,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,4BAA4B;YACtC,QAAQ,EAAE,mJAGI;YACd,KAAK,EAAE,4UAcE;YACT,SAAS,EAAE,IAAI;SACf,CAAC;OACW,uBAAuB,CA4CnC;IAAD,8BAAC;CAAA,AA5CD,CAA6C,uCAAkB,GA4C9D;AA5CY,0DAAuB"}

package/dist/framework/Validation/Validators/SECompanyRegistration.d.ts

@@ -0,0 +1,9 @@
+import IValidation from '../IValidator.interface';
+export default class SECompanyRegistrationValidator implements IValidation {
+    private ORG_NR_SE_LUHN_WEIGHTS;
+    private weighted;
+    private sum;
+    isSatisfiedBy(input: string, allowEmpty: boolean): boolean;
+    private orgNrSe;
+    private checkLuhnModulus10;
+}

package/dist/framework/Validation/Validators/SECompanyRegistration.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var SECompanyRegistrationValidator = /** @class */ (function () {
+    function SECompanyRegistrationValidator() {
+        this.ORG_NR_SE_LUHN_WEIGHTS = [2, 1, 2, 1, 2, 1, 2, 1, 2, 1];
+        this.sum = function (a, b) { return a + b; };
+    }
+    SECompanyRegistrationValidator.prototype.weighted = function (coefficients) {
+        return function (value, index) { return value * coefficients[index]; };
+    };
+    SECompanyRegistrationValidator.prototype.isSatisfiedBy = function (input, allowEmpty) {
+        if (allowEmpty && !input) {
+            return true;
+        }
+        return this.orgNrSe(input);
+    };
+    SECompanyRegistrationValidator.prototype.orgNrSe = function (value) {
+        return this.checkLuhnModulus10(value, this.ORG_NR_SE_LUHN_WEIGHTS);
+    };
+    SECompanyRegistrationValidator.prototype.checkLuhnModulus10 = function (testValue, luhnWeights) {
+        var length = luhnWeights.length;
+        var testValue$ = testValue.replace("-", "");
+        if (testValue$.length !== length) {
+            return false;
+        }
+        if (Number.isNaN(parseInt(testValue$, 10))) {
+            return false;
+        }
+        var digits = testValue$.split("").map(Number);
+        var luhnF = function (n) { return (n < length ? n : n - (length - 1)); };
+        var luhnSum = luhnWeights.map(this.weighted(digits)).map(luhnF).reduce(this.sum);
+        var controlSum = length - (+luhnSum % length);
+        return controlSum % 10 === 0;
+    };
+    return SECompanyRegistrationValidator;
+}());
+exports.default = SECompanyRegistrationValidator;
+//# sourceMappingURL=SECompanyRegistration.js.map

package/dist/framework/Validation/Validators/SECompanyRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SECompanyRegistration.js","sourceRoot":"","sources":["../../../../src/framework/Validation/Validators/SECompanyRegistration.ts"],"names":[],"mappings":";;AAEA;IAAA;QACY,2BAAsB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAKxD,QAAG,GAAG,UAAC,CAAS,EAAE,CAAS,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC;IA+BlD,CAAC;IAnCW,iDAAQ,GAAhB,UAAiB,YAA2B;QACxC,OAAO,UAAC,KAAa,EAAE,KAAa,IAAK,OAAA,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,EAA3B,CAA2B,CAAC;IACzE,CAAC;IAID,sDAAa,GAAb,UAAc,KAAa,EAAE,UAAmB;QAC5C,IAAI,UAAU,IAAI,CAAC,KAAK,EAAE;YACtB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAEO,gDAAO,GAAf,UAAgB,KAAa;QACzB,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACvE,CAAC;IAEO,2DAAkB,GAA1B,UAA4B,SAAiB,EAAE,WAAqB;QAChE,IAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;QAClC,IAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC9C,IAAI,UAAU,CAAC,MAAM,KAAK,MAAM,EAAE;YAC9B,OAAO,KAAK,CAAC;SAChB;QAED,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE;YACxC,OAAO,KAAK,CAAC;SAChB;QAED,IAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAChD,IAAM,KAAK,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAnC,CAAmC,CAAC;QACjE,IAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACnF,IAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;QAChD,OAAO,UAAU,GAAG,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;IACL,qCAAC;AAAD,CAAC,AArCD,IAqCC"}

package/dist/framework/Validation/Validators/SEPersonalNumber.d.ts

@@ -0,0 +1,6 @@
+import IValidation from '../IValidator.interface';
+export default class SEPersonalNumberValidator implements IValidation {
+    private regex;
+    isSatisfiedBy(input: string, allowEmpty?: boolean): boolean;
+    private luhn;
+}

package/dist/framework/Validation/Validators/SEPersonalNumber.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var SEPersonalNumberValidator = /** @class */ (function () {
+    function SEPersonalNumberValidator() {
+        this.regex = new RegExp('^(\d{2}){0,1}(\d{2})(\d{2})(\d{2})([\+\-]?)((?!000)\d{3})(\d)$');
+    }
+    SEPersonalNumberValidator.prototype.isSatisfiedBy = function (input, allowEmpty) {
+        if (allowEmpty === void 0) { allowEmpty = true; }
+        if (allowEmpty && !input) {
+            return true;
+        }
+        var matches = this.regex.exec(input);
+        if (!matches || matches.length < 7) {
+            return false;
+        }
+        var groups = matches;
+        var decade = groups[2];
+        var century;
+        if (groups[1]) {
+            century = groups[1];
+        }
+        else {
+            var born = new Date().getFullYear() - parseInt(decade, 10);
+            if (groups[5] && groups[5] === '+') {
+                born -= 100;
+            }
+            century = born.toString().substring(0, 2);
+        }
+        // Create date time object.
+        var day = parseInt(groups[4], 10);
+        var isCoordinationNumber = day > 60;
+        day = isCoordinationNumber ? day - 60 : day;
+        var realDay = day;
+        var year = decade;
+        var fullYear = century + decade;
+        var month = groups[3];
+        var numbers = groups[6] + groups[7];
+        var controlNumber = groups[7];
+        // Try parse date-time to make sure it's actually a real date.
+        if (!Date.parse(fullYear + "-" + month + "-" + realDay)) {
+            return false;
+        }
+        if (this.luhn("" + year + month + day + groups[6]) !== parseInt(controlNumber, 10)) {
+            return false;
+        }
+        return true;
+    };
+    SEPersonalNumberValidator.prototype.luhn = function (value) {
+        // Luhm algorithm doubles every other number in the value.
+        // To get the correct checksum digit we aught to append a 0 on the sequence.
+        // If the result becomes a two digit number, subtract 9 from the value.
+        // If the total sum is not a 0, the last checksum value should be subtracted from 10.
+        // The resulting value is the check value that we use as control number.
+        // The value passed is a string, so we aught to get the actual integer value from each char (i.e., subtract '0' which is 48).
+        var t = value.split('').map(function (d) { return parseInt(d, 10); });
+        var sum = 0;
+        var temp;
+        for (var i = 0; i < t.length; i++) {
+            temp = t[i];
+            temp *= 2 - (i % 2);
+            if (temp > 9) {
+                temp -= 9;
+            }
+            sum += temp;
+        }
+        return Math.ceil(sum / 10.0) * 10 - sum;
+    };
+    return SEPersonalNumberValidator;
+}());
+exports.default = SEPersonalNumberValidator;
+//# sourceMappingURL=SEPersonalNumber.js.map

package/dist/framework/Validation/Validators/SEPersonalNumber.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@luftborn/custom-elements",
-	"version": "2.1.2",
+	"version": "2.2.0",
 	"description": "custom HTML elements for the form builder application ",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",

package/src/elements/Elements.ts

@@ -15,6 +15,8 @@ import { CVRElement } from './CVRElement/CVRElement';
 import { IdentificationElement } from './IdentificationElement/IdentificationElement';
 import { BankFieldElement } from './BankField/BankFieldElement';
 import { TypeAheadElement } from './TypeAhead/TypeAheadElement';
+import { SEPersonalNumberElement } from './SEPersonalNumberElement/SEPersonalNumberElement';
+import { SECompanyRegistrationElement } from './SECompanyRegistrationElement/SECompanyRegistrationElement';
 
 export {
 	AddressElement,
@@ -33,5 +35,7 @@ export {
 	CVRElement,
 	IdentificationElement,
 	BankFieldElement,
-	TypeAheadElement
+	TypeAheadElement,
+    SEPersonalNumberElement,
+    SECompanyRegistrationElement,
 };

package/src/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.ts

@@ -0,0 +1,73 @@
+import CustomElement from '../../framework/custom-element.decorator';
+import { CustomInputElement } from '../../framework/CustomInputElement';
+import { CustomElementEventArgs } from '../../framework/CustomEvents';
+import SECompanyRegistrationValidator from '../../framework/Validation/Validators/SECompanyRegistration';
+
+@CustomElement({
+	selector: 'se-company-registration-element',
+	template: `
+        <div class="wrapper">
+            <input type="text" id='se-company-registration-field' placeholder='SSSSSSSSSS'/>
+        </div>`,
+	style: `
+        :host{
+            width:100%;
+        }
+        .wrapper{
+            display:flex;
+        }
+        input{
+            box-sizing: border-box;
+            width: 100% !important;
+            border: none;
+            background-color: #f1f4ff;
+            margin: 2px;
+            resize: none;
+        }`,
+	useShadow: true,
+})
+export class SECompanyRegistrationElement extends CustomInputElement {
+	text: HTMLInputElement;
+	validator: SECompanyRegistrationValidator = new SECompanyRegistrationValidator();
+
+	constructor() {
+		super();
+	}
+
+	get value(): string {
+		return `${this.text.value}`;
+	}
+
+	set value(value: string) {
+		this.text.value = value;
+	}
+
+	get valid(): boolean {
+		return this.validator.isSatisfiedBy(this.value, !this.required);
+	}
+
+	connectedCallback(): void {
+		super.connectedCallback();
+	}
+
+	initChildInputs() {
+		this.text = super.getChildInput('#se-company-registration-field');
+		this.text.addEventListener('change', this.change.bind(this));
+		if (this.required) {
+			this.text.setAttribute('required', '');
+		}
+	}
+
+	// events
+	public change($event): void {
+		this.touched = true;
+		this.onChange.emit(new CustomElementEventArgs(this.value, 'change'));
+	}
+
+	public validate(): void {
+		this.valid;
+		this.onValidate.emit(
+			new CustomElementEventArgs(this.value, 'validate'),
+		);
+	}
+}

package/src/elements/SEPersonalNumberElement/SEPersonalNumberElement.ts

@@ -0,0 +1,73 @@
+import CustomElement from '../../framework/custom-element.decorator';
+import { CustomInputElement } from '../../framework/CustomInputElement';
+import { CustomElementEventArgs } from '../../framework/CustomEvents';
+import SEPersonalNumberValidator from '../../framework/Validation/Validators/SEPersonalNumber';
+
+@CustomElement({
+	selector: 'se-personal-number-element',
+	template: `
+        <div class="wrapper">
+            <input type="text" id='se-personal-number-field' placeholder='(YY)YYMMDD-SSSS'/>
+        </div>`,
+	style: `
+        :host{
+            width:100%;
+        }
+        .wrapper{
+            display:flex;
+        }
+        input{
+            box-sizing: border-box;
+            width: 100% !important;
+            border: none;
+            background-color: #f1f4ff;
+            margin: 2px;
+            resize: none;
+        }`,
+	useShadow: true,
+})
+export class SEPersonalNumberElement extends CustomInputElement {
+	text: HTMLInputElement;
+	validator: SEPersonalNumberValidator = new SEPersonalNumberValidator();
+
+	constructor() {
+		super();
+	}
+
+	get value(): string {
+		return `${this.text.value}`;
+	}
+
+	set value(value: string) {
+		this.text.value = value;
+	}
+
+	get valid(): boolean {
+		return this.validator.isSatisfiedBy(this.value, !this.required);
+	}
+
+	connectedCallback(): void {
+		super.connectedCallback();
+	}
+
+	initChildInputs() {
+		this.text = super.getChildInput('#se-personal-number-field');
+		this.text.addEventListener('change', this.change.bind(this));
+		if (this.required) {
+			this.text.setAttribute('required', '');
+		}
+	}
+
+	// events
+	public change($event): void {
+		this.touched = true;
+		this.onChange.emit(new CustomElementEventArgs(this.value, 'change'));
+	}
+
+	public validate(): void {
+		this.valid;
+		this.onValidate.emit(
+			new CustomElementEventArgs(this.value, 'validate'),
+		);
+	}
+}

package/src/framework/Validation/Validators/SECompanyRegistration.ts

@@ -0,0 +1,40 @@
+import IValidation from '../IValidator.interface';
+
+export default class SECompanyRegistrationValidator implements IValidation {
+    private ORG_NR_SE_LUHN_WEIGHTS = [2, 1, 2, 1, 2, 1, 2, 1, 2, 1];
+    private weighted(coefficients: Array<number>) {
+        return (value: number, index: number) => value * coefficients[index];
+    }
+    
+    private sum = (a: number, b: number) => a + b;
+    
+    isSatisfiedBy(input: string, allowEmpty: boolean): boolean {
+        if (allowEmpty && !input) {
+            return true;
+        }
+        
+        return this.orgNrSe(input);
+    }
+    
+    private orgNrSe(value: string) {
+        return this.checkLuhnModulus10(value, this.ORG_NR_SE_LUHN_WEIGHTS);
+    }
+    
+    private checkLuhnModulus10 (testValue: string, luhnWeights: number[]) {
+        const length = luhnWeights.length;
+        const testValue$ = testValue.replace("-", "");
+        if (testValue$.length !== length) {
+            return false;
+        }
+    
+        if (Number.isNaN(parseInt(testValue$, 10))) {
+            return false;
+        }
+    
+        const digits = testValue$.split("").map(Number);
+        const luhnF = (n: number) => (n < length ? n : n - (length - 1));
+        const luhnSum = luhnWeights.map(this.weighted(digits)).map(luhnF).reduce(this.sum);
+        const controlSum = length - (+luhnSum % length);
+        return controlSum % 10 === 0;
+    }   
+}