@luftborn/custom-elements 1.4.0 → 1.4.1

package/demo/old/index.ts

@@ -1,10 +1,10 @@
-import { CustomForm, elements } from './../src/index';
-
-document.onreadystatechange = () => {
-    if (document.readyState === 'complete') {
-        let form = new CustomForm(document.forms[0]);
-        form.onsubmit = promise => {
-            promise.then(response => {});
-        };
-    }
-};
+import { CustomForm, elements } from './../src/index';
+
+document.onreadystatechange = () => {
+    if (document.readyState === 'complete') {
+        let form = new CustomForm(document.forms[0]);
+        form.onsubmit = promise => {
+            promise.then(response => {});
+        };
+    }
+};

package/dist/custom-form.d.ts

@@ -1,20 +1,20 @@
-import { CustomInputElement } from './framework/CustomInputElement';
-export declare class CustomForm {
-    private form;
-    action: string;
-    method: string;
-    _nativeInputs: HTMLInputElement[];
-    onsubmit: ((this: CustomForm, promise: Promise<any>) => any) | null;
-    constructor(form: HTMLFormElement);
-    get inputs(): CustomInputElement[];
-    get nativeInputs(): HTMLInputElement[];
-    get hasFiles(): boolean;
-    attachForm(): void;
-    validate(): boolean;
-    submit(): Promise<any>;
-    private extractData;
-    private binGroupsToDependency;
-    private hideGroupAndItsDependencies;
-    private showGroupAndItsDependencies;
-    private isDescendant;
-}
+import { CustomInputElement } from './framework/CustomInputElement';
+export declare class CustomForm {
+    private form;
+    action: string;
+    method: string;
+    _nativeInputs: HTMLInputElement[];
+    onsubmit: ((this: CustomForm, promise: Promise<any>) => any) | null;
+    constructor(form: HTMLFormElement);
+    get inputs(): CustomInputElement[];
+    get nativeInputs(): HTMLInputElement[];
+    get hasFiles(): boolean;
+    attachForm(): void;
+    validate(): boolean;
+    submit(): Promise<any>;
+    private extractData;
+    private binGroupsToDependency;
+    private hideGroupAndItsDependencies;
+    private showGroupAndItsDependencies;
+    private isDescendant;
+}

package/dist/custom-form.js

@@ -1,148 +1,148 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomForm = void 0;
-var FileFieldElement_1 = require("./elements/FileField/FileFieldElement");
-var ArrayUtil_1 = require("./framework/Utilities/ArrayUtil");
-var MakeRequest_1 = require("./framework/Utilities/MakeRequest");
-var CustomForm = /** @class */ (function () {
-    function CustomForm(form) {
-        this.form = form;
-        this.action = form.action || '';
-        this.method = form.method || 'get';
-        this.attachForm();
-        this.binGroupsToDependency();
-    }
-    Object.defineProperty(CustomForm.prototype, "inputs", {
-        get: function () {
-            return ArrayUtil_1.default.FromNodeList(this.form.querySelectorAll('.group-container:not([hidden]) [custom-input]:not([hidden])'));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CustomForm.prototype, "nativeInputs", {
-        get: function () {
-            this._nativeInputs =
-                this._nativeInputs ||
-                    ArrayUtil_1.default.FromNodeList(this.form.querySelectorAll('input'));
-            return this._nativeInputs;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CustomForm.prototype, "hasFiles", {
-        get: function () {
-            return this.inputs.some(function (input) { return input instanceof FileFieldElement_1.FileFieldElement; });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CustomForm.prototype.attachForm = function () {
-        var _this = this;
-        this.form.onsubmit = function (event) {
-            event.preventDefault();
-            var valid = _this.validate();
-            if (valid) {
-                if (_this.onsubmit) {
-                    _this.onsubmit(_this.submit());
-                }
-            }
-        };
-    };
-    CustomForm.prototype.validate = function () {
-        this.inputs.forEach(function (input) { return input.validate(); });
-        return this.inputs.every(function (input) { return input.valid; });
-    };
-    CustomForm.prototype.submit = function () {
-        var formData = {};
-        var headers = {};
-        this.inputs.map(function (i) { return (formData[i.name] = i.value); });
-        formData = this.extractData();
-        return new MakeRequest_1.default(this.action, this.method, headers).send(formData);
-    };
-    CustomForm.prototype.extractData = function () {
-        var formData = new FormData();
-        for (var _i = 0, _a = this.inputs; _i < _a.length; _i++) {
-            var input = _a[_i];
-            if (input instanceof FileFieldElement_1.FileFieldElement) {
-                for (var index = 0; index < input.value.length; index++) {
-                    var file = input.value[index];
-                    formData.append(input.name, file, file.name);
-                }
-            }
-            else {
-                formData.append("Values[" + input.name + "]", input.value);
-            }
-        }
-        for (var _b = 0, _c = this.nativeInputs; _b < _c.length; _b++) {
-            var input = _c[_b];
-            if (input.name) {
-                formData.append(input.name, input.value);
-            }
-        }
-        return formData;
-    };
-    CustomForm.prototype.binGroupsToDependency = function () {
-        var _this = this;
-        var groupContainers = this.form.querySelectorAll('div.group-container:not([data-depends-on=""])');
-        groupContainers.forEach(function (element) {
-            var dependentField = element.getAttribute('data-depends-on');
-            var dependentValue = element.getAttribute('data-dependent-value');
-            var customElement = document.forms[0].querySelector("[name=\"" + dependentField + "\"]");
-            element.setAttribute("hidden", "");
-            customElement.onChange.on(function (event) {
-                if (event.value === dependentValue || event.value.indexOf(dependentValue) >= 0) {
-                    _this.showGroupAndItsDependencies(element);
-                }
-                else {
-                    _this.hideGroupAndItsDependencies(element);
-                }
-            });
-        });
-    };
-    CustomForm.prototype.hideGroupAndItsDependencies = function (group) {
-        var _this = this;
-        var inputElementsInsideGroup = this.inputs.filter(function (input) { return _this.isDescendant(group, input); });
-        group.setAttribute("hidden", "");
-        var groupContainers = this.form.querySelectorAll('div.group-container:not([data-depends-on=""])');
-        groupContainers.forEach(function (otherGroup) {
-            if (otherGroup !== group) {
-                var groupDependsOnField_1 = otherGroup.getAttribute('data-depends-on');
-                inputElementsInsideGroup.forEach(function (input) {
-                    if (input.name === groupDependsOnField_1) {
-                        _this.hideGroupAndItsDependencies(otherGroup);
-                    }
-                });
-            }
-        });
-    };
-    CustomForm.prototype.showGroupAndItsDependencies = function (group) {
-        var _this = this;
-        group.removeAttribute("hidden");
-        var inputElementsInsideGroup = this.inputs.filter(function (input) { return _this.isDescendant(group, input); });
-        var groupContainers = this.form.querySelectorAll('div.group-container:not([data-depends-on=""])');
-        groupContainers.forEach(function (otherGroup) {
-            if (otherGroup !== group) {
-                var groupDependsOnField_2 = otherGroup.getAttribute('data-depends-on');
-                var dependentValue_1 = otherGroup.getAttribute('data-dependent-value');
-                inputElementsInsideGroup.forEach(function (input) {
-                    if (input.name === groupDependsOnField_2 && (input.value === dependentValue_1 || input.value.indexOf(dependentValue_1) >= 0)) {
-                        _this.showGroupAndItsDependencies(otherGroup);
-                    }
-                });
-            }
-        });
-    };
-    CustomForm.prototype.isDescendant = function (parent, child) {
-        var node = child.parentNode;
-        while (node != null) {
-            if (node === parent) {
-                return true;
-            }
-            node = node.parentElement;
-        }
-        return false;
-    };
-    return CustomForm;
-}());
-exports.CustomForm = CustomForm;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomForm = void 0;
+var FileFieldElement_1 = require("./elements/FileField/FileFieldElement");
+var ArrayUtil_1 = require("./framework/Utilities/ArrayUtil");
+var MakeRequest_1 = require("./framework/Utilities/MakeRequest");
+var CustomForm = /** @class */ (function () {
+    function CustomForm(form) {
+        this.form = form;
+        this.action = form.action || '';
+        this.method = form.method || 'get';
+        this.attachForm();
+        this.binGroupsToDependency();
+    }
+    Object.defineProperty(CustomForm.prototype, "inputs", {
+        get: function () {
+            return ArrayUtil_1.default.FromNodeList(this.form.querySelectorAll('.group-container:not([hidden]) [custom-input]:not([hidden])'));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomForm.prototype, "nativeInputs", {
+        get: function () {
+            this._nativeInputs =
+                this._nativeInputs ||
+                    ArrayUtil_1.default.FromNodeList(this.form.querySelectorAll('input'));
+            return this._nativeInputs;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomForm.prototype, "hasFiles", {
+        get: function () {
+            return this.inputs.some(function (input) { return input instanceof FileFieldElement_1.FileFieldElement; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomForm.prototype.attachForm = function () {
+        var _this = this;
+        this.form.onsubmit = function (event) {
+            event.preventDefault();
+            var valid = _this.validate();
+            if (valid) {
+                if (_this.onsubmit) {
+                    _this.onsubmit(_this.submit());
+                }
+            }
+        };
+    };
+    CustomForm.prototype.validate = function () {
+        this.inputs.forEach(function (input) { return input.validate(); });
+        return this.inputs.every(function (input) { return input.valid; });
+    };
+    CustomForm.prototype.submit = function () {
+        var formData = {};
+        var headers = {};
+        this.inputs.map(function (i) { return (formData[i.name] = i.value); });
+        formData = this.extractData();
+        return new MakeRequest_1.default(this.action, this.method, headers).send(formData);
+    };
+    CustomForm.prototype.extractData = function () {
+        var formData = new FormData();
+        for (var _i = 0, _a = this.inputs; _i < _a.length; _i++) {
+            var input = _a[_i];
+            if (input instanceof FileFieldElement_1.FileFieldElement) {
+                for (var index = 0; index < input.value.length; index++) {
+                    var file = input.value[index];
+                    formData.append(input.name, file, file.name);
+                }
+            }
+            else {
+                formData.append("Values[" + input.name + "]", input.value);
+            }
+        }
+        for (var _b = 0, _c = this.nativeInputs; _b < _c.length; _b++) {
+            var input = _c[_b];
+            if (input.name) {
+                formData.append(input.name, input.value);
+            }
+        }
+        return formData;
+    };
+    CustomForm.prototype.binGroupsToDependency = function () {
+        var _this = this;
+        var groupContainers = this.form.querySelectorAll('div.group-container:not([data-depends-on=""])');
+        groupContainers.forEach(function (element) {
+            var dependentField = element.getAttribute('data-depends-on');
+            var dependentValue = element.getAttribute('data-dependent-value');
+            var customElement = document.forms[0].querySelector("[name=\"" + dependentField + "\"]");
+            element.setAttribute("hidden", "");
+            customElement.onChange.on(function (event) {
+                if (event.value === dependentValue || event.value.indexOf(dependentValue) >= 0) {
+                    _this.showGroupAndItsDependencies(element);
+                }
+                else {
+                    _this.hideGroupAndItsDependencies(element);
+                }
+            });
+        });
+    };
+    CustomForm.prototype.hideGroupAndItsDependencies = function (group) {
+        var _this = this;
+        var inputElementsInsideGroup = this.inputs.filter(function (input) { return _this.isDescendant(group, input); });
+        group.setAttribute("hidden", "");
+        var groupContainers = this.form.querySelectorAll('div.group-container:not([data-depends-on=""])');
+        groupContainers.forEach(function (otherGroup) {
+            if (otherGroup !== group) {
+                var groupDependsOnField_1 = otherGroup.getAttribute('data-depends-on');
+                inputElementsInsideGroup.forEach(function (input) {
+                    if (input.name === groupDependsOnField_1) {
+                        _this.hideGroupAndItsDependencies(otherGroup);
+                    }
+                });
+            }
+        });
+    };
+    CustomForm.prototype.showGroupAndItsDependencies = function (group) {
+        var _this = this;
+        group.removeAttribute("hidden");
+        var inputElementsInsideGroup = this.inputs.filter(function (input) { return _this.isDescendant(group, input); });
+        var groupContainers = this.form.querySelectorAll('div.group-container:not([data-depends-on=""])');
+        groupContainers.forEach(function (otherGroup) {
+            if (otherGroup !== group) {
+                var groupDependsOnField_2 = otherGroup.getAttribute('data-depends-on');
+                var dependentValue_1 = otherGroup.getAttribute('data-dependent-value');
+                inputElementsInsideGroup.forEach(function (input) {
+                    if (input.name === groupDependsOnField_2 && (input.value === dependentValue_1 || input.value.indexOf(dependentValue_1) >= 0)) {
+                        _this.showGroupAndItsDependencies(otherGroup);
+                    }
+                });
+            }
+        });
+    };
+    CustomForm.prototype.isDescendant = function (parent, child) {
+        var node = child.parentNode;
+        while (node != null) {
+            if (node === parent) {
+                return true;
+            }
+            node = node.parentElement;
+        }
+        return false;
+    };
+    return CustomForm;
+}());
+exports.CustomForm = CustomForm;
 //# sourceMappingURL=custom-form.js.map

package/dist/elements/Address/AddressElement.d.ts

@@ -1,28 +1,28 @@
-import { CustomInputElement } from '../../framework/CustomInputElement';
-export declare class AddressElement extends CustomInputElement {
-    private autoCompleteEnabled;
-    private addressAutoComplete;
-    private googlePlacesLibraryElement;
-    private googlePlacesApiKey;
-    address: HTMLInputElement;
-    city: HTMLInputElement;
-    country: HTMLInputElement;
-    zip: HTMLInputElement;
-    constructor();
-    get value(): string;
-    set value(value: string);
-    get valid(): boolean;
-    connectedCallback(): void;
-    componentDidMount(): void;
-    initChildInputs(): void;
-    change($event: any): void;
-    validate(): void;
-    changeLanguage(language: string): void;
-    enableAutoComplete(): void;
-    private googlePlacesLibraryElementBindLoad;
-    bindAutoComplete(): void;
-    onAddressChangedHandler(): void;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldVal: string, newVal: string): void;
-    private attributeChanged;
-}
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class AddressElement extends CustomInputElement {
+    private autoCompleteEnabled;
+    private addressAutoComplete;
+    private googlePlacesLibraryElement;
+    private googlePlacesApiKey;
+    address: HTMLInputElement;
+    city: HTMLInputElement;
+    country: HTMLInputElement;
+    zip: HTMLInputElement;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    componentDidMount(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+    changeLanguage(language: string): void;
+    enableAutoComplete(): void;
+    private googlePlacesLibraryElementBindLoad;
+    bindAutoComplete(): void;
+    onAddressChangedHandler(): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldVal: string, newVal: string): void;
+    private attributeChanged;
+}