@luftborn/custom-elements 1.1.38 → 1.1.41
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/demo/index.html +147 -2
- package/demo/index.js +451 -325
- package/demo/index.min.js +450 -324
- package/demo/index.min.js.map +1 -1
- package/dist/elements/Address/AddressElement.js +6 -4
- package/dist/elements/Address/AddressElement.js.map +1 -1
- package/dist/elements/BankField/BankFieldElement.js +4 -2
- package/dist/elements/BankField/BankFieldElement.js.map +1 -1
- package/dist/elements/CPRElement/CPRElement.js +4 -2
- package/dist/elements/CPRElement/CPRElement.js.map +1 -1
- package/dist/elements/CVRElement/CVRElement.js +4 -2
- package/dist/elements/CVRElement/CVRElement.js.map +1 -1
- package/dist/elements/CheckBoxElement/CheckBoxElement.js +5 -2
- package/dist/elements/CheckBoxElement/CheckBoxElement.js.map +1 -1
- package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js +4 -2
- package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js.map +1 -1
- package/dist/elements/DateField/DateFieldElement.js +4 -2
- package/dist/elements/DateField/DateFieldElement.js.map +1 -1
- package/dist/elements/DropDownList/DropDownListElement.js +6 -3
- package/dist/elements/DropDownList/DropDownListElement.js.map +1 -1
- package/dist/elements/EmailField/EmailFieldElement.js +4 -2
- package/dist/elements/EmailField/EmailFieldElement.js.map +1 -1
- package/dist/elements/FileField/FileFieldElement.js +4 -2
- package/dist/elements/FileField/FileFieldElement.js.map +1 -1
- package/dist/elements/IdentificationElement/IdentificationElement.js +4 -2
- package/dist/elements/IdentificationElement/IdentificationElement.js.map +1 -1
- package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js +4 -2
- package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js.map +1 -1
- package/dist/elements/NumericField/NumericFieldElement.js +4 -2
- package/dist/elements/NumericField/NumericFieldElement.js.map +1 -1
- package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js +5 -2
- package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js.map +1 -1
- package/dist/elements/TextAreaElement/TextAreaElement.js +4 -2
- package/dist/elements/TextAreaElement/TextAreaElement.js.map +1 -1
- package/dist/elements/TextField/TextFieldElement.js +4 -2
- package/dist/elements/TextField/TextFieldElement.js.map +1 -1
- package/dist/elements/TypeAhead/TypeAheadElement.js +4 -2
- package/dist/elements/TypeAhead/TypeAheadElement.js.map +1 -1
- package/dist/framework/CustomInputElement.d.ts +2 -0
- package/dist/framework/CustomInputElement.js +21 -2
- package/dist/framework/CustomInputElement.js.map +1 -1
- package/dist/framework/Language/Languages/DanishDictionary.js +3 -1
- package/dist/framework/Language/Languages/DanishDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/EnglishDictionary.js +3 -1
- package/dist/framework/Language/Languages/EnglishDictionary.js.map +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/CHANGELOG.md +61 -0
- package/node_modules/@webcomponents/webcomponentsjs/README.md +64 -47
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-ce.js +14 -24
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-ce.js.map +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_dom.js +60 -0
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_dom.js.map +1 -0
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_js.js +95 -0
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_js.js.map +1 -0
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js +290 -250
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js.map +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce.js +184 -177
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce.js.map +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd.js +151 -135
- package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd.js.map +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/package.json +30 -29
- package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-bundle-index.js +5 -3
- package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-ce-index.js +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-pf_dom-index.js +17 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-pf_js-index.js +13 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-index.js +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-pf-index.js +4 -7
- package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-sd-index.js +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/src/flag-parser.js +69 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/baseuri.js +28 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/after.js +47 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/before.js +40 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/index.js +14 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/remove.js +37 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/replace-with.js +42 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/custom-event.js +79 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/es6-misc.js +38 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/get-attribute-names.js +27 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/matches.js +21 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/append.js +31 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/index.js +13 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/prepend.js +42 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/replace-children.js +45 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/promise.js +50 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/svg-element-class-list.js +28 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/platform/symbol.js +64 -0
- package/node_modules/@webcomponents/webcomponentsjs/src/unresolved.js +32 -0
- package/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.d.ts +174 -0
- package/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js +299 -250
- package/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js.map +1 -1
- package/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js +49 -28
- package/package.json +2 -2
- package/src/elements/CheckBoxElement/CheckBoxElement.ts +1 -0
- package/src/elements/DropDownList/DropDownListElement.ts +2 -0
- package/src/elements/RadioButtonGroup/RadioButtonGroupElement.ts +1 -0
- package/src/framework/CustomInputElement.ts +19 -2
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -65,7 +67,7 @@ var TextAreaElement = /** @class */ (function (_super) {
|
|
|
65
67
|
this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
|
|
66
68
|
};
|
|
67
69
|
TextAreaElement = __decorate([
|
|
68
|
-
custom_element_decorator_1.default({
|
|
70
|
+
(0, custom_element_decorator_1.default)({
|
|
69
71
|
selector: 'text-area-element',
|
|
70
72
|
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<textarea rows=5 id='text-area-field'></textarea>\n\t\t\t</div>",
|
|
71
73
|
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n textarea{\n box-sizing: border-box;\n width: 100% !important;\n border: none;\n background-color: #f1f4ff;\n margin: 2px;\n resize: none;\n }\n ",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaElement.js","sourceRoot":"","sources":["../../../src/elements/TextAreaElement/TextAreaElement.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextAreaElement.js","sourceRoot":"","sources":["../../../src/elements/TextAreaElement/TextAreaElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAqC,mCAAkB;IAGtD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,kCAAK;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,kCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,2CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,yCAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,kBAAkB,CAAC,CAAC;QACpD,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,gCAAM,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,kCAAQ,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;IA1CW,eAAe;QAxB3B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,mBAAmB;YAC7B,QAAQ,EAAE,0GAGD;YACT,KAAK,EAAE,oUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,eAAe,CA2C3B;IAAD,sBAAC;CAAA,AA3CD,CAAqC,uCAAkB,GA2CtD;AA3CY,0CAAe"}
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -65,7 +67,7 @@ var TextFieldElement = /** @class */ (function (_super) {
|
|
|
65
67
|
this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
|
|
66
68
|
};
|
|
67
69
|
TextFieldElement = __decorate([
|
|
68
|
-
custom_element_decorator_1.default({
|
|
70
|
+
(0, custom_element_decorator_1.default)({
|
|
69
71
|
selector: 'text-element',
|
|
70
72
|
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='text-field'/>\n\t\t\t</div>",
|
|
71
73
|
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",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldElement.js","sourceRoot":"","sources":["../../../src/elements/TextField/TextFieldElement.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextFieldElement.js","sourceRoot":"","sources":["../../../src/elements/TextField/TextFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAsC,oCAAkB;IAGvD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,mCAAK;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,mCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,4CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,0CAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,aAAa,CAAC,CAAC;QAC/C,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,iCAAM,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,mCAAQ,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;IA1CW,gBAAgB;QAxB5B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,+FAGD;YACT,KAAK,EAAE,8PAeL;YACF,SAAS,EAAE,IAAI;SACf,CAAC;OACW,gBAAgB,CA2C5B;IAAD,uBAAC;CAAA,AA3CD,CAAsC,uCAAkB,GA2CvD;AA3CY,4CAAgB"}
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -195,7 +197,7 @@ var TypeAheadElement = /** @class */ (function (_super) {
|
|
|
195
197
|
this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
|
|
196
198
|
};
|
|
197
199
|
TypeAheadElement = __decorate([
|
|
198
|
-
custom_element_decorator_1.default({
|
|
200
|
+
(0, custom_element_decorator_1.default)({
|
|
199
201
|
selector: 'type-ahead-element',
|
|
200
202
|
template: "\n\t\t<div class=\"wrapper\">\n\t\t\t<input type=\"text\" id=\"text-input\">\n\t\t\t<div id=\"description\"></div>\n\t\t</div>",
|
|
201
203
|
style: "\n\t\t:host {\n\t\t\twidth:100%;\n\t\t}\n\t\t.wrapper {\n\t\t\tposition: relative;\n\t\t\tdisplay:flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t\t#text-input {\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\t}\n\t\t.wrapper #description {\n\t\t\twidth: 100%;\n\t\t\tpadding: 0 2px;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.options-list {\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid #E8E8E8;\n\t\t\tborder-bottom: none;\n\t\t\tborder-top: none;\n\t\t\tz-index: 3;\n\t\t\ttop: 100%;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tmax-height: 200px;\n\t\t\toverflow-y: auto;\n\t\t}\n\t\t.options-list-item {\n\t\t\tpadding: 10px;\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #FFFFFF;\n\t\t\tborder-bottom: 1px solid #E8E8E8;\n\t\t}\n\t\t.options-list-item:hover {\n\t\t\tbackground-color: #E8E8E8;\n\t\t}\n\t\t.options-list-item.active {\n\t\t\t/*when navigating through the items using the arrow keys:*/\n\t\t\tbackground-color: #003E64 !important;\n\t\t\tcolor: #FFFFFF;\n\t\t}\n\t\t.options-list-item-title {\n\t\t\tfont-size: 16px;\n\t\t}\n\t\t.options-list-item-description {\n\t\t\tfont-size: 10px;\n\t\t}\n\t",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeAheadElement.js","sourceRoot":"","sources":["../../../src/elements/TypeAhead/TypeAheadElement.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TypeAheadElement.js","sourceRoot":"","sources":["../../../src/elements/TypeAhead/TypeAheadElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,8 @@ export declare abstract class CustomInputElement extends HTMLElement {
|
|
|
29
29
|
abstract initChildInputs(): void;
|
|
30
30
|
abstract validate(): void;
|
|
31
31
|
abstract change($event: any): void;
|
|
32
|
+
compareVlaues: any[];
|
|
33
|
+
isValueConditionMatched(val: any): boolean;
|
|
32
34
|
connectedCallback(): void;
|
|
33
35
|
init(): void;
|
|
34
36
|
private parseData;
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -33,8 +35,24 @@ var CustomInputElement = /** @class */ (function (_super) {
|
|
|
33
35
|
_this.onVisibilityChanged = new CustomEvents_1.CustomElementEvent();
|
|
34
36
|
_this.allDependenciesMustBeMet = false;
|
|
35
37
|
_this.multi = false;
|
|
38
|
+
_this.compareVlaues = [];
|
|
36
39
|
return _this;
|
|
37
40
|
}
|
|
41
|
+
CustomInputElement.prototype.isValueConditionMatched = function (val) {
|
|
42
|
+
var _this = this;
|
|
43
|
+
if (val && Array.isArray(val) && val.length) {
|
|
44
|
+
var result_1 = false;
|
|
45
|
+
val.forEach(function (element) {
|
|
46
|
+
var elementMatched = _this.compareVlaues.findIndex(function (x) { return x == element; }) !== -1;
|
|
47
|
+
if (elementMatched) {
|
|
48
|
+
result_1 = true;
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
return result_1;
|
|
53
|
+
}
|
|
54
|
+
return this.compareVlaues.findIndex(function (x) { return x == val; }) !== -1;
|
|
55
|
+
};
|
|
38
56
|
CustomInputElement.prototype.connectedCallback = function () {
|
|
39
57
|
this.init();
|
|
40
58
|
this.setAttributes();
|
|
@@ -131,6 +149,7 @@ var CustomInputElement = /** @class */ (function (_super) {
|
|
|
131
149
|
var _this = this;
|
|
132
150
|
var element = document.querySelector("[name=\"" + elementName + "\"]");
|
|
133
151
|
if (element instanceof CustomInputElement) {
|
|
152
|
+
element.compareVlaues.push(value);
|
|
134
153
|
if (this.dependentOnList.hasOwnProperty(element.name)) {
|
|
135
154
|
return;
|
|
136
155
|
}
|
|
@@ -146,7 +165,7 @@ var CustomInputElement = /** @class */ (function (_super) {
|
|
|
146
165
|
}
|
|
147
166
|
if (type === "custom") {
|
|
148
167
|
if (criteria === "Exact") {
|
|
149
|
-
IsConditionMatched = e.value
|
|
168
|
+
IsConditionMatched = element.isValueConditionMatched(e.value);
|
|
150
169
|
}
|
|
151
170
|
else if (criteria === "LessThan") {
|
|
152
171
|
IsConditionMatched = e.value < value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomInputElement.js","sourceRoot":"","sources":["../../src/framework/CustomInputElement.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CustomInputElement.js","sourceRoot":"","sources":["../../src/framework/CustomInputElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAA4E;AAC5E,iDAAyD;AAGzD;IAAA;IAEA,CAAC;IAAD,kBAAC;AAAD,CAAC,AAFD,IAEC;AACD;IAAiD,sCAAW;IA0B3D;QAAA,YACC,iBAAO,SACP;QA3BO,qBAAe,GAAG,IAAI,WAAW,EAAW,CAAC;QAC7C,qBAAe,GAAG,IAAI,CAAC;QAErB,aAAO,GAAG,KAAK,CAAC;QAOnB,cAAQ,GAAG,IAAI,iCAAkB,EAA0B,CAAC;QAC5D,gBAAU,GAAG,IAAI,iCAAkB,EAA0B,CAAC;QAC9D,yBAAmB,GAAG,IAAI,iCAAkB,EAA0B,CAAC;QAOvE,8BAAwB,GAAY,KAAK,CAAC;QAC1C,WAAK,GAAY,KAAK,CAAC;QAiB9B,mBAAa,GAAG,EAAE,CAAC;;IAVnB,CAAC;IAYD,oDAAuB,GAAvB,UAAwB,GAAQ;QAAhC,iBAaC;QAZA,IAAI,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;YAC5C,IAAI,QAAM,GAAG,KAAK,CAAC;YACnB,GAAG,CAAC,OAAO,CAAC,UAAA,OAAO;gBAClB,IAAM,cAAc,GAAG,KAAI,CAAC,aAAa,CAAC,SAAS,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,IAAI,OAAO,EAAZ,CAAY,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9E,IAAI,cAAc,EAAE;oBACnB,QAAM,GAAG,IAAI,CAAC;oBACd,OAAO;iBACP;YACF,CAAC,CAAC,CAAC;YACH,OAAO,QAAM,CAAC;SACd;QACD,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,IAAI,GAAG,EAAR,CAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,8CAAiB,GAAjB;QACC,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAED,iCAAI,GAAJ;QAAA,iBAWC;QAVA,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,mBAAO,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE;YAC/B,KAAI,CAAC,gBAAgB,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACJ,CAAC;IAEO,sCAAS,GAAjB;QACC,IAAI;YACH,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,iBAAiB,CAAC,EAAE;gBACrD,OAAO;aACP;YACD,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAClD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAC5B,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,CAAC;YAC5D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC;YAClD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAChD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC9B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC;YAC9D,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACpB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;QAAC,OAAO,EAAE,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAClB;IACF,CAAC;IAEO,uCAAU,GAAlB;QAAA,iBAoBC;QAnBA,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAA,CAAC;YACnB,IAAI,KAAI,CAAC,KAAK,EAAE;gBACf,IAAI,KAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE;oBAC9C,KAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBACtE,KAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;iBACjE;aACD;iBAAM;gBACN,IAAI,KAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE;oBAC9C,KAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;oBACnE,KAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;iBACpE;gBACD,KAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACrB;QACF,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAA,CAAC;YACjB,IAAI,KAAI,CAAC,OAAO,EAAE;gBACjB,KAAI,CAAC,QAAQ,EAAE,CAAC;aAChB;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAEO,0CAAa,GAArB;QACC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAEO,6CAAgB,GAAxB;QACC,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE;YACpE,KAAwB,UAA6B,EAA7B,KAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAA7B,cAA6B,EAA7B,IAA6B,EAAE;gBAAlD,IAAM,SAAS,SAAA;gBACnB,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;aACtC;SACD;QAED,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,EAAE;YAClE,KAAwB,UAA4B,EAA5B,KAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAA5B,cAA4B,EAA5B,IAA4B,EAAE;gBAAjD,IAAM,SAAS,SAAA;gBACnB,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;aACrC;SACD;QAED,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;YAClD,KAAK,IAAM,KAAK,IAAI,IAAI,CAAC,YAAY,EAAE;gBACtC,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC5C,IAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC5C,KAAwB,UAAgB,EAAhB,KAAA,UAAU,CAAC,KAAK,EAAhB,cAAgB,EAAhB,IAAgB,EAAE;wBAArC,IAAM,SAAS,SAAA;wBACnB,IAAI,CAAC,cAAc,CAClB,SAAS,EACT,QAAQ,EACR,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,QAAQ,CACnB,CAAC;qBACF;iBACD;aACD;SACD;IACF,CAAC;IAEO,2CAAc,GAAtB,UAAuB,WAAmB,EAAE,IAAY,EAAE,KAAc,EAAE,QAAiB;QAA3F,iBAsCC;QArCA,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAU,WAAW,QAAI,CAAuB,CAAC;QACtF,IAAI,OAAO,YAAY,kBAAkB,EAAE;YAC1C,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACtD,OAAO;aACP;YACD,IAAI,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;YACvC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;YAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAA,CAAC;gBACjB,IAAI,kBAAkB,GAAG,KAAK,CAAC;gBAC/B,IAAI,IAAI,KAAK,KAAK,EAAE;oBACnB,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;iBAC/B;gBACD,IAAI,IAAI,KAAK,IAAI,EAAE;oBAClB,kBAAkB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;iBAC9B;gBACD,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACtB,IAAI,QAAQ,KAAK,OAAO,EAAE;wBACzB,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;qBAC9D;yBAAM,IAAI,QAAQ,KAAK,UAAU,EAAE;wBACnC,kBAAkB,GAAG,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;qBACrC;yBAAM,IAAI,QAAQ,KAAK,UAAU,EAAE;wBACnC,kBAAkB,GAAG,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;qBACrC;iBACD;gBACD,OAAO,CAAC,uBAAuB,CAAC,KAAI,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,UAAA,CAAC;gBAC5B,IAAI,KAAI,CAAC,eAAe,EAAE;oBACzB,KAAI,CAAC,QAAQ,CAAC,IAAI,CACjB,IAAI,qCAAsB,CAAC,KAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAChD,CAAC;iBACF;qBAAM;oBACN,OAAO,CAAC,uBAAuB,CAAC,KAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAClD;YACF,CAAC,CAAC,CAAC;SACH;IACF,CAAC;IAEO,0CAAa,GAArB;QACC,IAAI,IAAI,CAAC,wBAAwB,EAAE;YAClC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;SACjF;aAAM;YACN,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;SAChF;QAED,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;aAAM;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;QACD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAC5F,CAAC;IAEO,iCAAI,GAAZ;QACC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE;YAC9C,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SACrE;IACF,CAAC;IAEO,iCAAI,GAAZ;QACC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE;YAC9C,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;SACpE;IACF,CAAC;IAES,0CAAa,GAAvB,UAAwB,QAAgB;QACvC,IAAI,OAAO,GAAQ,IAAI,CAAC;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;SAC1B;QACD,OAAO,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAqB,CAAC;IAC5D,CAAC;IAES,2CAAc,GAAxB,UAAyB,QAAgB;QACxC,IAAI,OAAO,GAAQ,IAAI,CAAC;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;SAC1B;QACD,OAAO,qBAAS,CAAC,YAAY,CAC5B,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CACZ,CAAC;IACzB,CAAC;IAES,4CAAe,GAAzB,UAA0B,QAAgB;QACzC,IAAI,OAAO,GAAQ,IAAI,CAAC;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;SAC1B;QACD,OAAO,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;IACvD,CAAC;IAES,6CAAgB,GAA1B,UAA2B,QAAgB;QAC1C,IAAI,OAAO,GAAQ,IAAI,CAAC;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;SAC1B;QACD,OAAO,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAkB,CAAC;IAC5D,CAAC;IAEM,gDAAmB,GAA1B,UAA2B,IAAY,EAAE,YAA6B;QAA7B,6BAAA,EAAA,oBAA6B;QACrE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC;QAC1C,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAEM,oDAAuB,GAA9B,UAA+B,IAAY,EAAE,KAAc;QAC1D,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAC9C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;SACnC;QACD,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IACF,yBAAC;AAAD,CAAC,AA5QD,CAAiD,WAAW,GA4Q3D;AA5QqB,gDAAkB"}
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DanishDictionary.js","sourceRoot":"","sources":["../../../../src/framework/Language/Languages/DanishDictionary.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DanishDictionary.js","sourceRoot":"","sources":["../../../../src/framework/Language/Languages/DanishDictionary.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,wDAAmD;AAEnD;IAA8C,oCAAc;IAA5D;QAAA,qEAeC;QAbA,gBAAU,GAAQ;YACjB,cAAc,EAAE;gBACf,OAAO,EAAE,SAAS;gBAClB,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,YAAY;aACjB;YACD,WAAW,EAAE;gBACZ,OAAO,EAAE,aAAa;gBACtB,kBAAkB,EAAE,qBAAqB;aACzC;SACD,CAAC;;IAEH,CAAC;IAAD,uBAAC;AAAD,CAAC,AAfD,CAA8C,wBAAc,GAe3D"}
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnglishDictionary.js","sourceRoot":"","sources":["../../../../src/framework/Language/Languages/EnglishDictionary.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EnglishDictionary.js","sourceRoot":"","sources":["../../../../src/framework/Language/Languages/EnglishDictionary.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,wDAAmD;AAEnD;IAA+C,qCAAc;IAA7D;QAAA,qEAeC;QAbA,gBAAU,GAAQ;YACjB,cAAc,EAAE;gBACf,OAAO,EAAE,SAAS;gBAClB,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,SAAS;gBAClB,GAAG,EAAE,KAAK;aACV;YACD,WAAW,EAAE;gBACZ,OAAO,EAAE,cAAc;gBACvB,kBAAkB,EAAE,kCAAkC;aACtD;SACD,CAAC;;IAEH,CAAC;IAAD,wBAAC;AAAD,CAAC,AAfD,CAA+C,wBAAc,GAe5D"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
All notable changes to this project will be documented in this file.
|
|
4
|
+
|
|
5
|
+
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
|
+
and this project adheres to [Semantic
|
|
7
|
+
Versioning](https://semver.org/spec/v2.0.0.html).
|
|
8
|
+
|
|
9
|
+
<!-- ## [Unreleased] -->
|
|
10
|
+
|
|
11
|
+
## [2.6.0] - 2021-08-02
|
|
12
|
+
|
|
13
|
+
- Add TS externs. ([#457](https://github.com/webcomponents/polyfills/pull/457))
|
|
14
|
+
|
|
15
|
+
## [2.5.0] - 2020-10-21
|
|
16
|
+
|
|
17
|
+
- Polyfill `Element#matches`.
|
|
18
|
+
([#400](https://github.com/webcomponents/polyfills/pull/400))
|
|
19
|
+
- Remove function declarations from platform polyfills to sastisfy internal lint
|
|
20
|
+
after import transforms.
|
|
21
|
+
([#396](https://github.com/webcomponents/polyfills/pull/396))
|
|
22
|
+
- Polyfill `Element#getAttributeNames`.
|
|
23
|
+
([#393](https://github.com/webcomponents/polyfills/pull/393))
|
|
24
|
+
- Add polyfills for ChildNode APIs.
|
|
25
|
+
([#390](https://github.com/webcomponents/polyfills/pull/390))
|
|
26
|
+
- Add polyfills for select ParentNode APIs.
|
|
27
|
+
([#389](https://github.com/webcomponents/polyfills/pull/389))
|
|
28
|
+
- Add `classList` support to `SVGElement`.
|
|
29
|
+
([#391](https://github.com/webcomponents/polyfills/pull/391))
|
|
30
|
+
- Add new entrypoints to webcomponentsjs for the 'platform' polyfills.
|
|
31
|
+
([#385](https://github.com/webcomponents/polyfills/pull/385))
|
|
32
|
+
|
|
33
|
+
## [2.4.4] - 2020-07-20
|
|
34
|
+
|
|
35
|
+
- Fixed bug where Object.assign polyfill would copy non-enumerable properties.
|
|
36
|
+
- Convert platform (`Array.from`, `CustomEvent`, `Promise` etc.) polyfills to
|
|
37
|
+
TypeScript ([#292](https://github.com/webcomponents/polyfills/pull/292))
|
|
38
|
+
- Improve types for JSCompiler compatibility
|
|
39
|
+
([#307](https://github.com/webcomponents/polyfills/pull/307))
|
|
40
|
+
- README improvements
|
|
41
|
+
([#128](https://github.com/webcomponents/polyfills/pull/128),
|
|
42
|
+
[#212](https://github.com/webcomponents/polyfills/pull/212),
|
|
43
|
+
[#214](https://github.com/webcomponents/polyfills/pull/214))
|
|
44
|
+
|
|
45
|
+
## [2.4.3] - 2020-03-16
|
|
46
|
+
|
|
47
|
+
- Maintenance release (no user-facing changes)
|
|
48
|
+
|
|
49
|
+
## [2.4.2] - 2020-02-26
|
|
50
|
+
|
|
51
|
+
- Remove unnecessary externs
|
|
52
|
+
([#272](https://github.com/webcomponents/polyfills/pull/272))
|
|
53
|
+
|
|
54
|
+
## [2.4.1] - 2020-01-09
|
|
55
|
+
|
|
56
|
+
- Maintenance release (no user-facing changes)
|
|
57
|
+
|
|
58
|
+
## [2.4.0] - 2019-11-12
|
|
59
|
+
|
|
60
|
+
- Add on-demand patching mode
|
|
61
|
+
([#189](https://github.com/webcomponents/polyfills/pull/189))
|
|
@@ -1,29 +1,31 @@
|
|
|
1
1
|
[](https://travis-ci.org/webcomponents/webcomponentsjs)
|
|
2
2
|
|
|
3
|
-
webcomponents.js (v1 spec polyfills)
|
|
4
|
-
================
|
|
3
|
+
# webcomponents.js (v1 spec polyfills)
|
|
5
4
|
|
|
6
5
|
> **Note**. For polyfills that work with the older Custom Elements and Shadow DOM v0 specs,
|
|
7
|
-
see the [v0 branch](https://github.com/webcomponents/webcomponentsjs/tree/v0).
|
|
6
|
+
> see the [v0 branch](https://github.com/webcomponents/webcomponentsjs/tree/v0).
|
|
8
7
|
|
|
9
8
|
> **Note**. For polyfills that include HTML Imports,
|
|
10
|
-
see the [v1 branch](https://github.com/webcomponents/webcomponentsjs/tree/v1).
|
|
9
|
+
> see the [v1 branch](https://github.com/webcomponents/webcomponentsjs/tree/v1).
|
|
11
10
|
|
|
12
11
|
A suite of polyfills supporting the [Web Components](http://webcomponents.org) specs:
|
|
13
12
|
|
|
14
|
-
- **Custom Elements v1**: allows authors to define their own custom tags ([spec](https://w3c.github.io/webcomponents/spec/custom/), [tutorial](https://developers.google.com/web/fundamentals/getting-started/primers/customelements), [polyfill](https://github.com/webcomponents/custom-elements)).
|
|
13
|
+
- **Custom Elements v1**: allows authors to define their own custom tags ([spec](https://w3c.github.io/webcomponents/spec/custom/), [tutorial](https://developers.google.com/web/fundamentals/getting-started/primers/customelements), [polyfill](https://github.com/webcomponents/polyfills/tree/master/packages/custom-elements)).
|
|
15
14
|
- **Shadow DOM v1**: provides encapsulation by hiding DOM subtrees under shadow roots ([spec](https://w3c.github.io/webcomponents/spec/shadow/), [tutorial](https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom),
|
|
16
|
-
[shadydom polyfill](https://github.com/webcomponents/shadydom), [shadycss polyfill](https://github.com/webcomponents/shadycss)).
|
|
15
|
+
[shadydom polyfill](https://github.com/webcomponents/polyfills/tree/master/packages/shadydom), [shadycss polyfill](https://github.com/webcomponents/polyfills/tree/master/packages/shadycss)).
|
|
17
16
|
|
|
18
17
|
For browsers that need it, there are also some minor polyfills included:
|
|
19
|
-
|
|
18
|
+
|
|
19
|
+
- [`HTMLTemplateElement`](https://github.com/webcomponents/polyfills/tree/master/packages/template)
|
|
20
20
|
- [`Promise`](https://github.com/taylorhakes/promise-polyfill)
|
|
21
21
|
- `Event`, `CustomEvent`, `MouseEvent` constructors and `Object.assign`, `Array.from`
|
|
22
|
-
(see [webcomponents-platform](https://github.com/webcomponents/webcomponents-platform))
|
|
23
|
-
- [`URL constructor`](https://github.com/webcomponents/
|
|
22
|
+
(see [webcomponents-platform](https://github.com/webcomponents/webcomponents-platform))
|
|
23
|
+
- [`URL constructor`](https://github.com/webcomponents/polyfills/tree/master/packages/url)
|
|
24
24
|
|
|
25
25
|
## How to use
|
|
26
|
+
|
|
26
27
|
### Install polyfills
|
|
28
|
+
|
|
27
29
|
```bash
|
|
28
30
|
npm install @webcomponents/webcomponentsjs
|
|
29
31
|
```
|
|
@@ -76,6 +78,7 @@ For example:
|
|
|
76
78
|
```
|
|
77
79
|
|
|
78
80
|
#### Synchronous
|
|
81
|
+
|
|
79
82
|
When loaded synchronously, `webcomponents-loader.js` behaves similarly to `webcomponents-bundle.js`.
|
|
80
83
|
|
|
81
84
|
The appropriate bundle will be loaded with `document.write()` to ensure that WebComponent polyfills are available for subsequent scripts and modules.
|
|
@@ -94,8 +97,9 @@ Here's an example:
|
|
|
94
97
|
```
|
|
95
98
|
|
|
96
99
|
#### Asynchronous
|
|
100
|
+
|
|
97
101
|
When loaded asychronously with the `defer` attribute, polyfill bundles will be loaded asynchronously,
|
|
98
|
-
which means that scripts and modules that depend on webcomponents APIs
|
|
102
|
+
which means that scripts and modules that depend on webcomponents APIs _must_ be loaded
|
|
99
103
|
using `WebComponents.waitFor` function.
|
|
100
104
|
|
|
101
105
|
The `WebComponents.waitFor` function takes a callback function as an argument, and will evaluate that callback after the polyfill bundle has been loaded.
|
|
@@ -107,7 +111,10 @@ Here's an example:
|
|
|
107
111
|
|
|
108
112
|
```html
|
|
109
113
|
<!-- Load polyfills; note that "loader" will load these async -->
|
|
110
|
-
<script
|
|
114
|
+
<script
|
|
115
|
+
src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"
|
|
116
|
+
defer
|
|
117
|
+
></script>
|
|
111
118
|
|
|
112
119
|
<!-- Load a custom element definitions in `waitFor` and return a promise -->
|
|
113
120
|
<script type="module">
|
|
@@ -133,7 +140,10 @@ Here's a more complicated example:
|
|
|
133
140
|
|
|
134
141
|
```html
|
|
135
142
|
<!-- Load polyfills; note that "loader" will load these async -->
|
|
136
|
-
<script
|
|
143
|
+
<script
|
|
144
|
+
src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"
|
|
145
|
+
defer
|
|
146
|
+
></script>
|
|
137
147
|
|
|
138
148
|
<script type="module">
|
|
139
149
|
WebComponents.waitFor(async () => {
|
|
@@ -141,11 +151,10 @@ Here's a more complicated example:
|
|
|
141
151
|
await import('node_modules/fetch-polyfill/fetch.js');
|
|
142
152
|
}
|
|
143
153
|
return import('my-element.js');
|
|
144
|
-
})
|
|
154
|
+
});
|
|
145
155
|
</script>
|
|
146
156
|
|
|
147
|
-
<script type="module">
|
|
148
|
-
</script>
|
|
157
|
+
<script type="module"></script>
|
|
149
158
|
```
|
|
150
159
|
|
|
151
160
|
### WebComponentsReady event
|
|
@@ -153,9 +162,10 @@ Here's a more complicated example:
|
|
|
153
162
|
The `WebComponentsReady` event is fired when polyfills and user scripts have loaded and custom elements have been upgraded. This event is generally not needed; however, it may be useful in some cases like testing. If imperative code should wait until a specific custom element definition has loaded, it can use the platform `customElements.whenDefined` API.
|
|
154
163
|
|
|
155
164
|
### `custom-elements-es5-adapter.js`
|
|
156
|
-
According to the spec, only ES6 classes (https://html.spec.whatwg.org/multipage/scripting.html#custom-element-conformance) may be passed to the _native_ `customElements.define` API. For best performnace, ES6 should be served to browsers that support it, and ES5 code should be serve to those that don't. Since this may not always be possible, it may make sense to compile and serve ES5 to all browsers. However, if you do so, ES5-style custom element classes will now **not** work on browsers with native Custom Elements because ES5-style classes cannot properly extend ES6 classes, like `HTMLElement`.
|
|
157
165
|
|
|
158
|
-
|
|
166
|
+
According to the spec, only ES6 classes (https://html.spec.whatwg.org/multipage/scripting.html#custom-element-conformance) may be passed to the _native_ `customElements.define` API. For best performance, ES6 should be served to browsers that support it, and ES5 code should be serve to those that don't. Since this may not always be possible, it may make sense to compile and serve ES5 to all browsers. However, if you do so, ES5-style custom element classes will now **not** work on browsers with native Custom Elements because ES5-style classes cannot properly extend ES6 classes, like `HTMLElement`.
|
|
167
|
+
|
|
168
|
+
As a workaround, if your project has been compiled to ES5, load `custom-elements-es5-adapter.js` before defining Custom Elements. This adapter will automatically wrap ES5.
|
|
159
169
|
|
|
160
170
|
**The adapter must NOT be compiled.**
|
|
161
171
|
|
|
@@ -164,24 +174,50 @@ As a workaround, if your project has been compiled to ES5, load `custom-elements
|
|
|
164
174
|
The polyfills are intended to work in the latest versions of evergreen browsers. See below
|
|
165
175
|
for our complete browser support matrix:
|
|
166
176
|
|
|
167
|
-
| Polyfill
|
|
168
|
-
|
|
|
169
|
-
| Custom Elements |
|
|
170
|
-
| Shady CSS/DOM
|
|
177
|
+
| Polyfill | Edge | IE11+ | Chrome\* | Firefox\* | Safari 9+\* | Chrome Android\* | Mobile Safari\* |
|
|
178
|
+
| --------------- | :--: | :---: | :------: | :-------: | :---------: | :--------------: | :-------------: |
|
|
179
|
+
| Custom Elements | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
|
|
180
|
+
| Shady CSS/DOM | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
|
|
171
181
|
|
|
172
182
|
\*Indicates the current version of the browser
|
|
173
183
|
|
|
174
184
|
The polyfills may work in older browsers, however require additional polyfills (such as classList, or other [platform](https://github.com/webcomponents/webcomponents-platform)
|
|
175
185
|
polyfills) to be used. We cannot guarantee support for browsers outside of our compatibility matrix.
|
|
176
186
|
|
|
187
|
+
## Known Issues
|
|
188
|
+
|
|
189
|
+
- [Style encapsulation (inline styling in components) does not work out of the box](#shadycss)
|
|
190
|
+
- [Custom element's constructor property is unreliable](#constructor)
|
|
191
|
+
- [ShadyCSS: :host(.zot:not(.bar:nth-child(2))) doesn't work](#nestedparens)
|
|
192
|
+
|
|
193
|
+
### Style encapsulation (inline styling in components) does not work out of the box. <a id="shadycss"></a>
|
|
194
|
+
|
|
195
|
+
The ShadowDOM polyfill does not properly support CSS in ShadowDoM out of the box:
|
|
196
|
+
|
|
197
|
+
- Any styles inside components have an effect on the whole document (instead of on the component only - the encapsulation is broken).
|
|
198
|
+
- Any shadow-dom specific selectors (like `:host`) do not work.
|
|
199
|
+
|
|
200
|
+
You can fix those issues by manually calling the `ShadyCSS` APIs. See [ShadyCSS usage](https://github.com/webcomponents/shadycss#usage).
|
|
201
|
+
|
|
202
|
+
### Custom element's constructor property is unreliable <a id="constructor"></a>
|
|
203
|
+
|
|
204
|
+
See [#215](https://github.com/webcomponents/webcomponentsjs/issues/215) for background.
|
|
205
|
+
|
|
206
|
+
In Edge and IE, instances of Custom Elements have a `constructor` property of `HTMLUnknownElementConstructor` and `HTMLUnknownElement`, respectively. It's unsafe to rely on this property for checking element types.
|
|
207
|
+
|
|
208
|
+
It's worth noting that `customElement.__proto__.__proto__.constructor` is `HTMLElementPrototype` and that the prototype chain isn't modified by the polyfills(onto `ElementPrototype`, etc.)
|
|
209
|
+
|
|
210
|
+
### ShadyCSS: :host(.zot:not(.bar:nth-child(2))) doesn't work <a id="nestedparens"></a>
|
|
211
|
+
|
|
212
|
+
ShadyCSS `:host()` rules can only have (at most) 1-level of nested parentheses in its argument selector under ShadyCSS. For example, `:host(.zot)` and `:host(.zot:not(.bar))` both work, but `:host(.zot:not(.bar:nth-child(2)))` does not.
|
|
177
213
|
|
|
178
214
|
### Manually Building
|
|
179
215
|
|
|
180
216
|
If you wish to build the bundles yourself, you'll need `node` and `npm` on your system:
|
|
181
217
|
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
218
|
+
- install [node.js](http://nodejs.org/) using the instructions on their website
|
|
219
|
+
- use `npm` to install [gulp.js](http://gulpjs.com/): `npm install -g gulp`
|
|
220
|
+
- make sure you have Java installed per https://www.npmjs.com/package/google-closure-compiler#java-version
|
|
185
221
|
|
|
186
222
|
Now you are ready to build the polyfills with:
|
|
187
223
|
|
|
@@ -204,26 +240,7 @@ Copyright (c) 2015 The Polymer Authors. All rights reserved.
|
|
|
204
240
|
|
|
205
241
|
## Changes in version 2.x
|
|
206
242
|
|
|
207
|
-
|
|
208
|
-
most browsers, the expectation is that web components code will be loaded via
|
|
209
|
-
ES modules.
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
## Known Issues
|
|
213
|
-
|
|
214
|
-
* [ShadowDOM CSS is not encapsulated out of the box](#shadycss)
|
|
215
|
-
* [Custom element's constructor property is unreliable](#constructor)
|
|
216
|
-
* [ShadyCSS: :host(.zot:not(.bar:nth-child(2))) doesn't work](#nestedparens)
|
|
217
|
-
|
|
218
|
-
### ShadowDOM CSS is not encapsulated out of the box <a id="shadycss"></a>
|
|
219
|
-
The ShadowDOM polyfill is not able to encapsulate CSS in ShadowDOM out of the box. You need to use specific code from the ShadyCSS library, included with the polyfill. See [ShadyCSS instructions](https://github.com/webcomponents/shadycss).
|
|
220
|
-
|
|
221
|
-
### Custom element's constructor property is unreliable <a id="constructor"></a>
|
|
222
|
-
See [#215](https://github.com/webcomponents/webcomponentsjs/issues/215) for background.
|
|
223
|
-
|
|
224
|
-
In Edge and IE, instances of Custom Elements have a `constructor` property of `HTMLUnknownElementConstructor` and `HTMLUnknownElement`, respectively. It's unsafe to rely on this property for checking element types.
|
|
225
|
-
|
|
226
|
-
It's worth noting that `customElement.__proto__.__proto__.constructor` is `HTMLElementPrototype` and that the prototype chain isn't modified by the polyfills(onto `ElementPrototype`, etc.)
|
|
227
|
-
|
|
228
|
-
### ShadyCSS: :host(.zot:not(.bar:nth-child(2))) doesn't work <a id="nestedparens"></a>
|
|
229
|
-
ShadyCSS `:host()` rules can only have (at most) 1-level of nested parentheses in its argument selector under ShadyCSS. For example, `:host(.zot)` and `:host(.zot:not(.bar))` both work, but `:host(.zot:not(.bar:nth-child(2)))` does not.
|
|
243
|
+
- The HTML Imports polyfill has been removed. Given that ES modules have shipped in
|
|
244
|
+
most browsers, the expectation is that web components code will be loaded via
|
|
245
|
+
ES modules.
|
|
246
|
+
- When using `webcomponents-loader.js` with the `defer` attribute, scripts that rely on the polyfills _must_ be loaded using `WebComponents.waitFor(loadCallback)`.
|