@3t-transform/threeteeui 0.1.28 → 0.1.30

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 (190) hide show
  1. package/dist/cjs/{index-dc6cc829.js → index-457ca775.js} +104 -2
  2. package/dist/cjs/loader.cjs.js +4 -3
  3. package/dist/cjs/tttx-button.cjs.entry.js +24 -24
  4. package/dist/cjs/tttx-filter.cjs.entry.js +159 -159
  5. package/dist/cjs/tttx-form.cjs.entry.js +376 -364
  6. package/dist/cjs/tttx-icon.cjs.entry.js +11 -11
  7. package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +59 -59
  8. package/dist/cjs/tttx-list.cjs.entry.js +43 -43
  9. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
  10. package/dist/cjs/tttx-sorter.cjs.entry.js +102 -102
  11. package/dist/cjs/tttx-standalone-input.cjs.entry.js +62 -62
  12. package/dist/cjs/tttx-toolbar.cjs.entry.js +10 -10
  13. package/dist/cjs/tttx.cjs.js +7 -3
  14. package/dist/collection/collection-manifest.json +2 -2
  15. package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -110
  16. package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +14 -14
  17. package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -62
  18. package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -22
  19. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +109 -109
  20. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +38 -38
  21. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -67
  22. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
  23. package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +334 -334
  24. package/dist/collection/components/molecules/tttx-filter/tttx-filter.stories.js +62 -62
  25. package/dist/collection/components/molecules/tttx-form/lib/setErrorState.js +37 -35
  26. package/dist/collection/components/molecules/tttx-form/lib/validityCheck.js +58 -58
  27. package/dist/collection/components/molecules/tttx-form/tttx-form.css +5 -0
  28. package/dist/collection/components/molecules/tttx-form/tttx-form.js +396 -364
  29. package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +248 -127
  30. package/dist/collection/components/molecules/tttx-list/tttx-list.js +105 -105
  31. package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +43 -43
  32. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +224 -224
  33. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js +42 -42
  34. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.css +27 -5
  35. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +645 -645
  36. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +163 -163
  37. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +44 -44
  38. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +14 -14
  39. package/dist/collection/components/palette.stories.js +7 -7
  40. package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
  41. package/dist/collection/icons.js +2838 -2838
  42. package/dist/collection/index.js +1 -1
  43. package/dist/collection/shared/domsanitiser.options.js +14 -14
  44. package/dist/components/index.d.ts +9 -0
  45. package/dist/components/index.js +1 -1
  46. package/dist/components/tttx-button.js +48 -48
  47. package/dist/components/tttx-filter.js +191 -191
  48. package/dist/components/tttx-form.js +394 -381
  49. package/dist/components/tttx-icon2.js +28 -28
  50. package/dist/components/tttx-keyvalue-block.js +76 -76
  51. package/dist/components/tttx-list.js +65 -65
  52. package/dist/components/tttx-loading-spinner.js +33 -33
  53. package/dist/components/tttx-sorter.js +130 -130
  54. package/dist/components/tttx-standalone-input.js +110 -110
  55. package/dist/components/tttx-toolbar.js +26 -26
  56. package/dist/esm/{index-86faeaab.js → index-d784fb3e.js} +104 -3
  57. package/dist/esm/loader.js +4 -3
  58. package/dist/esm/polyfills/core-js.js +0 -0
  59. package/dist/esm/polyfills/css-shim.js +1 -1
  60. package/dist/esm/polyfills/dom.js +0 -0
  61. package/dist/esm/polyfills/es5-html-element.js +0 -0
  62. package/dist/esm/polyfills/index.js +0 -0
  63. package/dist/esm/polyfills/system.js +0 -0
  64. package/dist/esm/tttx-button.entry.js +24 -24
  65. package/dist/esm/tttx-filter.entry.js +159 -159
  66. package/dist/esm/tttx-form.entry.js +376 -364
  67. package/dist/esm/tttx-icon.entry.js +11 -11
  68. package/dist/esm/tttx-keyvalue-block.entry.js +59 -59
  69. package/dist/esm/tttx-list.entry.js +43 -43
  70. package/dist/esm/tttx-loading-spinner.entry.js +16 -16
  71. package/dist/esm/tttx-sorter.entry.js +102 -102
  72. package/dist/esm/tttx-standalone-input.entry.js +62 -62
  73. package/dist/esm/tttx-toolbar.entry.js +10 -10
  74. package/dist/esm/tttx.js +4 -3
  75. package/dist/tttx/p-0ebffdfc.js +2 -0
  76. package/dist/tttx/p-1112ed2e.entry.js +1 -0
  77. package/dist/tttx/p-13495422.entry.js +1 -0
  78. package/dist/tttx/{p-ae00cae3.entry.js → p-1ed7a43d.entry.js} +1 -1
  79. package/dist/tttx/p-237fe0d5.entry.js +1 -0
  80. package/dist/tttx/p-2731fbc6.entry.js +1 -0
  81. package/dist/tttx/p-280b8e45.entry.js +1 -0
  82. package/dist/tttx/p-3772f4d0.entry.js +1 -0
  83. package/dist/tttx/p-390d97dd.entry.js +1 -0
  84. package/dist/tttx/p-49796abf.entry.js +1 -0
  85. package/dist/tttx/p-4f68f1eb.entry.js +1 -0
  86. package/dist/tttx/p-53793ed2.entry.js +1 -0
  87. package/dist/tttx/p-5f335153.entry.js +1 -0
  88. package/dist/tttx/p-60a0fee2.entry.js +1 -0
  89. package/dist/tttx/p-6ab75c0b.entry.js +1 -0
  90. package/dist/tttx/{p-daa27411.entry.js → p-6b006ccf.entry.js} +1 -1
  91. package/dist/tttx/p-6cbe1824.entry.js +1 -0
  92. package/dist/tttx/p-6cefa1ce.entry.js +1 -0
  93. package/dist/tttx/p-72e7f7dd.entry.js +3 -0
  94. package/dist/tttx/{p-c72d1a03.entry.js → p-798a098a.entry.js} +1 -1
  95. package/dist/tttx/p-824af346.entry.js +1 -0
  96. package/dist/tttx/{p-f1d7eb35.entry.js → p-91e42647.entry.js} +1 -1
  97. package/dist/tttx/{p-8f3badad.entry.js → p-b720c4ad.entry.js} +1 -1
  98. package/dist/tttx/p-c06f1207.entry.js +1 -0
  99. package/dist/tttx/p-c0a15524.entry.js +1 -0
  100. package/dist/tttx/{p-e25d5fe2.entry.js → p-c4162029.entry.js} +1 -1
  101. package/dist/tttx/p-c7c968dd.entry.js +1 -0
  102. package/dist/tttx/{p-c4538d55.entry.js → p-cac26a1b.entry.js} +1 -1
  103. package/dist/tttx/p-ce728715.entry.js +1 -0
  104. package/dist/tttx/p-d3932db5.entry.js +1 -0
  105. package/dist/tttx/p-d575ef2d.entry.js +1 -0
  106. package/dist/tttx/p-d83edcfb.entry.js +1 -0
  107. package/dist/tttx/p-d8e03ed6.entry.js +1 -0
  108. package/dist/tttx/p-ebb496a2.entry.js +1 -0
  109. package/dist/tttx/p-fb5e737b.entry.js +1 -0
  110. package/dist/tttx/p-fce571c2.entry.js +1 -0
  111. package/dist/tttx/tttx.esm.js +1 -1
  112. package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -10
  113. package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -10
  114. package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -5
  115. package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -20
  116. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +7 -7
  117. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +9 -9
  118. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
  119. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
  120. package/dist/types/components/molecules/tttx-filter/tttx-filter.d.ts +39 -39
  121. package/dist/types/components/molecules/tttx-filter/tttx-filter.stories.d.ts +68 -68
  122. package/dist/types/components/molecules/tttx-form/lib/setErrorState.d.ts +13 -13
  123. package/dist/types/components/molecules/tttx-form/lib/validityCheck.d.ts +17 -17
  124. package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +111 -114
  125. package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +13 -13
  126. package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +11 -11
  127. package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +14 -14
  128. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.d.ts +19 -19
  129. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.stories.d.ts +30 -30
  130. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +60 -60
  131. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +128 -128
  132. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts +4 -4
  133. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.stories.d.ts +13 -13
  134. package/dist/types/components/palette.stories.d.ts +6 -6
  135. package/dist/types/components.d.ts +3 -2
  136. package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
  137. package/dist/types/icons.d.ts +2 -2
  138. package/dist/types/index.d.ts +1 -1
  139. package/dist/types/shared/domsanitiser.options.d.ts +10 -10
  140. package/dist/types/stencil-public-runtime.d.ts +59 -3
  141. package/loader/index.d.ts +9 -0
  142. package/package.json +1 -1
  143. package/dist/cjs/domsanitiser.options-277161b9.js +0 -1667
  144. package/dist/collection/components/atoms/tttx-button/test/tttx-button.e2e.js +0 -9
  145. package/dist/collection/components/atoms/tttx-button/test/tttx-button.spec.js +0 -83
  146. package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.e2e.js +0 -9
  147. package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.spec.js +0 -16
  148. package/dist/collection/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.js +0 -216
  149. package/dist/collection/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.js +0 -64
  150. package/dist/collection/components/molecules/tttx-filter/test/tttx-filter.spec.js +0 -231
  151. package/dist/collection/components/molecules/tttx-form/lib/setErrorState.spec.js +0 -38
  152. package/dist/collection/components/molecules/tttx-form/lib/validityCheck.spec.js +0 -214
  153. package/dist/collection/components/molecules/tttx-form/test/tttx-form.e2e.js +0 -9
  154. package/dist/collection/components/molecules/tttx-form/test/tttx-form.spec.js +0 -232
  155. package/dist/collection/components/molecules/tttx-list/test/ttttx-list.spec.e2e.js +0 -26
  156. package/dist/collection/components/molecules/tttx-list/test/tttx-list.spec.js +0 -183
  157. package/dist/collection/components/molecules/tttx-sorter/test/tttx-sorter.spec.js +0 -87
  158. package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.js +0 -9
  159. package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.js +0 -215
  160. package/dist/collection/components/molecules/tttx-toolbar/test/tttx-toolbar.spec.js +0 -52
  161. package/dist/collection/shared/test/domsanitiser.options.spec.js +0 -23
  162. package/dist/components/domsanitiser.options.js +0 -1664
  163. package/dist/esm/domsanitiser.options-cc420431.js +0 -1664
  164. package/dist/tttx/p-12fc0b16.entry.js +0 -3
  165. package/dist/tttx/p-2e43a578.entry.js +0 -1
  166. package/dist/tttx/p-33c0cbdc.entry.js +0 -1
  167. package/dist/tttx/p-52a47b7c.js +0 -2
  168. package/dist/tttx/p-72b4c98a.entry.js +0 -1
  169. package/dist/tttx/p-7e6fa227.entry.js +0 -1
  170. package/dist/tttx/p-90b0f72a.entry.js +0 -1
  171. package/dist/tttx/p-b4290a5b.js +0 -3
  172. package/dist/tttx/p-c4f2186e.entry.js +0 -1
  173. package/dist/types/components/atoms/tttx-button/test/tttx-button.e2e.d.ts +0 -1
  174. package/dist/types/components/atoms/tttx-button/test/tttx-button.spec.d.ts +0 -1
  175. package/dist/types/components/atoms/tttx-icon/test/tttx-icon.e2e.d.ts +0 -1
  176. package/dist/types/components/atoms/tttx-icon/test/tttx-icon.spec.d.ts +0 -1
  177. package/dist/types/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.d.ts +0 -1
  178. package/dist/types/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.d.ts +0 -1
  179. package/dist/types/components/molecules/tttx-filter/test/tttx-filter.spec.d.ts +0 -1
  180. package/dist/types/components/molecules/tttx-form/lib/setErrorState.spec.d.ts +0 -1
  181. package/dist/types/components/molecules/tttx-form/lib/validityCheck.spec.d.ts +0 -1
  182. package/dist/types/components/molecules/tttx-form/test/tttx-form.e2e.d.ts +0 -1
  183. package/dist/types/components/molecules/tttx-form/test/tttx-form.spec.d.ts +0 -1
  184. package/dist/types/components/molecules/tttx-list/test/ttttx-list.spec.e2e.d.ts +0 -1
  185. package/dist/types/components/molecules/tttx-list/test/tttx-list.spec.d.ts +0 -1
  186. package/dist/types/components/molecules/tttx-sorter/test/tttx-sorter.spec.d.ts +0 -1
  187. package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.d.ts +0 -1
  188. package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.d.ts +0 -1
  189. package/dist/types/components/molecules/tttx-toolbar/test/tttx-toolbar.spec.d.ts +0 -1
  190. package/dist/types/shared/test/domsanitiser.options.spec.d.ts +0 -1
@@ -1,645 +1,645 @@
1
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
2
- import { Host, h } from '@stencil/core';
3
- export class TttxInput {
4
- constructor() {
5
- this.label = undefined;
6
- this.secondarylabel = undefined;
7
- this.showerrormsg = undefined;
8
- this.showerrorbubble = true;
9
- this.errormsg = undefined;
10
- this.iconleft = undefined;
11
- this.iconright = undefined;
12
- this.inputicon = undefined;
13
- this.inline = undefined;
14
- this.inputautocapitalize = undefined;
15
- this.inputautofocus = undefined;
16
- this.inputkeyhint = undefined;
17
- this.inputindex = undefined;
18
- this.inputtitle = undefined;
19
- this.autocomplete = undefined;
20
- this.checked = undefined;
21
- this.disabled = undefined;
22
- this.max = undefined;
23
- this.maxlength = undefined;
24
- this.min = undefined;
25
- this.minlength = undefined;
26
- this.name = undefined;
27
- this.pattern = undefined;
28
- this.placeholder = undefined;
29
- this.readonly = undefined;
30
- this.required = undefined;
31
- this.step = undefined;
32
- this.type = 'text';
33
- this.value = undefined;
34
- }
35
- handleChange(event) {
36
- const target = event.target;
37
- this.value = target.value;
38
- this.valueChanged.emit(target.value);
39
- }
40
- handleFocus(event) {
41
- const target = event.target;
42
- this.focusChanged.emit(target.value);
43
- }
44
- handleBlur(event) {
45
- const target = event.target;
46
- this.blurChanged.emit(target.value);
47
- }
48
- handleInvalid(event) {
49
- event.preventDefault();
50
- const target = event.target;
51
- this.invalidChanged.emit(target.value);
52
- }
53
- render() {
54
- const classNames = ['standalone', this.showerrormsg ? 'invalid' : ''].join(' ');
55
- return (h(Host, null, h("label", { class: this.inline ? 'inputInline' : 'inputBlock' }, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: "input-container" }, this.inputicon && h("tttx-icon", { class: "input-icon", icon: this.inputicon, color: "grey" }), this.iconleft && h("tttx-icon", { id: "icon-left", icon: this.iconleft, color: "grey" }), this.iconright && h("tttx-icon", { id: "icon-right", icon: this.iconright, color: "grey" }), h("input", { class: classNames, autocapitalize: this.inputautocapitalize, autofocus: this.inputautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
56
- }
57
- static get is() { return "tttx-standalone-input"; }
58
- static get encapsulation() { return "scoped"; }
59
- static get originalStyleUrls() {
60
- return {
61
- "$": ["./tttx-standalone-input.scss"]
62
- };
63
- }
64
- static get styleUrls() {
65
- return {
66
- "$": ["tttx-standalone-input.css"]
67
- };
68
- }
69
- static get properties() {
70
- return {
71
- "label": {
72
- "type": "string",
73
- "mutable": false,
74
- "complexType": {
75
- "original": "string",
76
- "resolved": "string",
77
- "references": {}
78
- },
79
- "required": false,
80
- "optional": false,
81
- "docs": {
82
- "tags": [],
83
- "text": ""
84
- },
85
- "attribute": "label",
86
- "reflect": false
87
- },
88
- "secondarylabel": {
89
- "type": "string",
90
- "mutable": false,
91
- "complexType": {
92
- "original": "string",
93
- "resolved": "string",
94
- "references": {}
95
- },
96
- "required": false,
97
- "optional": false,
98
- "docs": {
99
- "tags": [],
100
- "text": "Footnote under the input field"
101
- },
102
- "attribute": "secondarylabel",
103
- "reflect": false
104
- },
105
- "showerrormsg": {
106
- "type": "boolean",
107
- "mutable": false,
108
- "complexType": {
109
- "original": "boolean",
110
- "resolved": "boolean",
111
- "references": {}
112
- },
113
- "required": false,
114
- "optional": false,
115
- "docs": {
116
- "tags": [],
117
- "text": ""
118
- },
119
- "attribute": "showerrormsg",
120
- "reflect": false
121
- },
122
- "showerrorbubble": {
123
- "type": "boolean",
124
- "mutable": false,
125
- "complexType": {
126
- "original": "boolean",
127
- "resolved": "boolean",
128
- "references": {}
129
- },
130
- "required": false,
131
- "optional": false,
132
- "docs": {
133
- "tags": [],
134
- "text": ""
135
- },
136
- "attribute": "showerrorbubble",
137
- "reflect": false,
138
- "defaultValue": "true"
139
- },
140
- "errormsg": {
141
- "type": "string",
142
- "mutable": false,
143
- "complexType": {
144
- "original": "string",
145
- "resolved": "string",
146
- "references": {}
147
- },
148
- "required": false,
149
- "optional": false,
150
- "docs": {
151
- "tags": [],
152
- "text": ""
153
- },
154
- "attribute": "errormsg",
155
- "reflect": false
156
- },
157
- "iconleft": {
158
- "type": "string",
159
- "mutable": false,
160
- "complexType": {
161
- "original": "string",
162
- "resolved": "string",
163
- "references": {}
164
- },
165
- "required": false,
166
- "optional": false,
167
- "docs": {
168
- "tags": [],
169
- "text": ""
170
- },
171
- "attribute": "iconleft",
172
- "reflect": false
173
- },
174
- "iconright": {
175
- "type": "string",
176
- "mutable": false,
177
- "complexType": {
178
- "original": "string",
179
- "resolved": "string",
180
- "references": {}
181
- },
182
- "required": false,
183
- "optional": false,
184
- "docs": {
185
- "tags": [],
186
- "text": ""
187
- },
188
- "attribute": "iconright",
189
- "reflect": false
190
- },
191
- "inputicon": {
192
- "type": "string",
193
- "mutable": false,
194
- "complexType": {
195
- "original": "string",
196
- "resolved": "string",
197
- "references": {}
198
- },
199
- "required": false,
200
- "optional": false,
201
- "docs": {
202
- "tags": [],
203
- "text": ""
204
- },
205
- "attribute": "inputicon",
206
- "reflect": false
207
- },
208
- "inline": {
209
- "type": "boolean",
210
- "mutable": false,
211
- "complexType": {
212
- "original": "boolean",
213
- "resolved": "boolean",
214
- "references": {}
215
- },
216
- "required": false,
217
- "optional": false,
218
- "docs": {
219
- "tags": [],
220
- "text": ""
221
- },
222
- "attribute": "inline",
223
- "reflect": false
224
- },
225
- "inputautocapitalize": {
226
- "type": "string",
227
- "mutable": false,
228
- "complexType": {
229
- "original": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'",
230
- "resolved": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\"",
231
- "references": {}
232
- },
233
- "required": false,
234
- "optional": false,
235
- "docs": {
236
- "tags": [],
237
- "text": ""
238
- },
239
- "attribute": "inputautocapitalize",
240
- "reflect": false
241
- },
242
- "inputautofocus": {
243
- "type": "boolean",
244
- "mutable": false,
245
- "complexType": {
246
- "original": "boolean",
247
- "resolved": "boolean",
248
- "references": {}
249
- },
250
- "required": false,
251
- "optional": false,
252
- "docs": {
253
- "tags": [],
254
- "text": ""
255
- },
256
- "attribute": "inputautofocus",
257
- "reflect": false
258
- },
259
- "inputkeyhint": {
260
- "type": "string",
261
- "mutable": false,
262
- "complexType": {
263
- "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'",
264
- "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"",
265
- "references": {}
266
- },
267
- "required": false,
268
- "optional": false,
269
- "docs": {
270
- "tags": [],
271
- "text": "Defines what action to present for the enter key on virtual keyboards"
272
- },
273
- "attribute": "inputkeyhint",
274
- "reflect": false
275
- },
276
- "inputindex": {
277
- "type": "any",
278
- "mutable": false,
279
- "complexType": {
280
- "original": "string | number",
281
- "resolved": "number | string",
282
- "references": {}
283
- },
284
- "required": false,
285
- "optional": false,
286
- "docs": {
287
- "tags": [{
288
- "name": "example",
289
- "text": "<caption>In HTML (like `index.html`)</caption>\n<tttx-standalone-input input-index=\"1\" />"
290
- }, {
291
- "name": "example",
292
- "text": "<caption>In TSX files</caption>\n<tttx-standalone-input inputindex={1} />"
293
- }],
294
- "text": "tabindex - Allows the HTML elements to be focusable"
295
- },
296
- "attribute": "inputindex",
297
- "reflect": false
298
- },
299
- "inputtitle": {
300
- "type": "string",
301
- "mutable": false,
302
- "complexType": {
303
- "original": "string",
304
- "resolved": "string",
305
- "references": {}
306
- },
307
- "required": false,
308
- "optional": false,
309
- "docs": {
310
- "tags": [],
311
- "text": ""
312
- },
313
- "attribute": "inputtitle",
314
- "reflect": false
315
- },
316
- "autocomplete": {
317
- "type": "string",
318
- "mutable": false,
319
- "complexType": {
320
- "original": "'off' | 'on'",
321
- "resolved": "\"off\" | \"on\"",
322
- "references": {}
323
- },
324
- "required": false,
325
- "optional": false,
326
- "docs": {
327
- "tags": [],
328
- "text": ""
329
- },
330
- "attribute": "autocomplete",
331
- "reflect": false
332
- },
333
- "checked": {
334
- "type": "boolean",
335
- "mutable": false,
336
- "complexType": {
337
- "original": "boolean",
338
- "resolved": "boolean",
339
- "references": {}
340
- },
341
- "required": false,
342
- "optional": false,
343
- "docs": {
344
- "tags": [],
345
- "text": ""
346
- },
347
- "attribute": "checked",
348
- "reflect": false
349
- },
350
- "disabled": {
351
- "type": "boolean",
352
- "mutable": false,
353
- "complexType": {
354
- "original": "boolean",
355
- "resolved": "boolean",
356
- "references": {}
357
- },
358
- "required": false,
359
- "optional": false,
360
- "docs": {
361
- "tags": [],
362
- "text": ""
363
- },
364
- "attribute": "disabled",
365
- "reflect": false
366
- },
367
- "max": {
368
- "type": "any",
369
- "mutable": false,
370
- "complexType": {
371
- "original": "MinMaxDates | number",
372
- "resolved": "`${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}` | `${number}${number}${number}${number}-${number}${number}-${number}${number}` | `${number}${number}${number}${number}-${number}${number}` | `${number}${number}${number}${number}-W${number}${number}` | `${number}${number}:${number}${number}` | number",
373
- "references": {
374
- "MinMaxDates": {
375
- "location": "local"
376
- }
377
- }
378
- },
379
- "required": false,
380
- "optional": false,
381
- "docs": {
382
- "tags": [],
383
- "text": ""
384
- },
385
- "attribute": "max",
386
- "reflect": false
387
- },
388
- "maxlength": {
389
- "type": "any",
390
- "mutable": false,
391
- "complexType": {
392
- "original": "string | number",
393
- "resolved": "number | string",
394
- "references": {}
395
- },
396
- "required": false,
397
- "optional": false,
398
- "docs": {
399
- "tags": [],
400
- "text": ""
401
- },
402
- "attribute": "maxlength",
403
- "reflect": false
404
- },
405
- "min": {
406
- "type": "any",
407
- "mutable": false,
408
- "complexType": {
409
- "original": "MinMaxDates | number",
410
- "resolved": "`${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}` | `${number}${number}${number}${number}-${number}${number}-${number}${number}` | `${number}${number}${number}${number}-${number}${number}` | `${number}${number}${number}${number}-W${number}${number}` | `${number}${number}:${number}${number}` | number",
411
- "references": {
412
- "MinMaxDates": {
413
- "location": "local"
414
- }
415
- }
416
- },
417
- "required": false,
418
- "optional": false,
419
- "docs": {
420
- "tags": [],
421
- "text": ""
422
- },
423
- "attribute": "min",
424
- "reflect": false
425
- },
426
- "minlength": {
427
- "type": "any",
428
- "mutable": false,
429
- "complexType": {
430
- "original": "string | number",
431
- "resolved": "number | string",
432
- "references": {}
433
- },
434
- "required": false,
435
- "optional": false,
436
- "docs": {
437
- "tags": [],
438
- "text": ""
439
- },
440
- "attribute": "minlength",
441
- "reflect": false
442
- },
443
- "name": {
444
- "type": "string",
445
- "mutable": false,
446
- "complexType": {
447
- "original": "string",
448
- "resolved": "string",
449
- "references": {}
450
- },
451
- "required": false,
452
- "optional": false,
453
- "docs": {
454
- "tags": [],
455
- "text": ""
456
- },
457
- "attribute": "name",
458
- "reflect": false
459
- },
460
- "pattern": {
461
- "type": "string",
462
- "mutable": false,
463
- "complexType": {
464
- "original": "string",
465
- "resolved": "string",
466
- "references": {}
467
- },
468
- "required": false,
469
- "optional": false,
470
- "docs": {
471
- "tags": [],
472
- "text": ""
473
- },
474
- "attribute": "pattern",
475
- "reflect": false
476
- },
477
- "placeholder": {
478
- "type": "string",
479
- "mutable": false,
480
- "complexType": {
481
- "original": "string",
482
- "resolved": "string",
483
- "references": {}
484
- },
485
- "required": false,
486
- "optional": false,
487
- "docs": {
488
- "tags": [],
489
- "text": ""
490
- },
491
- "attribute": "placeholder",
492
- "reflect": false
493
- },
494
- "readonly": {
495
- "type": "any",
496
- "mutable": false,
497
- "complexType": {
498
- "original": "string | boolean",
499
- "resolved": "boolean | string",
500
- "references": {}
501
- },
502
- "required": false,
503
- "optional": false,
504
- "docs": {
505
- "tags": [],
506
- "text": ""
507
- },
508
- "attribute": "readonly",
509
- "reflect": false
510
- },
511
- "required": {
512
- "type": "boolean",
513
- "mutable": false,
514
- "complexType": {
515
- "original": "boolean",
516
- "resolved": "boolean",
517
- "references": {}
518
- },
519
- "required": false,
520
- "optional": false,
521
- "docs": {
522
- "tags": [],
523
- "text": ""
524
- },
525
- "attribute": "required",
526
- "reflect": false
527
- },
528
- "step": {
529
- "type": "any",
530
- "mutable": false,
531
- "complexType": {
532
- "original": "string | number",
533
- "resolved": "number | string",
534
- "references": {}
535
- },
536
- "required": false,
537
- "optional": false,
538
- "docs": {
539
- "tags": [],
540
- "text": ""
541
- },
542
- "attribute": "step",
543
- "reflect": false
544
- },
545
- "type": {
546
- "type": "string",
547
- "mutable": false,
548
- "complexType": {
549
- "original": "string",
550
- "resolved": "string",
551
- "references": {}
552
- },
553
- "required": false,
554
- "optional": false,
555
- "docs": {
556
- "tags": [],
557
- "text": ""
558
- },
559
- "attribute": "type",
560
- "reflect": false,
561
- "defaultValue": "'text'"
562
- },
563
- "value": {
564
- "type": "any",
565
- "mutable": true,
566
- "complexType": {
567
- "original": "string | number",
568
- "resolved": "number | string",
569
- "references": {}
570
- },
571
- "required": false,
572
- "optional": false,
573
- "docs": {
574
- "tags": [],
575
- "text": ""
576
- },
577
- "attribute": "value",
578
- "reflect": false
579
- }
580
- };
581
- }
582
- static get events() {
583
- return [{
584
- "method": "valueChanged",
585
- "name": "valueChanged",
586
- "bubbles": true,
587
- "cancelable": true,
588
- "composed": true,
589
- "docs": {
590
- "tags": [],
591
- "text": ""
592
- },
593
- "complexType": {
594
- "original": "string",
595
- "resolved": "string",
596
- "references": {}
597
- }
598
- }, {
599
- "method": "focusChanged",
600
- "name": "focusChanged",
601
- "bubbles": true,
602
- "cancelable": true,
603
- "composed": true,
604
- "docs": {
605
- "tags": [],
606
- "text": ""
607
- },
608
- "complexType": {
609
- "original": "string",
610
- "resolved": "string",
611
- "references": {}
612
- }
613
- }, {
614
- "method": "blurChanged",
615
- "name": "blurChanged",
616
- "bubbles": true,
617
- "cancelable": true,
618
- "composed": true,
619
- "docs": {
620
- "tags": [],
621
- "text": ""
622
- },
623
- "complexType": {
624
- "original": "string",
625
- "resolved": "string",
626
- "references": {}
627
- }
628
- }, {
629
- "method": "invalidChanged",
630
- "name": "invalidChanged",
631
- "bubbles": true,
632
- "cancelable": true,
633
- "composed": true,
634
- "docs": {
635
- "tags": [],
636
- "text": ""
637
- },
638
- "complexType": {
639
- "original": "string",
640
- "resolved": "string",
641
- "references": {}
642
- }
643
- }];
644
- }
645
- }
1
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
2
+ import { Host, h } from '@stencil/core';
3
+ export class TttxInput {
4
+ constructor() {
5
+ this.label = undefined;
6
+ this.secondarylabel = undefined;
7
+ this.showerrormsg = undefined;
8
+ this.showerrorbubble = true;
9
+ this.errormsg = undefined;
10
+ this.iconleft = undefined;
11
+ this.iconright = undefined;
12
+ this.inputicon = undefined;
13
+ this.inline = undefined;
14
+ this.inputautocapitalize = undefined;
15
+ this.inputautofocus = undefined;
16
+ this.inputkeyhint = undefined;
17
+ this.inputindex = undefined;
18
+ this.inputtitle = undefined;
19
+ this.autocomplete = undefined;
20
+ this.checked = undefined;
21
+ this.disabled = undefined;
22
+ this.max = undefined;
23
+ this.maxlength = undefined;
24
+ this.min = undefined;
25
+ this.minlength = undefined;
26
+ this.name = undefined;
27
+ this.pattern = undefined;
28
+ this.placeholder = undefined;
29
+ this.readonly = undefined;
30
+ this.required = undefined;
31
+ this.step = undefined;
32
+ this.type = 'text';
33
+ this.value = undefined;
34
+ }
35
+ handleChange(event) {
36
+ const target = event.target;
37
+ this.value = target.value;
38
+ this.valueChanged.emit(target.value);
39
+ }
40
+ handleFocus(event) {
41
+ const target = event.target;
42
+ this.focusChanged.emit(target.value);
43
+ }
44
+ handleBlur(event) {
45
+ const target = event.target;
46
+ this.blurChanged.emit(target.value);
47
+ }
48
+ handleInvalid(event) {
49
+ event.preventDefault();
50
+ const target = event.target;
51
+ this.invalidChanged.emit(target.value);
52
+ }
53
+ render() {
54
+ const classNames = ['standalone', this.showerrormsg ? 'invalid' : ''].join(' ');
55
+ return (h(Host, null, h("label", { class: this.inline ? 'inputInline' : 'inputBlock' }, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: "input-container" }, this.inputicon && h("tttx-icon", { class: "input-icon", icon: this.inputicon, color: "grey" }), this.iconleft && h("tttx-icon", { id: "icon-left", icon: this.iconleft, color: "grey" }), this.iconright && h("tttx-icon", { id: "icon-right", icon: this.iconright, color: "grey" }), h("input", { class: classNames, autocapitalize: this.inputautocapitalize, autofocus: this.inputautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
56
+ }
57
+ static get is() { return "tttx-standalone-input"; }
58
+ static get encapsulation() { return "scoped"; }
59
+ static get originalStyleUrls() {
60
+ return {
61
+ "$": ["./tttx-standalone-input.scss"]
62
+ };
63
+ }
64
+ static get styleUrls() {
65
+ return {
66
+ "$": ["tttx-standalone-input.css"]
67
+ };
68
+ }
69
+ static get properties() {
70
+ return {
71
+ "label": {
72
+ "type": "string",
73
+ "mutable": false,
74
+ "complexType": {
75
+ "original": "string",
76
+ "resolved": "string",
77
+ "references": {}
78
+ },
79
+ "required": false,
80
+ "optional": false,
81
+ "docs": {
82
+ "tags": [],
83
+ "text": ""
84
+ },
85
+ "attribute": "label",
86
+ "reflect": false
87
+ },
88
+ "secondarylabel": {
89
+ "type": "string",
90
+ "mutable": false,
91
+ "complexType": {
92
+ "original": "string",
93
+ "resolved": "string",
94
+ "references": {}
95
+ },
96
+ "required": false,
97
+ "optional": false,
98
+ "docs": {
99
+ "tags": [],
100
+ "text": "Footnote under the input field"
101
+ },
102
+ "attribute": "secondarylabel",
103
+ "reflect": false
104
+ },
105
+ "showerrormsg": {
106
+ "type": "boolean",
107
+ "mutable": false,
108
+ "complexType": {
109
+ "original": "boolean",
110
+ "resolved": "boolean",
111
+ "references": {}
112
+ },
113
+ "required": false,
114
+ "optional": false,
115
+ "docs": {
116
+ "tags": [],
117
+ "text": ""
118
+ },
119
+ "attribute": "showerrormsg",
120
+ "reflect": false
121
+ },
122
+ "showerrorbubble": {
123
+ "type": "boolean",
124
+ "mutable": false,
125
+ "complexType": {
126
+ "original": "boolean",
127
+ "resolved": "boolean",
128
+ "references": {}
129
+ },
130
+ "required": false,
131
+ "optional": false,
132
+ "docs": {
133
+ "tags": [],
134
+ "text": ""
135
+ },
136
+ "attribute": "showerrorbubble",
137
+ "reflect": false,
138
+ "defaultValue": "true"
139
+ },
140
+ "errormsg": {
141
+ "type": "string",
142
+ "mutable": false,
143
+ "complexType": {
144
+ "original": "string",
145
+ "resolved": "string",
146
+ "references": {}
147
+ },
148
+ "required": false,
149
+ "optional": false,
150
+ "docs": {
151
+ "tags": [],
152
+ "text": ""
153
+ },
154
+ "attribute": "errormsg",
155
+ "reflect": false
156
+ },
157
+ "iconleft": {
158
+ "type": "string",
159
+ "mutable": false,
160
+ "complexType": {
161
+ "original": "string",
162
+ "resolved": "string",
163
+ "references": {}
164
+ },
165
+ "required": false,
166
+ "optional": false,
167
+ "docs": {
168
+ "tags": [],
169
+ "text": ""
170
+ },
171
+ "attribute": "iconleft",
172
+ "reflect": false
173
+ },
174
+ "iconright": {
175
+ "type": "string",
176
+ "mutable": false,
177
+ "complexType": {
178
+ "original": "string",
179
+ "resolved": "string",
180
+ "references": {}
181
+ },
182
+ "required": false,
183
+ "optional": false,
184
+ "docs": {
185
+ "tags": [],
186
+ "text": ""
187
+ },
188
+ "attribute": "iconright",
189
+ "reflect": false
190
+ },
191
+ "inputicon": {
192
+ "type": "string",
193
+ "mutable": false,
194
+ "complexType": {
195
+ "original": "string",
196
+ "resolved": "string",
197
+ "references": {}
198
+ },
199
+ "required": false,
200
+ "optional": false,
201
+ "docs": {
202
+ "tags": [],
203
+ "text": ""
204
+ },
205
+ "attribute": "inputicon",
206
+ "reflect": false
207
+ },
208
+ "inline": {
209
+ "type": "boolean",
210
+ "mutable": false,
211
+ "complexType": {
212
+ "original": "boolean",
213
+ "resolved": "boolean",
214
+ "references": {}
215
+ },
216
+ "required": false,
217
+ "optional": false,
218
+ "docs": {
219
+ "tags": [],
220
+ "text": ""
221
+ },
222
+ "attribute": "inline",
223
+ "reflect": false
224
+ },
225
+ "inputautocapitalize": {
226
+ "type": "string",
227
+ "mutable": false,
228
+ "complexType": {
229
+ "original": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'",
230
+ "resolved": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\"",
231
+ "references": {}
232
+ },
233
+ "required": false,
234
+ "optional": false,
235
+ "docs": {
236
+ "tags": [],
237
+ "text": ""
238
+ },
239
+ "attribute": "inputautocapitalize",
240
+ "reflect": false
241
+ },
242
+ "inputautofocus": {
243
+ "type": "boolean",
244
+ "mutable": false,
245
+ "complexType": {
246
+ "original": "boolean",
247
+ "resolved": "boolean",
248
+ "references": {}
249
+ },
250
+ "required": false,
251
+ "optional": false,
252
+ "docs": {
253
+ "tags": [],
254
+ "text": ""
255
+ },
256
+ "attribute": "inputautofocus",
257
+ "reflect": false
258
+ },
259
+ "inputkeyhint": {
260
+ "type": "string",
261
+ "mutable": false,
262
+ "complexType": {
263
+ "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'",
264
+ "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"",
265
+ "references": {}
266
+ },
267
+ "required": false,
268
+ "optional": false,
269
+ "docs": {
270
+ "tags": [],
271
+ "text": "Defines what action to present for the enter key on virtual keyboards"
272
+ },
273
+ "attribute": "inputkeyhint",
274
+ "reflect": false
275
+ },
276
+ "inputindex": {
277
+ "type": "any",
278
+ "mutable": false,
279
+ "complexType": {
280
+ "original": "string | number",
281
+ "resolved": "number | string",
282
+ "references": {}
283
+ },
284
+ "required": false,
285
+ "optional": false,
286
+ "docs": {
287
+ "tags": [{
288
+ "name": "example",
289
+ "text": "<caption>In HTML (like `index.html`)</caption>\n<tttx-standalone-input input-index=\"1\" />"
290
+ }, {
291
+ "name": "example",
292
+ "text": "<caption>In TSX files</caption>\n<tttx-standalone-input inputindex={1} />"
293
+ }],
294
+ "text": "tabindex - Allows the HTML elements to be focusable"
295
+ },
296
+ "attribute": "inputindex",
297
+ "reflect": false
298
+ },
299
+ "inputtitle": {
300
+ "type": "string",
301
+ "mutable": false,
302
+ "complexType": {
303
+ "original": "string",
304
+ "resolved": "string",
305
+ "references": {}
306
+ },
307
+ "required": false,
308
+ "optional": false,
309
+ "docs": {
310
+ "tags": [],
311
+ "text": ""
312
+ },
313
+ "attribute": "inputtitle",
314
+ "reflect": false
315
+ },
316
+ "autocomplete": {
317
+ "type": "string",
318
+ "mutable": false,
319
+ "complexType": {
320
+ "original": "'off' | 'on'",
321
+ "resolved": "\"off\" | \"on\"",
322
+ "references": {}
323
+ },
324
+ "required": false,
325
+ "optional": false,
326
+ "docs": {
327
+ "tags": [],
328
+ "text": ""
329
+ },
330
+ "attribute": "autocomplete",
331
+ "reflect": false
332
+ },
333
+ "checked": {
334
+ "type": "boolean",
335
+ "mutable": false,
336
+ "complexType": {
337
+ "original": "boolean",
338
+ "resolved": "boolean",
339
+ "references": {}
340
+ },
341
+ "required": false,
342
+ "optional": false,
343
+ "docs": {
344
+ "tags": [],
345
+ "text": ""
346
+ },
347
+ "attribute": "checked",
348
+ "reflect": false
349
+ },
350
+ "disabled": {
351
+ "type": "boolean",
352
+ "mutable": false,
353
+ "complexType": {
354
+ "original": "boolean",
355
+ "resolved": "boolean",
356
+ "references": {}
357
+ },
358
+ "required": false,
359
+ "optional": false,
360
+ "docs": {
361
+ "tags": [],
362
+ "text": ""
363
+ },
364
+ "attribute": "disabled",
365
+ "reflect": false
366
+ },
367
+ "max": {
368
+ "type": "any",
369
+ "mutable": false,
370
+ "complexType": {
371
+ "original": "MinMaxDates | number",
372
+ "resolved": "`${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}` | `${number}${number}${number}${number}-${number}${number}-${number}${number}` | `${number}${number}${number}${number}-${number}${number}` | `${number}${number}${number}${number}-W${number}${number}` | `${number}${number}:${number}${number}` | number",
373
+ "references": {
374
+ "MinMaxDates": {
375
+ "location": "local"
376
+ }
377
+ }
378
+ },
379
+ "required": false,
380
+ "optional": false,
381
+ "docs": {
382
+ "tags": [],
383
+ "text": ""
384
+ },
385
+ "attribute": "max",
386
+ "reflect": false
387
+ },
388
+ "maxlength": {
389
+ "type": "any",
390
+ "mutable": false,
391
+ "complexType": {
392
+ "original": "string | number",
393
+ "resolved": "number | string",
394
+ "references": {}
395
+ },
396
+ "required": false,
397
+ "optional": false,
398
+ "docs": {
399
+ "tags": [],
400
+ "text": ""
401
+ },
402
+ "attribute": "maxlength",
403
+ "reflect": false
404
+ },
405
+ "min": {
406
+ "type": "any",
407
+ "mutable": false,
408
+ "complexType": {
409
+ "original": "MinMaxDates | number",
410
+ "resolved": "`${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}` | `${number}${number}${number}${number}-${number}${number}-${number}${number}` | `${number}${number}${number}${number}-${number}${number}` | `${number}${number}${number}${number}-W${number}${number}` | `${number}${number}:${number}${number}` | number",
411
+ "references": {
412
+ "MinMaxDates": {
413
+ "location": "local"
414
+ }
415
+ }
416
+ },
417
+ "required": false,
418
+ "optional": false,
419
+ "docs": {
420
+ "tags": [],
421
+ "text": ""
422
+ },
423
+ "attribute": "min",
424
+ "reflect": false
425
+ },
426
+ "minlength": {
427
+ "type": "any",
428
+ "mutable": false,
429
+ "complexType": {
430
+ "original": "string | number",
431
+ "resolved": "number | string",
432
+ "references": {}
433
+ },
434
+ "required": false,
435
+ "optional": false,
436
+ "docs": {
437
+ "tags": [],
438
+ "text": ""
439
+ },
440
+ "attribute": "minlength",
441
+ "reflect": false
442
+ },
443
+ "name": {
444
+ "type": "string",
445
+ "mutable": false,
446
+ "complexType": {
447
+ "original": "string",
448
+ "resolved": "string",
449
+ "references": {}
450
+ },
451
+ "required": false,
452
+ "optional": false,
453
+ "docs": {
454
+ "tags": [],
455
+ "text": ""
456
+ },
457
+ "attribute": "name",
458
+ "reflect": false
459
+ },
460
+ "pattern": {
461
+ "type": "string",
462
+ "mutable": false,
463
+ "complexType": {
464
+ "original": "string",
465
+ "resolved": "string",
466
+ "references": {}
467
+ },
468
+ "required": false,
469
+ "optional": false,
470
+ "docs": {
471
+ "tags": [],
472
+ "text": ""
473
+ },
474
+ "attribute": "pattern",
475
+ "reflect": false
476
+ },
477
+ "placeholder": {
478
+ "type": "string",
479
+ "mutable": false,
480
+ "complexType": {
481
+ "original": "string",
482
+ "resolved": "string",
483
+ "references": {}
484
+ },
485
+ "required": false,
486
+ "optional": false,
487
+ "docs": {
488
+ "tags": [],
489
+ "text": ""
490
+ },
491
+ "attribute": "placeholder",
492
+ "reflect": false
493
+ },
494
+ "readonly": {
495
+ "type": "any",
496
+ "mutable": false,
497
+ "complexType": {
498
+ "original": "string | boolean",
499
+ "resolved": "boolean | string",
500
+ "references": {}
501
+ },
502
+ "required": false,
503
+ "optional": false,
504
+ "docs": {
505
+ "tags": [],
506
+ "text": ""
507
+ },
508
+ "attribute": "readonly",
509
+ "reflect": false
510
+ },
511
+ "required": {
512
+ "type": "boolean",
513
+ "mutable": false,
514
+ "complexType": {
515
+ "original": "boolean",
516
+ "resolved": "boolean",
517
+ "references": {}
518
+ },
519
+ "required": false,
520
+ "optional": false,
521
+ "docs": {
522
+ "tags": [],
523
+ "text": ""
524
+ },
525
+ "attribute": "required",
526
+ "reflect": false
527
+ },
528
+ "step": {
529
+ "type": "any",
530
+ "mutable": false,
531
+ "complexType": {
532
+ "original": "string | number",
533
+ "resolved": "number | string",
534
+ "references": {}
535
+ },
536
+ "required": false,
537
+ "optional": false,
538
+ "docs": {
539
+ "tags": [],
540
+ "text": ""
541
+ },
542
+ "attribute": "step",
543
+ "reflect": false
544
+ },
545
+ "type": {
546
+ "type": "string",
547
+ "mutable": false,
548
+ "complexType": {
549
+ "original": "string",
550
+ "resolved": "string",
551
+ "references": {}
552
+ },
553
+ "required": false,
554
+ "optional": false,
555
+ "docs": {
556
+ "tags": [],
557
+ "text": ""
558
+ },
559
+ "attribute": "type",
560
+ "reflect": false,
561
+ "defaultValue": "'text'"
562
+ },
563
+ "value": {
564
+ "type": "any",
565
+ "mutable": true,
566
+ "complexType": {
567
+ "original": "string | number",
568
+ "resolved": "number | string",
569
+ "references": {}
570
+ },
571
+ "required": false,
572
+ "optional": false,
573
+ "docs": {
574
+ "tags": [],
575
+ "text": ""
576
+ },
577
+ "attribute": "value",
578
+ "reflect": false
579
+ }
580
+ };
581
+ }
582
+ static get events() {
583
+ return [{
584
+ "method": "valueChanged",
585
+ "name": "valueChanged",
586
+ "bubbles": true,
587
+ "cancelable": true,
588
+ "composed": true,
589
+ "docs": {
590
+ "tags": [],
591
+ "text": ""
592
+ },
593
+ "complexType": {
594
+ "original": "string",
595
+ "resolved": "string",
596
+ "references": {}
597
+ }
598
+ }, {
599
+ "method": "focusChanged",
600
+ "name": "focusChanged",
601
+ "bubbles": true,
602
+ "cancelable": true,
603
+ "composed": true,
604
+ "docs": {
605
+ "tags": [],
606
+ "text": ""
607
+ },
608
+ "complexType": {
609
+ "original": "string",
610
+ "resolved": "string",
611
+ "references": {}
612
+ }
613
+ }, {
614
+ "method": "blurChanged",
615
+ "name": "blurChanged",
616
+ "bubbles": true,
617
+ "cancelable": true,
618
+ "composed": true,
619
+ "docs": {
620
+ "tags": [],
621
+ "text": ""
622
+ },
623
+ "complexType": {
624
+ "original": "string",
625
+ "resolved": "string",
626
+ "references": {}
627
+ }
628
+ }, {
629
+ "method": "invalidChanged",
630
+ "name": "invalidChanged",
631
+ "bubbles": true,
632
+ "cancelable": true,
633
+ "composed": true,
634
+ "docs": {
635
+ "tags": [],
636
+ "text": ""
637
+ },
638
+ "complexType": {
639
+ "original": "string",
640
+ "resolved": "string",
641
+ "references": {}
642
+ }
643
+ }];
644
+ }
645
+ }