@luftborn/custom-elements 1.4.0 → 1.4.1

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

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

@@ -1,115 +1,115 @@
-"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 MakeRequest_1 = require("../../framework/Utilities/MakeRequest");
-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;
-        var _a, _b;
-        this.phone = _super.prototype.getChildInput.call(this, '#phone-field');
-        var geoIpLookup = function (success, failure) {
-            return new MakeRequest_1.default('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');
-            });
-        };
-        var isIplookUpDisabled = ((_a = this.getAttribute('data-disable-iplookup')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "true";
-        var defaultCountry = isIplookUpDisabled ? 'dk' : 'auto';
-        var country = (_b = this.getAttribute('data-country')) === null || _b === void 0 ? void 0 : _b.toLowerCase();
-        this.intlTelInput = intlTelInput(this.phone, {
-            geoIpLookup: isIplookUpDisabled ? null : geoIpLookup,
-            hiddenInput: 'fullphone',
-            initialCountry: country !== null && country !== void 0 ? country : defaultCountry,
-            preferredCountries: ["dk", "se", "gb"],
-            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;
+"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 MakeRequest_1 = require("../../framework/Utilities/MakeRequest");
+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;
+        var _a, _b;
+        this.phone = _super.prototype.getChildInput.call(this, '#phone-field');
+        var geoIpLookup = function (success, failure) {
+            return new MakeRequest_1.default('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');
+            });
+        };
+        var isIplookUpDisabled = ((_a = this.getAttribute('data-disable-iplookup')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "true";
+        var defaultCountry = isIplookUpDisabled ? 'dk' : 'auto';
+        var country = (_b = this.getAttribute('data-country')) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+        this.intlTelInput = intlTelInput(this.phone, {
+            geoIpLookup: isIplookUpDisabled ? null : geoIpLookup,
+            hiddenInput: 'fullphone',
+            initialCountry: country !== null && country !== void 0 ? country : defaultCountry,
+            preferredCountries: ["dk", "se", "gb"],
+            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/NumericField/NumericFieldElement.d.ts

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

@@ -1,92 +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;
+"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

package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.d.ts

@@ -1,14 +1,14 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-export declare class RadioButtonGroupElement extends CustomInputElement {
-    radioButton: HTMLInputElement[];
-    radioButtonTemplate: string;
-    constructor();
-    get value(): string;
-    set value(value: string);
-    get valid(): boolean;
-    connectedCallback(): void;
-    initChildInputs(): void;
-    private addRadioButtons;
-    change($event: any): void;
-    validate(): void;
-}
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class RadioButtonGroupElement extends CustomInputElement {
+    radioButton: HTMLInputElement[];
+    radioButtonTemplate: string;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    private addRadioButtons;
+    change($event: any): void;
+    validate(): void;
+}