@luftborn/custom-elements 2.3.4 → 2.4.1

package/demo/index.min.js

@@ -3032,6 +3032,9 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
         if (this.customValue) {
             this.text.setAttribute('pattern', this.customValue);
         }
+        if (this.placeholder) {
+            this.text.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     CustomRegularExpressionElement.prototype.change = function ($event) {
@@ -3342,6 +3345,9 @@ var EmailFieldElement = /** @class */ (function (_super) {
         if (this.required) {
             this.email.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.email.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     EmailFieldElement.prototype.change = function ($event) {
@@ -3780,6 +3786,9 @@ var NumericFieldElement = /** @class */ (function (_super) {
         if (this.step) {
             this.number.setAttribute('step', this.step);
         }
+        if (this.placeholder) {
+            this.number.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     NumericFieldElement.prototype.change = function ($event) {
@@ -4130,6 +4139,9 @@ var TextAreaElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.text.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     TextAreaElement.prototype.change = function ($event) {
@@ -4211,6 +4223,9 @@ var TextFieldElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.text.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     TextFieldElement.prototype.change = function ($event) {
@@ -4224,7 +4239,7 @@ var TextFieldElement = /** @class */ (function (_super) {
     TextFieldElement = __decorate([
         (0, custom_element_decorator_1.default)({
             selector: 'text-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='text-field'/>\n\t\t\t</div>",
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='text-field' />\n\t\t\t</div>",
             style: "\n\t:host{\n\t\t\twidth:100%;\n\t}\n\t.wrapper{\n\t\t\tdisplay:flex;\n\t}\n\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: none;\n\t\t\tbackground-color: #f1f4ff;\n\t\t\tmargin: 2px;\n\t\t\tresize: none;\n\t}\n\t\t",
             useShadow: true,
         })
@@ -4322,6 +4337,9 @@ var TypeAheadElement = /** @class */ (function (_super) {
         if (this.required) {
             this.textInputElement.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.textInputElement.setAttribute('placeholder', this.placeholder);
+        }
         this.textInputElement.addEventListener('change', this.change.bind(this));
         this.textInputElement.addEventListener('input', function () {
             _this.inputEventHandler();
@@ -4579,6 +4597,7 @@ var CustomInputElement = /** @class */ (function (_super) {
             this.dependencies = data.dependencies;
             this.required = data.required;
             this.name = data.name;
+            this.placeholder = data.placeholder;
             this.allDependenciesMustBeMet = data.allDependenciesMustBeMet;
             this.multi = data.multi;
             this.max = data.max;
@@ -6237,68 +6256,38 @@ exports.default = SECompanyRegistrationValidator;
 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;
+        // Format: 10 or 12 digits [YY]YYMMDD[-/+]NNNN and pass checksum validation
+        var match = input
+            .replace(/[ +-]/g, '')
+            .match(/^(\d{2}|\d{4})(\d{2})(\d{2})(\d{4})$/i);
+        if (!match)
+            return false; // not matching regex
+        var _a = match.slice(1).map(Number), month = _a[1], day = _a[2];
+        return ((!allowEmpty ? !!input : true) &&
+            this.validateDayAndMonth(month, day) &&
+            this.validateChecksum(input));
+    };
+    SEPersonalNumberValidator.prototype.validateDayAndMonth = function (month, day) {
+        var maxDaysInMonth = [0, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+        return (!(month < 1 || month > 12) && !(day < 1 || day > maxDaysInMonth[month]));
+    };
+    SEPersonalNumberValidator.prototype.validateChecksum = function (persNo) {
+        var digits = persNo
+            .replace(/[ +-]/g, '')
+            .slice(-10)
+            .split('')
+            .map(Number);
+        var luhnWeights = [2, 1, 2, 1, 2, 1, 2, 1, 2, 1];
+        var luhnF = function (n) { return (n < 10 ? n : n - 9); };
+        var luhnSum = luhnWeights
+            .map(function (value, index) { return value * digits[index]; })
+            .map(luhnF)
+            .reduce(function (a, b) { return a + b; });
+        var controlSum = 10 - (+luhnSum % 10);
+        return controlSum % 10 == 0;
     };
     return SEPersonalNumberValidator;
 }());