@luftborn/custom-elements 1.1.42 → 1.1.44

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.
Files changed (166) hide show
  1. package/dist/custom-form.d.ts +20 -0
  2. package/dist/custom-form.js +147 -0
  3. package/dist/custom-form.js.map +1 -0
  4. package/dist/elements/Address/AddressElement.d.ts +28 -0
  5. package/dist/elements/Address/AddressElement.js +207 -0
  6. package/dist/elements/Address/AddressElement.js.map +1 -0
  7. package/dist/elements/BankField/BankFieldElement.d.ts +22 -0
  8. package/dist/elements/BankField/BankFieldElement.js +128 -0
  9. package/dist/elements/BankField/BankFieldElement.js.map +1 -0
  10. package/dist/elements/CPRElement/CPRElement.d.ts +14 -0
  11. package/dist/elements/CPRElement/CPRElement.js +83 -0
  12. package/dist/elements/CPRElement/CPRElement.js.map +1 -0
  13. package/dist/elements/CVRElement/CVRElement.d.ts +14 -0
  14. package/dist/elements/CVRElement/CVRElement.js +83 -0
  15. package/dist/elements/CVRElement/CVRElement.js.map +1 -0
  16. package/dist/elements/CheckBoxElement/CheckBoxElement.d.ts +14 -0
  17. package/dist/elements/CheckBoxElement/CheckBoxElement.js +97 -0
  18. package/dist/elements/CheckBoxElement/CheckBoxElement.js.map +1 -0
  19. package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.d.ts +12 -0
  20. package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js +83 -0
  21. package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js.map +1 -0
  22. package/dist/elements/DateField/DateFieldElement.d.ts +12 -0
  23. package/dist/elements/DateField/DateFieldElement.js +86 -0
  24. package/dist/elements/DateField/DateFieldElement.js.map +1 -0
  25. package/dist/elements/DropDownList/DropDownListElement.d.ts +14 -0
  26. package/dist/elements/DropDownList/DropDownListElement.js +94 -0
  27. package/dist/elements/DropDownList/DropDownListElement.js.map +1 -0
  28. package/dist/elements/Elements.d.ts +18 -0
  29. package/dist/elements/Elements.js +38 -0
  30. package/dist/elements/Elements.js.map +1 -0
  31. package/dist/elements/EmailField/EmailFieldElement.d.ts +13 -0
  32. package/dist/elements/EmailField/EmailFieldElement.js +84 -0
  33. package/dist/elements/EmailField/EmailFieldElement.js.map +1 -0
  34. package/dist/elements/FileField/FileFieldElement.d.ts +12 -0
  35. package/dist/elements/FileField/FileFieldElement.js +84 -0
  36. package/dist/elements/FileField/FileFieldElement.js.map +1 -0
  37. package/dist/elements/IdentificationElement/IdentificationElement.d.ts +18 -0
  38. package/dist/elements/IdentificationElement/IdentificationElement.js +95 -0
  39. package/dist/elements/IdentificationElement/IdentificationElement.js.map +1 -0
  40. package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.d.ts +16 -0
  41. package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js +109 -0
  42. package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js.map +1 -0
  43. package/dist/elements/NumericField/NumericFieldElement.d.ts +12 -0
  44. package/dist/elements/NumericField/NumericFieldElement.js +92 -0
  45. package/dist/elements/NumericField/NumericFieldElement.js.map +1 -0
  46. package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.d.ts +14 -0
  47. package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js +100 -0
  48. package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js.map +1 -0
  49. package/dist/elements/TextAreaElement/TextAreaElement.d.ts +12 -0
  50. package/dist/elements/TextAreaElement/TextAreaElement.js +80 -0
  51. package/dist/elements/TextAreaElement/TextAreaElement.js.map +1 -0
  52. package/dist/elements/TextField/TextFieldElement.d.ts +12 -0
  53. package/dist/elements/TextField/TextFieldElement.js +80 -0
  54. package/dist/elements/TextField/TextFieldElement.js.map +1 -0
  55. package/dist/elements/TypeAhead/TypeAheadElement.d.ts +24 -0
  56. package/dist/elements/TypeAhead/TypeAheadElement.js +210 -0
  57. package/dist/elements/TypeAhead/TypeAheadElement.js.map +1 -0
  58. package/dist/framework/CustomEvents.d.ts +21 -0
  59. package/dist/framework/CustomEvents.js +48 -0
  60. package/dist/framework/CustomEvents.js.map +1 -0
  61. package/dist/framework/CustomInputElement.d.ts +50 -0
  62. package/dist/framework/CustomInputElement.js +258 -0
  63. package/dist/framework/CustomInputElement.js.map +1 -0
  64. package/dist/framework/Language/Languages/Base/BaseDictionary.d.ts +4 -0
  65. package/dist/framework/Language/Languages/Base/BaseDictionary.js +21 -0
  66. package/dist/framework/Language/Languages/Base/BaseDictionary.js.map +1 -0
  67. package/dist/framework/Language/Languages/DanishDictionary.d.ts +4 -0
  68. package/dist/framework/Language/Languages/DanishDictionary.js +40 -0
  69. package/dist/framework/Language/Languages/DanishDictionary.js.map +1 -0
  70. package/dist/framework/Language/Languages/EnglishDictionary.d.ts +4 -0
  71. package/dist/framework/Language/Languages/EnglishDictionary.js +40 -0
  72. package/dist/framework/Language/Languages/EnglishDictionary.js.map +1 -0
  73. package/dist/framework/Language/Translator.d.ts +6 -0
  74. package/dist/framework/Language/Translator.js +33 -0
  75. package/dist/framework/Language/Translator.js.map +1 -0
  76. package/dist/framework/Models/OptionWithDescription.d.ts +6 -0
  77. package/dist/framework/Models/OptionWithDescription.js +10 -0
  78. package/dist/framework/Models/OptionWithDescription.js.map +1 -0
  79. package/dist/framework/Polyfills/getAttributeNamesPolyfill.d.ts +1 -0
  80. package/dist/framework/Polyfills/getAttributeNamesPolyfill.js +18 -0
  81. package/dist/framework/Polyfills/getAttributeNamesPolyfill.js.map +1 -0
  82. package/dist/framework/Translations/CaseConverter.d.ts +5 -0
  83. package/dist/framework/Translations/CaseConverter.js +51 -0
  84. package/dist/framework/Translations/CaseConverter.js.map +1 -0
  85. package/dist/framework/Utilities/DomUtility.d.ts +3 -0
  86. package/dist/framework/Utilities/DomUtility.js +13 -0
  87. package/dist/framework/Utilities/DomUtility.js.map +1 -0
  88. package/dist/framework/Utilities/debouncer.d.ts +8 -0
  89. package/dist/framework/Utilities/debouncer.js +52 -0
  90. package/dist/framework/Utilities/debouncer.js.map +1 -0
  91. package/dist/framework/Validation/IValidator.interface.d.ts +3 -0
  92. package/dist/framework/Validation/IValidator.interface.js +3 -0
  93. package/dist/framework/Validation/IValidator.interface.js.map +1 -0
  94. package/dist/framework/Validation/Validators/BankAccount.d.ts +4 -0
  95. package/dist/framework/Validation/Validators/BankAccount.js +13 -0
  96. package/dist/framework/Validation/Validators/BankAccount.js.map +1 -0
  97. package/dist/framework/Validation/Validators/BankAccountRegistrationNumber.d.ts +4 -0
  98. package/dist/framework/Validation/Validators/BankAccountRegistrationNumber.js +13 -0
  99. package/dist/framework/Validation/Validators/BankAccountRegistrationNumber.js.map +1 -0
  100. package/dist/framework/Validation/Validators/BankIdNorway.d.ts +5 -0
  101. package/dist/framework/Validation/Validators/BankIdNorway.js +22 -0
  102. package/dist/framework/Validation/Validators/BankIdNorway.js.map +1 -0
  103. package/dist/framework/Validation/Validators/BankIdSweden.d.ts +5 -0
  104. package/dist/framework/Validation/Validators/BankIdSweden.js +22 -0
  105. package/dist/framework/Validation/Validators/BankIdSweden.js.map +1 -0
  106. package/dist/framework/Validation/Validators/CPR.d.ts +9 -0
  107. package/dist/framework/Validation/Validators/CPR.js +76 -0
  108. package/dist/framework/Validation/Validators/CPR.js.map +1 -0
  109. package/dist/framework/Validation/Validators/CVR.d.ts +5 -0
  110. package/dist/framework/Validation/Validators/CVR.js +31 -0
  111. package/dist/framework/Validation/Validators/CVR.js.map +1 -0
  112. package/dist/framework/custom-element.decorator.d.ts +9 -0
  113. package/dist/framework/custom-element.decorator.js +52 -0
  114. package/dist/framework/custom-element.decorator.js.map +1 -0
  115. package/dist/index.d.ts +7 -0
  116. package/dist/index.js +15 -0
  117. package/dist/index.js.map +1 -0
  118. package/node_modules/@webcomponents/webcomponentsjs/CHANGELOG.md +61 -0
  119. package/node_modules/@webcomponents/webcomponentsjs/LICENSE.md +19 -0
  120. package/node_modules/@webcomponents/webcomponentsjs/README.md +246 -0
  121. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-ce.js +63 -0
  122. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-ce.js.map +1 -0
  123. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_dom.js +60 -0
  124. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_dom.js.map +1 -0
  125. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_js.js +95 -0
  126. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-pf_js.js.map +1 -0
  127. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js +360 -0
  128. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce-pf.js.map +1 -0
  129. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce.js +228 -0
  130. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce.js.map +1 -0
  131. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd.js +185 -0
  132. package/node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd.js.map +1 -0
  133. package/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js +15 -0
  134. package/node_modules/@webcomponents/webcomponentsjs/package.json +84 -0
  135. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/custom-elements-es5-adapter-index.js +16 -0
  136. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-bundle-index.js +55 -0
  137. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-ce-index.js +17 -0
  138. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-pf_dom-index.js +17 -0
  139. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-pf_js-index.js +13 -0
  140. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-index.js +19 -0
  141. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-sd-ce-pf-index.js +25 -0
  142. package/node_modules/@webcomponents/webcomponentsjs/src/entrypoints/webcomponents-sd-index.js +18 -0
  143. package/node_modules/@webcomponents/webcomponentsjs/src/flag-parser.js +69 -0
  144. package/node_modules/@webcomponents/webcomponentsjs/src/platform/baseuri.js +28 -0
  145. package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/after.js +47 -0
  146. package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/before.js +40 -0
  147. package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/index.js +14 -0
  148. package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/remove.js +37 -0
  149. package/node_modules/@webcomponents/webcomponentsjs/src/platform/child-node/replace-with.js +42 -0
  150. package/node_modules/@webcomponents/webcomponentsjs/src/platform/custom-event.js +79 -0
  151. package/node_modules/@webcomponents/webcomponentsjs/src/platform/es6-misc.js +38 -0
  152. package/node_modules/@webcomponents/webcomponentsjs/src/platform/get-attribute-names.js +27 -0
  153. package/node_modules/@webcomponents/webcomponentsjs/src/platform/matches.js +21 -0
  154. package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/append.js +31 -0
  155. package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/index.js +13 -0
  156. package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/prepend.js +42 -0
  157. package/node_modules/@webcomponents/webcomponentsjs/src/platform/parent-node/replace-children.js +45 -0
  158. package/node_modules/@webcomponents/webcomponentsjs/src/platform/promise.js +50 -0
  159. package/node_modules/@webcomponents/webcomponentsjs/src/platform/svg-element-class-list.js +28 -0
  160. package/node_modules/@webcomponents/webcomponentsjs/src/platform/symbol.js +64 -0
  161. package/node_modules/@webcomponents/webcomponentsjs/src/unresolved.js +32 -0
  162. package/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.d.ts +174 -0
  163. package/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js +370 -0
  164. package/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js.map +1 -0
  165. package/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js +206 -0
  166. package/package.json +3 -3
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
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");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
18
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
19
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
20
+ 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;
21
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
22
+ };
23
+ Object.defineProperty(exports, "__esModule", { value: true });
24
+ exports.CPRElement = void 0;
25
+ var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
26
+ var CustomInputElement_1 = require("../../framework/CustomInputElement");
27
+ var CustomEvents_1 = require("../../framework/CustomEvents");
28
+ var CPR_1 = require("../../framework/Validation/Validators/CPR");
29
+ var CPRElement = /** @class */ (function (_super) {
30
+ __extends(CPRElement, _super);
31
+ function CPRElement() {
32
+ var _this = _super.call(this) || this;
33
+ _this.validator = new CPR_1.default();
34
+ return _this;
35
+ }
36
+ Object.defineProperty(CPRElement.prototype, "value", {
37
+ get: function () {
38
+ return "" + this.text.value;
39
+ },
40
+ set: function (value) {
41
+ this.text.value = value;
42
+ },
43
+ enumerable: false,
44
+ configurable: true
45
+ });
46
+ Object.defineProperty(CPRElement.prototype, "valid", {
47
+ get: function () {
48
+ return this.validator.isSatisfiedBy(this.value, !this.required);
49
+ },
50
+ enumerable: false,
51
+ configurable: true
52
+ });
53
+ CPRElement.prototype.connectedCallback = function () {
54
+ _super.prototype.connectedCallback.call(this);
55
+ };
56
+ CPRElement.prototype.initChildInputs = function () {
57
+ this.text = _super.prototype.getChildInput.call(this, '#cpr-field');
58
+ this.text.addEventListener('change', this.change.bind(this));
59
+ if (this.required) {
60
+ this.text.setAttribute('required', '');
61
+ }
62
+ };
63
+ // events
64
+ CPRElement.prototype.change = function ($event) {
65
+ this.touched = true;
66
+ this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
67
+ };
68
+ CPRElement.prototype.validate = function () {
69
+ this.valid;
70
+ this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
71
+ };
72
+ CPRElement = __decorate([
73
+ (0, custom_element_decorator_1.default)({
74
+ selector: 'cpr-element',
75
+ template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cpr-field' placeholder='DDMMYY-SSSS'/>\n\t\t\t</div>",
76
+ 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 ",
77
+ useShadow: true,
78
+ })
79
+ ], CPRElement);
80
+ return CPRElement;
81
+ }(CustomInputElement_1.CustomInputElement));
82
+ exports.CPRElement = CPRElement;
83
+ //# sourceMappingURL=CPRElement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CPRElement.js","sourceRoot":"","sources":["../../../src/elements/CPRElement/CPRElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iEAAqE;AA0BrE;IAAgC,8BAAkB;IAIjD;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAAiB,IAAI,aAAY,EAAE,CAAC;;IAI7C,CAAC;IAED,sBAAI,6BAAK;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,6BAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,sCAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,oCAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,YAAY,CAAC,CAAC;QAC9C,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,2BAAM,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,6BAAQ,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;IA3CW,UAAU;QAxBtB,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,wHAGD;YACT,KAAK,EAAE,iUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,UAAU,CA4CtB;IAAD,iBAAC;CAAA,AA5CD,CAAgC,uCAAkB,GA4CjD;AA5CY,gCAAU"}
@@ -0,0 +1,14 @@
1
+ import { CustomInputElement } from '../../framework/CustomInputElement';
2
+ import CvrValidator from '../../framework/Validation/Validators/CVR';
3
+ export declare class CVRElement extends CustomInputElement {
4
+ text: HTMLInputElement;
5
+ validator: CvrValidator;
6
+ constructor();
7
+ get value(): string;
8
+ set value(value: string);
9
+ get valid(): boolean;
10
+ connectedCallback(): void;
11
+ initChildInputs(): void;
12
+ change($event: any): void;
13
+ validate(): void;
14
+ }
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
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");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
18
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
19
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
20
+ 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;
21
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
22
+ };
23
+ Object.defineProperty(exports, "__esModule", { value: true });
24
+ exports.CVRElement = void 0;
25
+ var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
26
+ var CustomInputElement_1 = require("../../framework/CustomInputElement");
27
+ var CustomEvents_1 = require("../../framework/CustomEvents");
28
+ var CVR_1 = require("../../framework/Validation/Validators/CVR");
29
+ var CVRElement = /** @class */ (function (_super) {
30
+ __extends(CVRElement, _super);
31
+ function CVRElement() {
32
+ var _this = _super.call(this) || this;
33
+ _this.validator = new CVR_1.default();
34
+ return _this;
35
+ }
36
+ Object.defineProperty(CVRElement.prototype, "value", {
37
+ get: function () {
38
+ return "" + this.text.value;
39
+ },
40
+ set: function (value) {
41
+ this.text.value = value;
42
+ },
43
+ enumerable: false,
44
+ configurable: true
45
+ });
46
+ Object.defineProperty(CVRElement.prototype, "valid", {
47
+ get: function () {
48
+ return this.validator.isSatisfiedBy(this.value, !this.required);
49
+ },
50
+ enumerable: false,
51
+ configurable: true
52
+ });
53
+ CVRElement.prototype.connectedCallback = function () {
54
+ _super.prototype.connectedCallback.call(this);
55
+ };
56
+ CVRElement.prototype.initChildInputs = function () {
57
+ this.text = _super.prototype.getChildInput.call(this, '#cvr-field');
58
+ this.text.addEventListener('change', this.change.bind(this));
59
+ if (this.required) {
60
+ this.text.setAttribute('required', '');
61
+ }
62
+ };
63
+ // events
64
+ CVRElement.prototype.change = function ($event) {
65
+ this.touched = true;
66
+ this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
67
+ };
68
+ CVRElement.prototype.validate = function () {
69
+ this.valid;
70
+ this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
71
+ };
72
+ CVRElement = __decorate([
73
+ (0, custom_element_decorator_1.default)({
74
+ selector: 'cvr-element',
75
+ template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cvr-field' placeholder='SSSSSSSS'/>\n\t\t\t</div>",
76
+ 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 ",
77
+ useShadow: true,
78
+ })
79
+ ], CVRElement);
80
+ return CVRElement;
81
+ }(CustomInputElement_1.CustomInputElement));
82
+ exports.CVRElement = CVRElement;
83
+ //# sourceMappingURL=CVRElement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CVRElement.js","sourceRoot":"","sources":["../../../src/elements/CVRElement/CVRElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AAEtE,iEAAqE;AA0BrE;IAAgC,8BAAkB;IAIjD;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAAiB,IAAI,aAAY,EAAE,CAAC;;IAI7C,CAAC;IAED,sBAAI,6BAAK;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,6BAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,sCAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,oCAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,YAAY,CAAC,CAAC;QAC9C,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,2BAAM,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,6BAAQ,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;IA3CW,UAAU;QAxBtB,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,qHAGD;YACT,KAAK,EAAE,iUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,UAAU,CA4CtB;IAAD,iBAAC;CAAA,AA5CD,CAAgC,uCAAkB,GA4CjD;AA5CY,gCAAU"}
@@ -0,0 +1,14 @@
1
+ import { CustomInputElement } from '../../framework/CustomInputElement';
2
+ export declare class CheckBoxElement extends CustomInputElement {
3
+ checkbox: HTMLInputElement[];
4
+ checkboxTemplate: string;
5
+ constructor();
6
+ get value(): string[];
7
+ set value(values: string[]);
8
+ get valid(): boolean;
9
+ connectedCallback(): void;
10
+ initChildInputs(): void;
11
+ private addCheckBoxes;
12
+ change($event: any): void;
13
+ validate(): void;
14
+ }
@@ -0,0 +1,97 @@
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
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");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
18
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
19
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
20
+ 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;
21
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
22
+ };
23
+ Object.defineProperty(exports, "__esModule", { value: true });
24
+ exports.CheckBoxElement = void 0;
25
+ var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
26
+ var CustomInputElement_1 = require("../../framework/CustomInputElement");
27
+ var CustomEvents_1 = require("../../framework/CustomEvents");
28
+ var utilities_1 = require("@luftborn/utilities");
29
+ var CheckBoxElement = /** @class */ (function (_super) {
30
+ __extends(CheckBoxElement, _super);
31
+ function CheckBoxElement() {
32
+ var _this = _super.call(this) || this;
33
+ _this.checkboxTemplate = "\n\t<div class='checkbox'>\n\t\t<input type='checkbox' name='{0}' value=\"{1}\" id=\"{2}\"/>\n\t\t<label for=\"{2}\">{1}</label>\n\t</div>";
34
+ return _this;
35
+ }
36
+ Object.defineProperty(CheckBoxElement.prototype, "value", {
37
+ get: function () {
38
+ return this.checkbox.filter(function (c) { return c.checked; }).map(function (c) { return c.value; });
39
+ },
40
+ set: function (values) {
41
+ // this.checkbox.value = value;
42
+ },
43
+ enumerable: false,
44
+ configurable: true
45
+ });
46
+ Object.defineProperty(CheckBoxElement.prototype, "valid", {
47
+ get: function () {
48
+ if (this.required) {
49
+ return this.value.length > 0;
50
+ }
51
+ else {
52
+ return true;
53
+ }
54
+ },
55
+ enumerable: false,
56
+ configurable: true
57
+ });
58
+ CheckBoxElement.prototype.connectedCallback = function () {
59
+ _super.prototype.connectedCallback.call(this);
60
+ };
61
+ CheckBoxElement.prototype.initChildInputs = function () {
62
+ var _this = this;
63
+ this.addCheckBoxes();
64
+ this.checkbox = _super.prototype.getChildInputs.call(this, "[name='" + this.name + "']");
65
+ this.checkbox.forEach(function (c) {
66
+ return c.addEventListener('change', _this.change.bind(_this));
67
+ });
68
+ };
69
+ CheckBoxElement.prototype.addCheckBoxes = function () {
70
+ var _this = this;
71
+ var wrapper = _super.prototype.getChildElement.call(this, '.wrapper');
72
+ wrapper.innerHTML = "";
73
+ this.options.forEach(function (element, index) {
74
+ wrapper.insertAdjacentHTML('beforeend', utilities_1.StringUtil.StringFormat(_this.checkboxTemplate, _this.name, element, _this.name + "-" + index));
75
+ });
76
+ };
77
+ // events
78
+ CheckBoxElement.prototype.change = function ($event) {
79
+ this.touched = true;
80
+ this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
81
+ };
82
+ CheckBoxElement.prototype.validate = function () {
83
+ this.valid;
84
+ this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
85
+ };
86
+ CheckBoxElement = __decorate([
87
+ (0, custom_element_decorator_1.default)({
88
+ selector: 'checkbox-element',
89
+ template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t</div>",
90
+ style: "\n\t\t\t:host{\n\t\t\t\twidth:100%;\n\t\t\t}\n\t\t\t.checkbox {\n\t\t\t\twidth: auto;\n\t\t\t\tmargin: auto 3px;\n\t\t\t\tcolor: rgba(72, 72, 72, 0.75);\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t\tinput[type='checkbox']{\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: auto !important;\n\t\t\t\tborder: none;\n\t\t\t\tbackground-color: #f1f4ff;\n\t\t\t\tmargin: 2px;\n\t\t\t\tresize: none;\n\t\t\t}\n\t\t",
91
+ useShadow: true,
92
+ })
93
+ ], CheckBoxElement);
94
+ return CheckBoxElement;
95
+ }(CustomInputElement_1.CustomInputElement));
96
+ exports.CheckBoxElement = CheckBoxElement;
97
+ //# sourceMappingURL=CheckBoxElement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckBoxElement.js","sourceRoot":"","sources":["../../../src/elements/CheckBoxElement/CheckBoxElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iDAAiD;AA4BjD;IAAqC,mCAAkB;IAQtD;QAAA,YACC,iBAAO,SACP;QARD,sBAAgB,GAAG,4IAIZ,CAAC;;IAIR,CAAC;IAED,sBAAI,kCAAK;aAAT;YACC,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC;QAC/D,CAAC;aAED,UAAU,MAAgB;YACzB,+BAA+B;QAChC,CAAC;;;OAJA;IAMD,sBAAI,kCAAK;aAAT;YACC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;aAC7B;iBAAM;gBACN,OAAO,IAAI,CAAC;aACZ;QACF,CAAC;;;OAAA;IAED,2CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,yCAAe,GAAf;QAAA,iBAMC;QALA,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,iBAAM,cAAc,YAAC,YAAU,IAAI,CAAC,IAAI,OAAI,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,CAAC;YACtB,OAAA,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAApD,CAAoD,CACpD,CAAC;IACH,CAAC;IAEO,uCAAa,GAArB;QAAA,iBAcC;QAbA,IAAM,OAAO,GAAG,iBAAM,eAAe,YAAC,UAAU,CAAC,CAAC;QAClD,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAC,OAAO,EAAE,KAAK;YACnC,OAAO,CAAC,kBAAkB,CACzB,WAAW,EACX,sBAAU,CAAC,YAAY,CACtB,KAAI,CAAC,gBAAgB,EACrB,KAAI,CAAC,IAAI,EACT,OAAO,EACJ,KAAI,CAAC,IAAI,SAAI,KAAO,CACvB,CACD,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,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;IAlEW,eAAe;QA1B3B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,+CAED;YACT,KAAK,EAAE,qZAkBL;YACF,SAAS,EAAE,IAAI;SACf,CAAC;OACW,eAAe,CAmE3B;IAAD,sBAAC;CAAA,AAnED,CAAqC,uCAAkB,GAmEtD;AAnEY,0CAAe"}
@@ -0,0 +1,12 @@
1
+ import { CustomInputElement } from '../../framework/CustomInputElement';
2
+ export declare class CustomRegularExpressionElement extends CustomInputElement {
3
+ text: HTMLInputElement;
4
+ constructor();
5
+ get value(): string;
6
+ set value(value: string);
7
+ get valid(): boolean;
8
+ connectedCallback(): void;
9
+ initChildInputs(): void;
10
+ change($event: any): void;
11
+ validate(): void;
12
+ }
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
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");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
18
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
19
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
20
+ 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;
21
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
22
+ };
23
+ Object.defineProperty(exports, "__esModule", { value: true });
24
+ exports.CustomRegularExpressionElement = void 0;
25
+ var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
26
+ var CustomInputElement_1 = require("../../framework/CustomInputElement");
27
+ var CustomEvents_1 = require("../../framework/CustomEvents");
28
+ var CustomRegularExpressionElement = /** @class */ (function (_super) {
29
+ __extends(CustomRegularExpressionElement, _super);
30
+ function CustomRegularExpressionElement() {
31
+ return _super.call(this) || this;
32
+ }
33
+ Object.defineProperty(CustomRegularExpressionElement.prototype, "value", {
34
+ get: function () {
35
+ return "" + this.text.value;
36
+ },
37
+ set: function (value) {
38
+ this.text.value = value;
39
+ },
40
+ enumerable: false,
41
+ configurable: true
42
+ });
43
+ Object.defineProperty(CustomRegularExpressionElement.prototype, "valid", {
44
+ get: function () {
45
+ return this.text.validity.valid;
46
+ },
47
+ enumerable: false,
48
+ configurable: true
49
+ });
50
+ CustomRegularExpressionElement.prototype.connectedCallback = function () {
51
+ _super.prototype.connectedCallback.call(this);
52
+ };
53
+ CustomRegularExpressionElement.prototype.initChildInputs = function () {
54
+ this.text = _super.prototype.getChildInput.call(this, '#regex-field');
55
+ this.text.addEventListener('change', this.change.bind(this));
56
+ if (this.required) {
57
+ this.text.setAttribute('required', '');
58
+ }
59
+ if (this.customValue) {
60
+ this.text.setAttribute('pattern', this.customValue);
61
+ }
62
+ };
63
+ // events
64
+ CustomRegularExpressionElement.prototype.change = function ($event) {
65
+ this.touched = true;
66
+ this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
67
+ };
68
+ CustomRegularExpressionElement.prototype.validate = function () {
69
+ this.valid;
70
+ this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
71
+ };
72
+ CustomRegularExpressionElement = __decorate([
73
+ (0, custom_element_decorator_1.default)({
74
+ selector: 'regex-element',
75
+ template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='regex-field'/>\n\t\t\t</div>",
76
+ 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 ",
77
+ useShadow: true,
78
+ })
79
+ ], CustomRegularExpressionElement);
80
+ return CustomRegularExpressionElement;
81
+ }(CustomInputElement_1.CustomInputElement));
82
+ exports.CustomRegularExpressionElement = CustomRegularExpressionElement;
83
+ //# sourceMappingURL=CustomRegularExpressionElement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomRegularExpressionElement.js","sourceRoot":"","sources":["../../../src/elements/CustomRegularExpression/CustomRegularExpressionElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAoD,kDAAkB;IAGrE;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,iDAAK;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,iDAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,0DAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,wDAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,cAAc,CAAC,CAAC;QAChD,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;QACD,IAAI,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACpD;IACF,CAAC;IAED,SAAS;IACF,+CAAM,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,iDAAQ,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;IA7CW,8BAA8B;QAxB1C,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,gGAGD;YACT,KAAK,EAAE,iUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,8BAA8B,CA8C1C;IAAD,qCAAC;CAAA,AA9CD,CAAoD,uCAAkB,GA8CrE;AA9CY,wEAA8B"}
@@ -0,0 +1,12 @@
1
+ import { CustomInputElement } from '../../framework/CustomInputElement';
2
+ export declare class DateFieldElement extends CustomInputElement {
3
+ date: HTMLInputElement;
4
+ constructor();
5
+ get value(): string;
6
+ set value(value: string);
7
+ get valid(): boolean;
8
+ connectedCallback(): void;
9
+ initChildInputs(): void;
10
+ change($event: any): void;
11
+ validate(): void;
12
+ }
@@ -0,0 +1,86 @@
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
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");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
18
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
19
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
20
+ 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;
21
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
22
+ };
23
+ Object.defineProperty(exports, "__esModule", { value: true });
24
+ exports.DateFieldElement = void 0;
25
+ var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
26
+ var CustomInputElement_1 = require("../../framework/CustomInputElement");
27
+ var CustomEvents_1 = require("../../framework/CustomEvents");
28
+ var DateFieldElement = /** @class */ (function (_super) {
29
+ __extends(DateFieldElement, _super);
30
+ function DateFieldElement() {
31
+ return _super.call(this) || this;
32
+ }
33
+ Object.defineProperty(DateFieldElement.prototype, "value", {
34
+ get: function () {
35
+ return this.date.value;
36
+ },
37
+ set: function (value) {
38
+ this.date.value = value;
39
+ },
40
+ enumerable: false,
41
+ configurable: true
42
+ });
43
+ Object.defineProperty(DateFieldElement.prototype, "valid", {
44
+ get: function () {
45
+ return this.date.validity.valid;
46
+ },
47
+ enumerable: false,
48
+ configurable: true
49
+ });
50
+ DateFieldElement.prototype.connectedCallback = function () {
51
+ _super.prototype.connectedCallback.call(this);
52
+ };
53
+ DateFieldElement.prototype.initChildInputs = function () {
54
+ this.date = _super.prototype.getChildInput.call(this, '#date-field');
55
+ this.date.addEventListener('change', this.change.bind(this));
56
+ if (this.required) {
57
+ this.date.setAttribute('required', '');
58
+ }
59
+ if (this.max) {
60
+ this.date.setAttribute('max', this.max);
61
+ }
62
+ if (this.min) {
63
+ this.date.setAttribute('min', this.min);
64
+ }
65
+ };
66
+ // events
67
+ DateFieldElement.prototype.change = function ($event) {
68
+ this.touched = true;
69
+ this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
70
+ };
71
+ DateFieldElement.prototype.validate = function () {
72
+ this.valid;
73
+ this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
74
+ };
75
+ DateFieldElement = __decorate([
76
+ (0, custom_element_decorator_1.default)({
77
+ selector: 'date-element',
78
+ template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"date\" id='date-field'/>\n\t\t\t</div>",
79
+ 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 ",
80
+ useShadow: true,
81
+ })
82
+ ], DateFieldElement);
83
+ return DateFieldElement;
84
+ }(CustomInputElement_1.CustomInputElement));
85
+ exports.DateFieldElement = DateFieldElement;
86
+ //# sourceMappingURL=DateFieldElement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateFieldElement.js","sourceRoot":"","sources":["../../../src/elements/DateField/DateFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAsC,oCAAkB;IAGvD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,mCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACxB,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;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;SACxC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;SACxC;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;IAhDW,gBAAgB;QAxB5B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,+FAGD;YACT,KAAK,EAAE,iUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,gBAAgB,CAiD5B;IAAD,uBAAC;CAAA,AAjDD,CAAsC,uCAAkB,GAiDvD;AAjDY,4CAAgB"}
@@ -0,0 +1,14 @@
1
+ import { CustomInputElement } from '../../framework/CustomInputElement';
2
+ export declare class DropDownListElement extends CustomInputElement {
3
+ select: HTMLInputElement;
4
+ optionTemplate: string;
5
+ constructor();
6
+ get value(): string;
7
+ set value(value: string);
8
+ get valid(): boolean;
9
+ connectedCallback(): void;
10
+ initChildInputs(): void;
11
+ private addOptions;
12
+ change($event: any): void;
13
+ validate(): void;
14
+ }
@@ -0,0 +1,94 @@
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
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");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
18
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
19
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
20
+ 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;
21
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
22
+ };
23
+ Object.defineProperty(exports, "__esModule", { value: true });
24
+ exports.DropDownListElement = void 0;
25
+ var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
26
+ var CustomInputElement_1 = require("../../framework/CustomInputElement");
27
+ var CustomEvents_1 = require("../../framework/CustomEvents");
28
+ var utilities_1 = require("@luftborn/utilities");
29
+ var DropDownListElement = /** @class */ (function (_super) {
30
+ __extends(DropDownListElement, _super);
31
+ function DropDownListElement() {
32
+ var _this = _super.call(this) || this;
33
+ _this.optionTemplate = "\n <option value='{0}'>\n {1}\n </option>";
34
+ return _this;
35
+ }
36
+ Object.defineProperty(DropDownListElement.prototype, "value", {
37
+ get: function () {
38
+ return "" + this.select.value;
39
+ },
40
+ set: function (value) {
41
+ this.select.value = value;
42
+ },
43
+ enumerable: false,
44
+ configurable: true
45
+ });
46
+ Object.defineProperty(DropDownListElement.prototype, "valid", {
47
+ get: function () {
48
+ return this.select.validity.valid;
49
+ },
50
+ enumerable: false,
51
+ configurable: true
52
+ });
53
+ DropDownListElement.prototype.connectedCallback = function () {
54
+ _super.prototype.connectedCallback.call(this);
55
+ };
56
+ DropDownListElement.prototype.initChildInputs = function () {
57
+ this.select = _super.prototype.getChildInput.call(this, "#select-list");
58
+ this.addOptions();
59
+ if (this.required) {
60
+ this.select.setAttribute('required', '');
61
+ }
62
+ if (this.multi) {
63
+ this.select.setAttribute('multiple', '');
64
+ }
65
+ this.select.addEventListener('change', this.change.bind(this));
66
+ };
67
+ DropDownListElement.prototype.addOptions = function () {
68
+ var _this = this;
69
+ this.select.innerHTML = "";
70
+ this.options.forEach(function (element, index) {
71
+ _this.select.insertAdjacentHTML('beforeend', utilities_1.StringUtil.StringFormat(_this.optionTemplate, element, element));
72
+ });
73
+ };
74
+ // events
75
+ DropDownListElement.prototype.change = function ($event) {
76
+ this.touched = true;
77
+ this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
78
+ };
79
+ DropDownListElement.prototype.validate = function () {
80
+ this.valid;
81
+ this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
82
+ };
83
+ DropDownListElement = __decorate([
84
+ (0, custom_element_decorator_1.default)({
85
+ selector: 'drop-down-element',
86
+ template: "\n\t\t\t<div class=\"wrapper\">\n <select id='select-list'>\n\t\t\t <option selected disabled>-</option>\n </select>\n\t\t\t</div>",
87
+ style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n justify-content: center;\n }\n .radio-button {\n width: auto;\n margin: auto 3px;\n display: flex;\n flex-grow: 0.1;\n justify-content: space-around;\n }\n select{\n box-sizing: border-box;\n width: 100% !important;\n border: none;\n background-color: #f1f4ff;\n margin: 2px;\n resize: none;\n }\n ",
88
+ useShadow: true,
89
+ })
90
+ ], DropDownListElement);
91
+ return DropDownListElement;
92
+ }(CustomInputElement_1.CustomInputElement));
93
+ exports.DropDownListElement = DropDownListElement;
94
+ //# sourceMappingURL=DropDownListElement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropDownListElement.js","sourceRoot":"","sources":["../../../src/elements/DropDownList/DropDownListElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iDAAiD;AAoCjD;IAAyC,uCAAkB;IAO1D;QAAA,YACC,iBAAO,SACP;QAPD,oBAAc,GAAG,uDAGJ,CAAC;;IAId,CAAC;IAED,sBAAI,sCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,MAAM,CAAC,KAAO,CAAC;QAC/B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,CAAC;;;OAJA;IAMD,sBAAI,sCAAK;aAAT;YACC,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACnC,CAAC;;;OAAA;IAED,+CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,6CAAe,GAAf;QACC,IAAI,CAAC,MAAM,GAAG,iBAAM,aAAa,YAAC,cAAc,CAAC,CAAC;QAClD,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACzC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACzC;QACD,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,CAAC;IAEO,wCAAU,GAAlB;QAAA,iBAQC;QAPA,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAC,OAAO,EAAE,KAAK;YACnC,KAAI,CAAC,MAAM,CAAC,kBAAkB,CAC7B,WAAW,EACX,sBAAU,CAAC,YAAY,CAAC,KAAI,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,CAC9D,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,SAAS;IACF,oCAAM,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,sCAAQ,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;IA3DW,mBAAmB;QAlC/B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,mBAAmB;YAC7B,QAAQ,EAAE,kKAKD;YACT,KAAK,EAAE,0pBAuBI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,mBAAmB,CA4D/B;IAAD,0BAAC;CAAA,AA5DD,CAAyC,uCAAkB,GA4D1D;AA5DY,kDAAmB"}