q2-tecton-elements 1.18.0 → 1.19.1

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 (256) hide show
  1. package/dist/cjs/click-elsewhere.cjs.entry.js +1 -1
  2. package/dist/cjs/{icons-e2bc9ee9.js → icons-afbdf88a.js} +1 -1
  3. package/dist/cjs/{index-eccd5617.js → index-3518c78c.js} +1 -1
  4. package/dist/cjs/{index-0128397d.js → index-734296a7.js} +476 -271
  5. package/dist/cjs/loader.cjs.js +3 -3
  6. package/dist/cjs/q2-avatar.cjs.entry.js +9 -6
  7. package/dist/cjs/q2-badge_2.cjs.entry.js +46 -7
  8. package/dist/cjs/q2-btn_2.cjs.entry.js +30 -5
  9. package/dist/cjs/q2-calendar.cjs.entry.js +102 -63
  10. package/dist/cjs/q2-card.cjs.entry.js +17 -6
  11. package/dist/cjs/q2-carousel-pane.cjs.entry.js +7 -3
  12. package/dist/cjs/q2-carousel.cjs.entry.js +196 -285
  13. package/dist/cjs/q2-chart-donut.cjs.entry.js +583 -504
  14. package/dist/cjs/q2-checkbox-group.cjs.entry.js +9 -7
  15. package/dist/cjs/q2-checkbox.cjs.entry.js +17 -4
  16. package/dist/cjs/q2-dropdown-item.cjs.entry.js +9 -3
  17. package/dist/cjs/q2-dropdown.cjs.entry.js +16 -5
  18. package/dist/cjs/q2-editable-field.cjs.entry.js +16 -6
  19. package/dist/cjs/q2-icon.cjs.entry.js +6 -4
  20. package/dist/cjs/q2-loading-element.cjs.entry.js +6 -2
  21. package/dist/cjs/q2-loc.cjs.entry.js +5 -3
  22. package/dist/cjs/q2-message.cjs.entry.js +4 -3
  23. package/dist/cjs/q2-month-picker.cjs.entry.js +9 -7
  24. package/dist/cjs/q2-optgroup.cjs.entry.js +6 -5
  25. package/dist/cjs/q2-option-list_2.cjs.entry.js +21 -7
  26. package/dist/cjs/q2-option.cjs.entry.js +12 -2
  27. package/dist/cjs/q2-pagination.cjs.entry.js +11 -3
  28. package/dist/cjs/q2-pill.cjs.entry.js +25 -7
  29. package/dist/cjs/q2-radio-group.cjs.entry.js +13 -6
  30. package/dist/cjs/q2-radio.cjs.entry.js +13 -8
  31. package/dist/cjs/q2-section.cjs.entry.js +44 -11
  32. package/dist/cjs/q2-select.cjs.entry.js +26 -17
  33. package/dist/cjs/q2-stepper-pane.cjs.entry.js +8 -3
  34. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +5 -4
  35. package/dist/cjs/q2-stepper.cjs.entry.js +9 -7
  36. package/dist/cjs/q2-tab-container.cjs.entry.js +14 -9
  37. package/dist/cjs/q2-tab-pane.cjs.entry.js +10 -2
  38. package/dist/cjs/q2-tag.cjs.entry.js +20 -7
  39. package/dist/cjs/q2-tecton-elements.cjs.js +3 -3
  40. package/dist/cjs/q2-textarea.cjs.entry.js +20 -4
  41. package/dist/cjs/q2-tooltip.cjs.entry.js +9 -3
  42. package/dist/cjs/{shapes-c1a60d46.js → shapes-aad2b98f.js} +1 -1
  43. package/dist/cjs/tecton-tab-pane.cjs.entry.js +17 -2
  44. package/dist/collection/collection-manifest.json +2 -2
  45. package/dist/collection/components/click-elsewhere/index.js +18 -17
  46. package/dist/collection/components/q2-avatar/index.js +100 -92
  47. package/dist/collection/components/q2-avatar/styles.css +1 -1
  48. package/dist/collection/components/q2-badge/index.js +119 -111
  49. package/dist/collection/components/q2-badge/styles.css +1 -1
  50. package/dist/collection/components/q2-btn/index.js +349 -322
  51. package/dist/collection/components/q2-btn/styles.css +7 -7
  52. package/dist/collection/components/q2-calendar/index.js +578 -552
  53. package/dist/collection/components/q2-calendar/q2-month-picker.css +1 -1
  54. package/dist/collection/components/q2-calendar/q2-month-picker.js +112 -116
  55. package/dist/collection/components/q2-calendar/styles.css +1 -1
  56. package/dist/collection/components/q2-card/index.js +262 -244
  57. package/dist/collection/components/q2-card/styles.css +9 -2
  58. package/dist/collection/components/q2-carousel/index.js +249 -253
  59. package/dist/collection/components/q2-carousel/styles.css +1 -1
  60. package/dist/collection/components/q2-carousel-pane/index.js +108 -96
  61. package/dist/collection/components/q2-carousel-pane/styles.css +5 -4
  62. package/dist/collection/components/q2-chart-donut/index.js +350 -334
  63. package/dist/collection/components/q2-chart-donut/styles.css +3 -3
  64. package/dist/collection/components/q2-checkbox/index.js +296 -287
  65. package/dist/collection/components/q2-checkbox/styles.css +2 -2
  66. package/dist/collection/components/q2-checkbox-group/index.js +156 -152
  67. package/dist/collection/components/q2-checkbox-group/styles.css +1 -1
  68. package/dist/collection/components/q2-dropdown/index.js +255 -240
  69. package/dist/collection/components/q2-dropdown/styles.css +1 -1
  70. package/dist/collection/components/q2-dropdown-item/index.js +134 -123
  71. package/dist/collection/components/q2-dropdown-item/styles.css +12 -10
  72. package/dist/collection/components/q2-editable-field/index.js +300 -293
  73. package/dist/collection/components/q2-editable-field/styles.css +1 -1
  74. package/dist/collection/components/q2-icon/icons.js +358 -2158
  75. package/dist/collection/components/q2-icon/index.js +59 -49
  76. package/dist/collection/components/q2-icon/styles.css +1 -1
  77. package/dist/collection/components/q2-input/index.js +729 -705
  78. package/dist/collection/components/q2-input/styles.css +2 -2
  79. package/dist/collection/components/q2-loading/index.js +143 -132
  80. package/dist/collection/components/q2-loading/skeleton/q2-loading-element/index.js +85 -74
  81. package/dist/collection/components/q2-loading/skeleton/shapes.js +23 -36
  82. package/dist/collection/components/q2-loading/styles.css +1 -1
  83. package/dist/collection/components/q2-loc/index.js +49 -39
  84. package/dist/collection/components/q2-loc/styles.css +1 -1
  85. package/dist/collection/components/q2-message/index.js +101 -92
  86. package/dist/collection/components/q2-message/styles.css +1 -1
  87. package/dist/collection/components/q2-optgroup/index.js +64 -56
  88. package/dist/collection/components/q2-optgroup/styles.css +1 -1
  89. package/dist/collection/components/q2-option/index.js +244 -229
  90. package/dist/collection/components/q2-option/styles.css +5 -1
  91. package/dist/collection/components/q2-option-list/index.js +291 -270
  92. package/dist/collection/components/q2-option-list/styles.css +1 -1
  93. package/dist/collection/components/q2-pagination/index.js +183 -179
  94. package/dist/collection/components/q2-pagination/styles.css +1 -1
  95. package/dist/collection/components/q2-pill/index.js +260 -208
  96. package/dist/collection/components/q2-pill/styles.css +1 -1
  97. package/dist/collection/components/q2-popover/index.js +169 -151
  98. package/dist/collection/components/q2-popover/styles.css +2 -2
  99. package/dist/collection/components/q2-radio/index.js +233 -224
  100. package/dist/collection/components/q2-radio/styles.css +3 -3
  101. package/dist/collection/components/q2-radio-group/index.js +252 -244
  102. package/dist/collection/components/q2-radio-group/styles.css +1 -1
  103. package/dist/collection/components/q2-section/index.js +169 -131
  104. package/dist/collection/components/q2-section/styles.css +8 -6
  105. package/dist/collection/components/q2-select/index.js +393 -381
  106. package/dist/collection/components/q2-select/styles.css +1 -1
  107. package/dist/collection/components/q2-stepper/index.js +124 -126
  108. package/dist/collection/components/q2-stepper/styles.css +2 -1
  109. package/dist/collection/components/q2-stepper-pane/index.js +165 -149
  110. package/dist/collection/components/q2-stepper-pane/styles.css +1 -1
  111. package/dist/collection/components/q2-stepper-vertical/index.js +86 -85
  112. package/dist/collection/components/q2-stepper-vertical/styles.css +1 -1
  113. package/dist/collection/components/q2-tab-container/index.js +189 -184
  114. package/dist/collection/components/q2-tab-container/styles.css +1 -1
  115. package/dist/collection/components/q2-tab-pane/index.js +185 -166
  116. package/dist/collection/components/q2-tab-pane/styles.css +1 -1
  117. package/dist/collection/components/q2-tag/index.js +168 -116
  118. package/dist/collection/components/q2-tag/styles.css +1 -1
  119. package/dist/collection/components/q2-textarea/index.js +344 -327
  120. package/dist/collection/components/q2-textarea/styles.css +2 -2
  121. package/dist/collection/components/q2-tooltip/index.js +147 -133
  122. package/dist/collection/components/q2-tooltip/styles.css +1 -1
  123. package/dist/collection/components/tecton-tab-pane/index.js +287 -266
  124. package/dist/collection/components/tecton-tab-pane/styles.css +1 -1
  125. package/dist/collection/utils/index.js +2 -6
  126. package/dist/esm/click-elsewhere.entry.js +1 -1
  127. package/dist/esm/{icons-ed54e307.js → icons-78da5dd2.js} +1 -1
  128. package/dist/esm/{index-eac6b89e.js → index-9c591682.js} +1 -1
  129. package/dist/esm/{index-6d5ed7cc.js → index-bb1c8c7f.js} +476 -271
  130. package/dist/esm/loader.js +3 -3
  131. package/dist/esm/polyfills/css-shim.js +1 -1
  132. package/dist/esm/q2-avatar.entry.js +9 -6
  133. package/dist/esm/q2-badge_2.entry.js +46 -7
  134. package/dist/esm/q2-btn_2.entry.js +30 -5
  135. package/dist/esm/q2-calendar.entry.js +102 -63
  136. package/dist/esm/q2-card.entry.js +17 -6
  137. package/dist/esm/q2-carousel-pane.entry.js +7 -3
  138. package/dist/esm/q2-carousel.entry.js +196 -285
  139. package/dist/esm/q2-chart-donut.entry.js +583 -504
  140. package/dist/esm/q2-checkbox-group.entry.js +9 -7
  141. package/dist/esm/q2-checkbox.entry.js +17 -4
  142. package/dist/esm/q2-dropdown-item.entry.js +9 -3
  143. package/dist/esm/q2-dropdown.entry.js +16 -5
  144. package/dist/esm/q2-editable-field.entry.js +16 -6
  145. package/dist/esm/q2-icon.entry.js +6 -4
  146. package/dist/esm/q2-loading-element.entry.js +6 -2
  147. package/dist/esm/q2-loc.entry.js +5 -3
  148. package/dist/esm/q2-message.entry.js +4 -3
  149. package/dist/esm/q2-month-picker.entry.js +9 -7
  150. package/dist/esm/q2-optgroup.entry.js +6 -5
  151. package/dist/esm/q2-option-list_2.entry.js +21 -7
  152. package/dist/esm/q2-option.entry.js +12 -2
  153. package/dist/esm/q2-pagination.entry.js +11 -3
  154. package/dist/esm/q2-pill.entry.js +25 -7
  155. package/dist/esm/q2-radio-group.entry.js +13 -6
  156. package/dist/esm/q2-radio.entry.js +13 -8
  157. package/dist/esm/q2-section.entry.js +44 -11
  158. package/dist/esm/q2-select.entry.js +26 -17
  159. package/dist/esm/q2-stepper-pane.entry.js +8 -3
  160. package/dist/esm/q2-stepper-vertical.entry.js +5 -4
  161. package/dist/esm/q2-stepper.entry.js +9 -7
  162. package/dist/esm/q2-tab-container.entry.js +14 -9
  163. package/dist/esm/q2-tab-pane.entry.js +10 -2
  164. package/dist/esm/q2-tag.entry.js +20 -7
  165. package/dist/esm/q2-tecton-elements.js +3 -3
  166. package/dist/esm/q2-textarea.entry.js +20 -4
  167. package/dist/esm/q2-tooltip.entry.js +9 -3
  168. package/dist/esm/{shapes-c32e3ba2.js → shapes-62b8a431.js} +1 -1
  169. package/dist/esm/tecton-tab-pane.entry.js +17 -2
  170. package/dist/loader/package.json +1 -0
  171. package/dist/q2-tecton-elements/p-0ba564b1.entry.js +1 -0
  172. package/dist/q2-tecton-elements/p-0fad9c5a.entry.js +1 -0
  173. package/dist/q2-tecton-elements/{p-73154834.js → p-13a639cf.js} +1 -1
  174. package/dist/q2-tecton-elements/p-16c11d74.entry.js +1 -0
  175. package/dist/q2-tecton-elements/p-17e0cbf1.entry.js +1 -0
  176. package/dist/q2-tecton-elements/p-2c9b1308.entry.js +1 -0
  177. package/dist/q2-tecton-elements/p-2e832e42.entry.js +1 -0
  178. package/dist/q2-tecton-elements/p-315fdb74.entry.js +1 -0
  179. package/dist/q2-tecton-elements/{p-c608e3c9.entry.js → p-444415b5.entry.js} +1 -1
  180. package/dist/q2-tecton-elements/p-4d700630.entry.js +1 -0
  181. package/dist/q2-tecton-elements/p-54e792bd.entry.js +1 -0
  182. package/dist/q2-tecton-elements/{p-80014da0.js → p-5e374fbd.js} +1 -1
  183. package/dist/q2-tecton-elements/p-5f064e1e.entry.js +39 -0
  184. package/dist/q2-tecton-elements/p-692f2d09.entry.js +1 -0
  185. package/dist/q2-tecton-elements/p-6e6b5b80.entry.js +1 -0
  186. package/dist/q2-tecton-elements/p-74136b15.entry.js +1 -0
  187. package/dist/q2-tecton-elements/p-7e8f43d1.entry.js +1 -0
  188. package/dist/q2-tecton-elements/p-8e380edf.entry.js +1 -0
  189. package/dist/q2-tecton-elements/p-926a3e80.js +2 -0
  190. package/dist/q2-tecton-elements/{p-93c00587.js → p-92e1faf8.js} +1 -1
  191. package/dist/q2-tecton-elements/p-9772b15f.entry.js +1 -0
  192. package/dist/q2-tecton-elements/p-97aa8423.entry.js +1 -0
  193. package/dist/q2-tecton-elements/{p-17cffd7d.entry.js → p-a987402e.entry.js} +1 -1
  194. package/dist/q2-tecton-elements/p-aaf42539.entry.js +1 -0
  195. package/dist/q2-tecton-elements/p-ac674c20.entry.js +1 -0
  196. package/dist/q2-tecton-elements/p-b8b00394.entry.js +1 -0
  197. package/dist/q2-tecton-elements/p-c444a60b.entry.js +1 -0
  198. package/dist/q2-tecton-elements/p-c6c489fe.entry.js +1 -0
  199. package/dist/q2-tecton-elements/p-ce015552.entry.js +1 -0
  200. package/dist/q2-tecton-elements/p-d464fccc.entry.js +1 -0
  201. package/dist/q2-tecton-elements/p-de164483.entry.js +1 -0
  202. package/dist/q2-tecton-elements/p-df91e954.entry.js +1 -0
  203. package/dist/q2-tecton-elements/p-e6d26f39.entry.js +1 -0
  204. package/dist/q2-tecton-elements/p-e8e113c2.entry.js +1 -0
  205. package/dist/q2-tecton-elements/p-f1d06917.entry.js +1 -0
  206. package/dist/q2-tecton-elements/p-f219fe9d.entry.js +1 -0
  207. package/dist/q2-tecton-elements/p-f800fd1e.entry.js +1 -0
  208. package/dist/q2-tecton-elements/p-fb37e67e.entry.js +1 -0
  209. package/dist/q2-tecton-elements/p-fc134a5d.entry.js +1 -0
  210. package/dist/q2-tecton-elements/p-fe88e979.entry.js +1 -0
  211. package/dist/q2-tecton-elements/p-ffb48ccc.entry.js +1 -0
  212. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  213. package/dist/test/helpers.js +6 -0
  214. package/dist/types/components/q2-pill/index.d.ts +3 -0
  215. package/dist/types/components/q2-section/index.d.ts +3 -0
  216. package/dist/types/components/q2-tag/index.d.ts +3 -0
  217. package/dist/types/components.d.ts +154 -38
  218. package/dist/types/stencil-public-runtime.d.ts +20 -4
  219. package/dist/types/workspace/workspace/{Tecton_tecton-production_master → tecton-production_release_1.19.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +2 -0
  220. package/package.json +6 -6
  221. package/dist/q2-tecton-elements/p-02c1b7fd.entry.js +0 -1
  222. package/dist/q2-tecton-elements/p-04c743f2.entry.js +0 -1
  223. package/dist/q2-tecton-elements/p-07dc509c.entry.js +0 -1
  224. package/dist/q2-tecton-elements/p-12caa479.entry.js +0 -1
  225. package/dist/q2-tecton-elements/p-160dd1c2.entry.js +0 -1
  226. package/dist/q2-tecton-elements/p-1a3de749.entry.js +0 -1
  227. package/dist/q2-tecton-elements/p-2061c3fd.entry.js +0 -1
  228. package/dist/q2-tecton-elements/p-2a217895.entry.js +0 -1
  229. package/dist/q2-tecton-elements/p-2b94ae62.entry.js +0 -1
  230. package/dist/q2-tecton-elements/p-2e54f9a0.entry.js +0 -1
  231. package/dist/q2-tecton-elements/p-375569ff.entry.js +0 -1
  232. package/dist/q2-tecton-elements/p-3766cc6c.entry.js +0 -1
  233. package/dist/q2-tecton-elements/p-3eda2714.entry.js +0 -1
  234. package/dist/q2-tecton-elements/p-421af42d.entry.js +0 -1
  235. package/dist/q2-tecton-elements/p-4c53713d.entry.js +0 -1
  236. package/dist/q2-tecton-elements/p-4fd405f5.entry.js +0 -1
  237. package/dist/q2-tecton-elements/p-509c8924.entry.js +0 -1
  238. package/dist/q2-tecton-elements/p-55dc3dc1.entry.js +0 -1
  239. package/dist/q2-tecton-elements/p-5fffb28a.entry.js +0 -1
  240. package/dist/q2-tecton-elements/p-612e9974.entry.js +0 -1
  241. package/dist/q2-tecton-elements/p-64ca8c59.entry.js +0 -1
  242. package/dist/q2-tecton-elements/p-796c2bb5.entry.js +0 -1
  243. package/dist/q2-tecton-elements/p-86887866.entry.js +0 -1
  244. package/dist/q2-tecton-elements/p-9204c34d.entry.js +0 -1
  245. package/dist/q2-tecton-elements/p-9725d55f.entry.js +0 -1
  246. package/dist/q2-tecton-elements/p-a0fa416d.entry.js +0 -39
  247. package/dist/q2-tecton-elements/p-bd83e8e2.entry.js +0 -1
  248. package/dist/q2-tecton-elements/p-be0f2539.entry.js +0 -1
  249. package/dist/q2-tecton-elements/p-c05b0b55.entry.js +0 -1
  250. package/dist/q2-tecton-elements/p-c5691700.js +0 -1
  251. package/dist/q2-tecton-elements/p-d826d7ad.entry.js +0 -1
  252. package/dist/q2-tecton-elements/p-d9e9340c.entry.js +0 -1
  253. package/dist/q2-tecton-elements/p-e5757895.entry.js +0 -1
  254. package/dist/q2-tecton-elements/p-e68c9ef0.entry.js +0 -1
  255. package/dist/q2-tecton-elements/p-eb33bda4.entry.js +0 -1
  256. package/dist/q2-tecton-elements/p-f319549d.entry.js +0 -1
package/dist/collection/components/q2-option/index.js CHANGED
@@ -1,8 +1,18 @@
1
- import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';
1
+ import { h, Host } from '@stencil/core';
2
2
  export class Q2Option {
3
3
  constructor() {
4
4
  this.role = 'option';
5
5
  this.tabindex = '-1';
6
+ this.display = undefined;
7
+ this.value = undefined;
8
+ this.disabled = undefined;
9
+ this.optionId = undefined;
10
+ this.disabledGroup = undefined;
11
+ this.selected = undefined;
12
+ this.hidden = undefined;
13
+ this.multiline = undefined;
14
+ this.active = undefined;
15
+ this.noSelect = undefined;
6
16
  this._multiSelectHidden = false;
7
17
  }
8
18
  componentWillLoad() {
@@ -16,248 +26,253 @@ export class Q2Option {
16
26
  render() {
17
27
  const { disabled, disabledGroup, selected, _multiSelectHidden } = this;
18
28
  const isDisabled = disabled || disabledGroup;
19
- return (h(Host, { "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": selected ? 'true' : undefined, "aria-hidden": _multiSelectHidden ? 'true' : undefined },
20
- this.selected && h("q2-icon", { type: "checkmark" }),
21
- h("div", { class: "content" },
22
- h("slot", null))));
29
+ return (h(Host, { "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": selected ? 'true' : undefined, "aria-hidden": _multiSelectHidden ? 'true' : undefined }, this.selected && h("q2-icon", { type: "checkmark" }), h("div", { class: "content" }, h("slot", null))));
23
30
  }
24
31
  static get is() { return "q2-option"; }
25
32
  static get encapsulation() { return "shadow"; }
26
- static get originalStyleUrls() { return {
27
- "$": ["styles.scss"]
28
- }; }
29
- static get styleUrls() { return {
30
- "$": ["styles.css"]
31
- }; }
32
- static get properties() { return {
33
- "role": {
34
- "type": "string",
35
- "mutable": false,
36
- "complexType": {
37
- "original": "string",
38
- "resolved": "string",
39
- "references": {}
40
- },
41
- "required": false,
42
- "optional": false,
43
- "docs": {
44
- "tags": [],
45
- "text": ""
46
- },
47
- "attribute": "role",
48
- "reflect": true,
49
- "defaultValue": "'option'"
50
- },
51
- "tabindex": {
52
- "type": "string",
53
- "mutable": false,
54
- "complexType": {
55
- "original": "string",
56
- "resolved": "string",
57
- "references": {}
58
- },
59
- "required": false,
60
- "optional": false,
61
- "docs": {
62
- "tags": [],
63
- "text": ""
64
- },
65
- "attribute": "tabindex",
66
- "reflect": true,
67
- "defaultValue": "'-1'"
68
- },
69
- "display": {
70
- "type": "string",
71
- "mutable": true,
72
- "complexType": {
73
- "original": "string",
74
- "resolved": "string",
75
- "references": {}
76
- },
77
- "required": false,
78
- "optional": false,
79
- "docs": {
80
- "tags": [],
81
- "text": ""
82
- },
83
- "attribute": "display",
84
- "reflect": false
85
- },
86
- "value": {
87
- "type": "string",
88
- "mutable": false,
89
- "complexType": {
90
- "original": "string",
91
- "resolved": "string",
92
- "references": {}
93
- },
94
- "required": false,
95
- "optional": false,
96
- "docs": {
97
- "tags": [],
98
- "text": ""
99
- },
100
- "attribute": "value",
101
- "reflect": true
102
- },
103
- "disabled": {
104
- "type": "boolean",
105
- "mutable": false,
106
- "complexType": {
107
- "original": "boolean",
108
- "resolved": "boolean",
109
- "references": {}
110
- },
111
- "required": false,
112
- "optional": false,
113
- "docs": {
114
- "tags": [],
115
- "text": ""
116
- },
117
- "attribute": "disabled",
118
- "reflect": true
119
- },
120
- "optionId": {
121
- "type": "string",
122
- "mutable": false,
123
- "complexType": {
124
- "original": "string",
125
- "resolved": "string",
126
- "references": {}
127
- },
128
- "required": false,
129
- "optional": false,
130
- "docs": {
131
- "tags": [],
132
- "text": ""
133
- },
134
- "attribute": "option-id",
135
- "reflect": true
136
- },
137
- "disabledGroup": {
138
- "type": "boolean",
139
- "mutable": false,
140
- "complexType": {
141
- "original": "boolean",
142
- "resolved": "boolean",
143
- "references": {}
144
- },
145
- "required": false,
146
- "optional": false,
147
- "docs": {
148
- "tags": [],
149
- "text": ""
150
- },
151
- "attribute": "disabled-group",
152
- "reflect": true
153
- },
154
- "selected": {
155
- "type": "boolean",
156
- "mutable": false,
157
- "complexType": {
158
- "original": "boolean",
159
- "resolved": "boolean",
160
- "references": {}
33
+ static get originalStyleUrls() {
34
+ return {
35
+ "$": ["styles.scss"]
36
+ };
37
+ }
38
+ static get styleUrls() {
39
+ return {
40
+ "$": ["styles.css"]
41
+ };
42
+ }
43
+ static get properties() {
44
+ return {
45
+ "role": {
46
+ "type": "string",
47
+ "mutable": false,
48
+ "complexType": {
49
+ "original": "string",
50
+ "resolved": "string",
51
+ "references": {}
52
+ },
53
+ "required": false,
54
+ "optional": false,
55
+ "docs": {
56
+ "tags": [],
57
+ "text": ""
58
+ },
59
+ "attribute": "role",
60
+ "reflect": true,
61
+ "defaultValue": "'option'"
161
62
  },
162
- "required": false,
163
- "optional": false,
164
- "docs": {
165
- "tags": [],
166
- "text": ""
63
+ "tabindex": {
64
+ "type": "string",
65
+ "mutable": false,
66
+ "complexType": {
67
+ "original": "string",
68
+ "resolved": "string",
69
+ "references": {}
70
+ },
71
+ "required": false,
72
+ "optional": false,
73
+ "docs": {
74
+ "tags": [],
75
+ "text": ""
76
+ },
77
+ "attribute": "tabindex",
78
+ "reflect": true,
79
+ "defaultValue": "'-1'"
167
80
  },
168
- "attribute": "selected",
169
- "reflect": true
170
- },
171
- "hidden": {
172
- "type": "boolean",
173
- "mutable": false,
174
- "complexType": {
175
- "original": "boolean",
176
- "resolved": "boolean",
177
- "references": {}
81
+ "display": {
82
+ "type": "string",
83
+ "mutable": true,
84
+ "complexType": {
85
+ "original": "string",
86
+ "resolved": "string",
87
+ "references": {}
88
+ },
89
+ "required": false,
90
+ "optional": false,
91
+ "docs": {
92
+ "tags": [],
93
+ "text": ""
94
+ },
95
+ "attribute": "display",
96
+ "reflect": false
178
97
  },
179
- "required": false,
180
- "optional": false,
181
- "docs": {
182
- "tags": [],
183
- "text": ""
98
+ "value": {
99
+ "type": "string",
100
+ "mutable": false,
101
+ "complexType": {
102
+ "original": "string",
103
+ "resolved": "string",
104
+ "references": {}
105
+ },
106
+ "required": false,
107
+ "optional": false,
108
+ "docs": {
109
+ "tags": [],
110
+ "text": ""
111
+ },
112
+ "attribute": "value",
113
+ "reflect": true
184
114
  },
185
- "attribute": "hidden",
186
- "reflect": true
187
- },
188
- "multiline": {
189
- "type": "boolean",
190
- "mutable": false,
191
- "complexType": {
192
- "original": "boolean",
193
- "resolved": "boolean",
194
- "references": {}
115
+ "disabled": {
116
+ "type": "boolean",
117
+ "mutable": false,
118
+ "complexType": {
119
+ "original": "boolean",
120
+ "resolved": "boolean",
121
+ "references": {}
122
+ },
123
+ "required": false,
124
+ "optional": false,
125
+ "docs": {
126
+ "tags": [],
127
+ "text": ""
128
+ },
129
+ "attribute": "disabled",
130
+ "reflect": true
195
131
  },
196
- "required": false,
197
- "optional": false,
198
- "docs": {
199
- "tags": [],
200
- "text": ""
132
+ "optionId": {
133
+ "type": "string",
134
+ "mutable": false,
135
+ "complexType": {
136
+ "original": "string",
137
+ "resolved": "string",
138
+ "references": {}
139
+ },
140
+ "required": false,
141
+ "optional": false,
142
+ "docs": {
143
+ "tags": [],
144
+ "text": ""
145
+ },
146
+ "attribute": "option-id",
147
+ "reflect": true
201
148
  },
202
- "attribute": "multiline",
203
- "reflect": true
204
- },
205
- "active": {
206
- "type": "boolean",
207
- "mutable": false,
208
- "complexType": {
209
- "original": "boolean",
210
- "resolved": "boolean",
211
- "references": {}
149
+ "disabledGroup": {
150
+ "type": "boolean",
151
+ "mutable": false,
152
+ "complexType": {
153
+ "original": "boolean",
154
+ "resolved": "boolean",
155
+ "references": {}
156
+ },
157
+ "required": false,
158
+ "optional": false,
159
+ "docs": {
160
+ "tags": [],
161
+ "text": ""
162
+ },
163
+ "attribute": "disabled-group",
164
+ "reflect": true
212
165
  },
213
- "required": false,
214
- "optional": false,
215
- "docs": {
216
- "tags": [],
217
- "text": ""
166
+ "selected": {
167
+ "type": "boolean",
168
+ "mutable": false,
169
+ "complexType": {
170
+ "original": "boolean",
171
+ "resolved": "boolean",
172
+ "references": {}
173
+ },
174
+ "required": false,
175
+ "optional": false,
176
+ "docs": {
177
+ "tags": [],
178
+ "text": ""
179
+ },
180
+ "attribute": "selected",
181
+ "reflect": true
218
182
  },
219
- "attribute": "active",
220
- "reflect": true
221
- },
222
- "noSelect": {
223
- "type": "boolean",
224
- "mutable": false,
225
- "complexType": {
226
- "original": "boolean",
227
- "resolved": "boolean",
228
- "references": {}
183
+ "hidden": {
184
+ "type": "boolean",
185
+ "mutable": false,
186
+ "complexType": {
187
+ "original": "boolean",
188
+ "resolved": "boolean",
189
+ "references": {}
190
+ },
191
+ "required": false,
192
+ "optional": false,
193
+ "docs": {
194
+ "tags": [],
195
+ "text": ""
196
+ },
197
+ "attribute": "hidden",
198
+ "reflect": true
229
199
  },
230
- "required": false,
231
- "optional": false,
232
- "docs": {
233
- "tags": [],
234
- "text": ""
200
+ "multiline": {
201
+ "type": "boolean",
202
+ "mutable": false,
203
+ "complexType": {
204
+ "original": "boolean",
205
+ "resolved": "boolean",
206
+ "references": {}
207
+ },
208
+ "required": false,
209
+ "optional": false,
210
+ "docs": {
211
+ "tags": [],
212
+ "text": ""
213
+ },
214
+ "attribute": "multiline",
215
+ "reflect": true
235
216
  },
236
- "attribute": "_no-select",
237
- "reflect": true
238
- },
239
- "_multiSelectHidden": {
240
- "type": "boolean",
241
- "mutable": false,
242
- "complexType": {
243
- "original": "boolean",
244
- "resolved": "boolean",
245
- "references": {}
217
+ "active": {
218
+ "type": "boolean",
219
+ "mutable": false,
220
+ "complexType": {
221
+ "original": "boolean",
222
+ "resolved": "boolean",
223
+ "references": {}
224
+ },
225
+ "required": false,
226
+ "optional": false,
227
+ "docs": {
228
+ "tags": [],
229
+ "text": ""
230
+ },
231
+ "attribute": "active",
232
+ "reflect": true
246
233
  },
247
- "required": false,
248
- "optional": false,
249
- "docs": {
250
- "tags": [],
251
- "text": ""
234
+ "noSelect": {
235
+ "type": "boolean",
236
+ "mutable": false,
237
+ "complexType": {
238
+ "original": "boolean",
239
+ "resolved": "boolean",
240
+ "references": {}
241
+ },
242
+ "required": false,
243
+ "optional": false,
244
+ "docs": {
245
+ "tags": [],
246
+ "text": ""
247
+ },
248
+ "attribute": "_no-select",
249
+ "reflect": true
252
250
  },
253
- "attribute": "_multiselecthidden",
254
- "reflect": true,
255
- "defaultValue": "false"
256
- }
257
- }; }
251
+ "_multiSelectHidden": {
252
+ "type": "boolean",
253
+ "mutable": false,
254
+ "complexType": {
255
+ "original": "boolean",
256
+ "resolved": "boolean",
257
+ "references": {}
258
+ },
259
+ "required": false,
260
+ "optional": false,
261
+ "docs": {
262
+ "tags": [],
263
+ "text": ""
264
+ },
265
+ "attribute": "_multiselecthidden",
266
+ "reflect": true,
267
+ "defaultValue": "false"
268
+ }
269
+ };
270
+ }
258
271
  static get elementRef() { return "hostElement"; }
259
- static get watchers() { return [{
260
- "propName": "display",
261
- "methodName": "handleDisplay"
262
- }]; }
272
+ static get watchers() {
273
+ return [{
274
+ "propName": "display",
275
+ "methodName": "handleDisplay"
276
+ }];
277
+ }
263
278
  }
package/dist/collection/components/q2-option/styles.css CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  *:focus {
10
10
  outline: none;
11
- box-shadow: var(--const-global-focus, 0 0 0 2px #33b4ff);
11
+ box-shadow: var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C);
12
12
  }
13
13
 
14
14
  :host {
@@ -108,6 +108,10 @@ button {
108
108
  background-color: var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));
109
109
  }
110
110
 
111
+ :host(:focus) {
112
+ border: 1px solid #33b4ff;
113
+ }
114
+
111
115
  q2-icon {
112
116
  grid-area: icon;
113
117
  --tct-icon-size: var(--comp-selected-icon-size);