@luftborn/custom-elements 2.15.8 → 2.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/azure-pipeline.yml +2 -2
- package/demo/index.js +19 -5
- package/demo/index.min.js +18 -4
- package/demo/index.min.js.map +1 -1
- package/dist/custom-form.d.ts +2 -1
- package/dist/custom-form.js +8 -3
- package/dist/custom-form.js.map +1 -1
- package/dist/framework/CustomInputElement.d.ts +1 -0
- package/dist/framework/CustomInputElement.js +10 -1
- package/dist/framework/CustomInputElement.js.map +1 -1
- package/package.json +1 -1
- package/src/custom-form.ts +18 -12
- package/src/framework/CustomInputElement.ts +11 -1
package/dist/custom-form.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { CustomInputElement } from './framework/CustomInputElement';
|
|
2
2
|
export declare class CustomForm {
|
|
3
3
|
private form;
|
|
4
|
+
private previewContainerSelector?;
|
|
4
5
|
action: string;
|
|
5
6
|
method: string;
|
|
6
7
|
_nativeInputs: HTMLInputElement[];
|
|
7
8
|
onsubmit: ((this: CustomForm, promise: Promise<any>) => any) | null;
|
|
8
|
-
constructor(form: HTMLFormElement);
|
|
9
|
+
constructor(form: HTMLFormElement, previewContainerSelector?: string);
|
|
9
10
|
get inputs(): CustomInputElement[];
|
|
10
11
|
get nativeInputs(): HTMLInputElement[];
|
|
11
12
|
get hasFiles(): boolean;
|
package/dist/custom-form.js
CHANGED
|
@@ -6,8 +6,9 @@ var ArrayUtil_1 = require("./framework/Utilities/ArrayUtil");
|
|
|
6
6
|
var MakeRequest_1 = require("./framework/Utilities/MakeRequest");
|
|
7
7
|
var Elements_1 = require("./elements/Elements");
|
|
8
8
|
var CustomForm = /** @class */ (function () {
|
|
9
|
-
function CustomForm(form) {
|
|
9
|
+
function CustomForm(form, previewContainerSelector) {
|
|
10
10
|
this.form = form;
|
|
11
|
+
this.previewContainerSelector = previewContainerSelector;
|
|
11
12
|
this.action = form.action || '';
|
|
12
13
|
this.method = form.method || 'get';
|
|
13
14
|
this.attachForm();
|
|
@@ -102,8 +103,12 @@ var CustomForm = /** @class */ (function () {
|
|
|
102
103
|
dependentValues = [dependentValue];
|
|
103
104
|
}
|
|
104
105
|
var customElement = document.forms[0].querySelector("[name=\"" + dependentField + "\"]");
|
|
106
|
+
if (_this.previewContainerSelector) {
|
|
107
|
+
var previewContainer = document.querySelector(_this.previewContainerSelector);
|
|
108
|
+
customElement = previewContainer === null || previewContainer === void 0 ? void 0 : previewContainer.querySelector("[name=\"" + dependentField + "\"]");
|
|
109
|
+
}
|
|
105
110
|
element.setAttribute("hidden", "");
|
|
106
|
-
customElement.onChange.on(function (event) {
|
|
111
|
+
customElement === null || customElement === void 0 ? void 0 : customElement.onChange.on(function (event) {
|
|
107
112
|
if (_this.groupShouldBeVisible(event.value, dependentValues)) {
|
|
108
113
|
_this.showGroupAndItsDependencies(element);
|
|
109
114
|
}
|
|
@@ -111,7 +116,7 @@ var CustomForm = /** @class */ (function () {
|
|
|
111
116
|
_this.hideGroupAndItsDependencies(element);
|
|
112
117
|
}
|
|
113
118
|
});
|
|
114
|
-
customElement.onVisibilityChanged.on(function (event) {
|
|
119
|
+
customElement === null || customElement === void 0 ? void 0 : customElement.onVisibilityChanged.on(function (event) {
|
|
115
120
|
var elmentIsHidden = customElement.hasAttribute('hidden');
|
|
116
121
|
if (_this.groupShouldBeVisible(customElement.value, dependentValues) && !elmentIsHidden) {
|
|
117
122
|
_this.showGroupAndItsDependencies(element);
|
package/dist/custom-form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-form.js","sourceRoot":"","sources":["../src/custom-form.ts"],"names":[],"mappings":";;;AACA,0EAAyE;AACzE,6DAAwD;AACxD,iEAA4D;AAC5D,gDAAsD;AAEtD;IAOC,oBAAoB,IAAqB;
|
|
1
|
+
{"version":3,"file":"custom-form.js","sourceRoot":"","sources":["../src/custom-form.ts"],"names":[],"mappings":"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"}
|
|
@@ -37,6 +37,7 @@ var CustomInputElement = /** @class */ (function (_super) {
|
|
|
37
37
|
_this.allDependenciesMustBeMet = false;
|
|
38
38
|
_this.multi = false;
|
|
39
39
|
_this.hideLabel = false;
|
|
40
|
+
_this.designerMode = false;
|
|
40
41
|
_this.compareValues = [];
|
|
41
42
|
return _this;
|
|
42
43
|
}
|
|
@@ -70,6 +71,11 @@ var CustomInputElement = /** @class */ (function (_super) {
|
|
|
70
71
|
window.addEventListener("load", function () {
|
|
71
72
|
_this.bindDependencies();
|
|
72
73
|
});
|
|
74
|
+
if (!this.designerMode) {
|
|
75
|
+
window.addEventListener("preview-rendered", function () {
|
|
76
|
+
_this.bindDependencies();
|
|
77
|
+
});
|
|
78
|
+
}
|
|
73
79
|
};
|
|
74
80
|
CustomInputElement.prototype.parseData = function () {
|
|
75
81
|
try {
|
|
@@ -124,8 +130,11 @@ var CustomInputElement = /** @class */ (function (_super) {
|
|
|
124
130
|
};
|
|
125
131
|
CustomInputElement.prototype.setAttributes = function () {
|
|
126
132
|
this.setAttribute("custom-input", "");
|
|
127
|
-
this.setAttribute("name", this.name);
|
|
128
133
|
this.hideLabel = this.hasAttribute('hide-label') || this.hasAttribute('hideLabel');
|
|
134
|
+
this.designerMode = this.hasAttribute('designer-mode') || this.hasAttribute('designerMode');
|
|
135
|
+
if (!this.designerMode) {
|
|
136
|
+
this.setAttribute("name", this.name);
|
|
137
|
+
}
|
|
129
138
|
};
|
|
130
139
|
CustomInputElement.prototype.bindDependencies = function () {
|
|
131
140
|
if (this.hasValueDependency && this.hasValueDependency.items.length) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomInputElement.js","sourceRoot":"","sources":["../../src/framework/CustomInputElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAA4E;AAE5E,mDAA8C;AAC9C,+CAA0C;AAE1C;IAAA;IAEA,CAAC;IAAD,kBAAC;AAAD,CAAC,AAFD,IAEC;AACD;IAAiD,sCAAW;
|
|
1
|
+
{"version":3,"file":"CustomInputElement.js","sourceRoot":"","sources":["../../src/framework/CustomInputElement.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/custom-form.ts
CHANGED
|
@@ -11,7 +11,7 @@ export class CustomForm {
|
|
|
11
11
|
|
|
12
12
|
public onsubmit: ((this: CustomForm, promise: Promise<any>) => any) | null;
|
|
13
13
|
|
|
14
|
-
constructor(private form: HTMLFormElement) {
|
|
14
|
+
constructor(private form: HTMLFormElement, private previewContainerSelector?: string) {
|
|
15
15
|
this.action = form.action || '';
|
|
16
16
|
this.method = form.method || 'get';
|
|
17
17
|
this.attachForm();
|
|
@@ -95,25 +95,31 @@ export class CustomForm {
|
|
|
95
95
|
} catch (e) {
|
|
96
96
|
dependentValues = [dependentValue];
|
|
97
97
|
}
|
|
98
|
-
|
|
98
|
+
|
|
99
99
|
let customElement: CustomInputElement = document.forms[0].querySelector(`[name="${dependentField}"]`) as CustomInputElement;
|
|
100
|
+
|
|
101
|
+
if (this.previewContainerSelector) {
|
|
102
|
+
const previewContainer = document.querySelector(this.previewContainerSelector);
|
|
103
|
+
customElement = previewContainer?.querySelector(`[name="${dependentField}"]`) as CustomInputElement;
|
|
104
|
+
}
|
|
105
|
+
|
|
100
106
|
element.setAttribute("hidden", "");
|
|
101
|
-
customElement
|
|
107
|
+
customElement?.onChange.on(event => {
|
|
102
108
|
if (this.groupShouldBeVisible(event.value, dependentValues)) {
|
|
103
109
|
this.showGroupAndItsDependencies(element);
|
|
104
110
|
} else {
|
|
105
111
|
this.hideGroupAndItsDependencies(element);
|
|
106
112
|
}
|
|
107
113
|
});
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
114
|
+
|
|
115
|
+
customElement?.onVisibilityChanged.on(event => {
|
|
116
|
+
const elmentIsHidden = customElement.hasAttribute('hidden');
|
|
117
|
+
if (this.groupShouldBeVisible(customElement.value, dependentValues) && !elmentIsHidden) {
|
|
118
|
+
this.showGroupAndItsDependencies(element);
|
|
119
|
+
} else {
|
|
120
|
+
this.hideGroupAndItsDependencies(element);
|
|
121
|
+
}
|
|
122
|
+
});
|
|
117
123
|
});
|
|
118
124
|
}
|
|
119
125
|
|
|
@@ -37,6 +37,7 @@ export abstract class CustomInputElement extends HTMLElement {
|
|
|
37
37
|
public initialValue: any;
|
|
38
38
|
|
|
39
39
|
public hideLabel: boolean = false;
|
|
40
|
+
public designerMode: boolean = false;
|
|
40
41
|
|
|
41
42
|
constructor() {
|
|
42
43
|
super();
|
|
@@ -83,6 +84,12 @@ export abstract class CustomInputElement extends HTMLElement {
|
|
|
83
84
|
window.addEventListener("load", () => {
|
|
84
85
|
this.bindDependencies();
|
|
85
86
|
});
|
|
87
|
+
|
|
88
|
+
if (!this.designerMode) {
|
|
89
|
+
window.addEventListener("preview-rendered", () => {
|
|
90
|
+
this.bindDependencies();
|
|
91
|
+
});
|
|
92
|
+
}
|
|
86
93
|
}
|
|
87
94
|
|
|
88
95
|
private parseData(): void {
|
|
@@ -137,8 +144,11 @@ export abstract class CustomInputElement extends HTMLElement {
|
|
|
137
144
|
|
|
138
145
|
private setAttributes(): void {
|
|
139
146
|
this.setAttribute("custom-input", "");
|
|
140
|
-
this.setAttribute("name", this.name);
|
|
141
147
|
this.hideLabel = this.hasAttribute('hide-label') || this.hasAttribute('hideLabel');
|
|
148
|
+
this.designerMode = this.hasAttribute('designer-mode') || this.hasAttribute('designerMode');
|
|
149
|
+
if (!this.designerMode) {
|
|
150
|
+
this.setAttribute("name", this.name);
|
|
151
|
+
}
|
|
142
152
|
}
|
|
143
153
|
|
|
144
154
|
private bindDependencies(): void {
|