q2-tecton-elements 1.25.1 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/q2-badge_2.cjs.entry.js +22 -22
  3. package/dist/cjs/q2-btn_2.cjs.entry.js +4 -4
  4. package/dist/cjs/q2-calendar.cjs.entry.js +2 -2
  5. package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
  6. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  7. package/dist/cjs/q2-checkbox.cjs.entry.js +4 -4
  8. package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
  9. package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
  10. package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-option-list_2.cjs.entry.js +55 -16
  12. package/dist/cjs/q2-pill.cjs.entry.js +1 -1
  13. package/dist/cjs/q2-radio-group.cjs.entry.js +8 -6
  14. package/dist/cjs/q2-radio.cjs.entry.js +4 -4
  15. package/dist/cjs/q2-select.cjs.entry.js +5 -2
  16. package/dist/cjs/q2-tab-container.cjs.entry.js +14 -2
  17. package/dist/cjs/q2-tab-pane.cjs.entry.js +6 -1
  18. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  19. package/dist/cjs/q2-tooltip.cjs.entry.js +17 -2
  20. package/dist/cjs/tecton-tab-pane.cjs.entry.js +5 -0
  21. package/dist/collection/collection-manifest.json +2 -2
  22. package/dist/collection/components/q2-btn/index.js +52 -43
  23. package/dist/collection/components/q2-calendar/index.js +48 -39
  24. package/dist/collection/components/q2-carousel/index.js +21 -18
  25. package/dist/collection/components/q2-checkbox/index.js +42 -36
  26. package/dist/collection/components/q2-checkbox-group/index.js +1 -1
  27. package/dist/collection/components/q2-dropdown/index.js +25 -22
  28. package/dist/collection/components/q2-dropdown-item/index.js +11 -8
  29. package/dist/collection/components/q2-editable-field/index.js +32 -24
  30. package/dist/collection/components/q2-input/index.js +72 -50
  31. package/dist/collection/components/q2-loading/index.js +18 -15
  32. package/dist/collection/components/q2-pill/styles.css +1 -1
  33. package/dist/collection/components/q2-popover/index.js +55 -16
  34. package/dist/collection/components/q2-popover/styles.css +1 -1
  35. package/dist/collection/components/q2-radio/index.js +24 -21
  36. package/dist/collection/components/q2-radio/styles.css +6 -6
  37. package/dist/collection/components/q2-radio-group/index.js +14 -9
  38. package/dist/collection/components/q2-select/index.js +25 -19
  39. package/dist/collection/components/q2-tab-container/index.js +18 -6
  40. package/dist/collection/components/q2-tab-pane/index.js +55 -0
  41. package/dist/collection/components/q2-tooltip/index.js +42 -3
  42. package/dist/collection/components/tecton-tab-pane/index.js +55 -0
  43. package/dist/components/index14.js +56 -17
  44. package/dist/components/index5.js +7 -7
  45. package/dist/components/index6.js +4 -4
  46. package/dist/components/index8.js +23 -23
  47. package/dist/components/index9.js +3 -3
  48. package/dist/components/q2-calendar.js +6 -6
  49. package/dist/components/q2-carousel.js +2 -2
  50. package/dist/components/q2-checkbox-group.js +1 -1
  51. package/dist/components/q2-checkbox.js +7 -7
  52. package/dist/components/q2-dropdown.js +4 -4
  53. package/dist/components/q2-editable-field.js +4 -4
  54. package/dist/components/q2-pill.js +1 -1
  55. package/dist/components/q2-radio-group.js +10 -8
  56. package/dist/components/q2-radio.js +7 -7
  57. package/dist/components/q2-select.js +6 -3
  58. package/dist/components/q2-tab-container.js +14 -2
  59. package/dist/components/q2-tab-pane.js +8 -1
  60. package/dist/components/q2-tooltip.js +19 -3
  61. package/dist/components/tecton-tab-pane.js +7 -0
  62. package/dist/docs.json +427 -40
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/esm/q2-badge_2.entry.js +22 -22
  65. package/dist/esm/q2-btn_2.entry.js +4 -4
  66. package/dist/esm/q2-calendar.entry.js +2 -2
  67. package/dist/esm/q2-carousel.entry.js +1 -1
  68. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  69. package/dist/esm/q2-checkbox.entry.js +4 -4
  70. package/dist/esm/q2-dropdown-item.entry.js +1 -1
  71. package/dist/esm/q2-dropdown.entry.js +1 -1
  72. package/dist/esm/q2-editable-field.entry.js +1 -1
  73. package/dist/esm/q2-option-list_2.entry.js +55 -16
  74. package/dist/esm/q2-pill.entry.js +1 -1
  75. package/dist/esm/q2-radio-group.entry.js +8 -6
  76. package/dist/esm/q2-radio.entry.js +4 -4
  77. package/dist/esm/q2-select.entry.js +5 -2
  78. package/dist/esm/q2-tab-container.entry.js +14 -2
  79. package/dist/esm/q2-tab-pane.entry.js +6 -1
  80. package/dist/esm/q2-tecton-elements.js +1 -1
  81. package/dist/esm/q2-tooltip.entry.js +17 -2
  82. package/dist/esm/tecton-tab-pane.entry.js +5 -0
  83. package/dist/q2-tecton-elements/p-09639e95.entry.js +1 -0
  84. package/dist/q2-tecton-elements/p-0b82891e.entry.js +1 -0
  85. package/dist/q2-tecton-elements/{p-73c12774.entry.js → p-0cbad3bc.entry.js} +1 -1
  86. package/dist/q2-tecton-elements/p-159d94cc.entry.js +1 -0
  87. package/dist/q2-tecton-elements/p-18808c27.entry.js +1 -0
  88. package/dist/q2-tecton-elements/p-4734a577.entry.js +1 -0
  89. package/dist/q2-tecton-elements/{p-fa8cb091.entry.js → p-55d192b3.entry.js} +1 -1
  90. package/dist/q2-tecton-elements/p-5878b8bd.entry.js +1 -0
  91. package/dist/q2-tecton-elements/{p-f573fe5a.entry.js → p-721d0aee.entry.js} +1 -1
  92. package/dist/q2-tecton-elements/{p-d4909df7.entry.js → p-74ac19cd.entry.js} +1 -1
  93. package/dist/q2-tecton-elements/{p-82fef3f9.entry.js → p-87cecc80.entry.js} +1 -1
  94. package/dist/q2-tecton-elements/p-8d703466.entry.js +1 -0
  95. package/dist/q2-tecton-elements/{p-3fe98171.entry.js → p-a411f2f3.entry.js} +1 -1
  96. package/dist/q2-tecton-elements/{p-30069b63.entry.js → p-a7679912.entry.js} +1 -1
  97. package/dist/q2-tecton-elements/p-b8420bfe.entry.js +1 -0
  98. package/dist/q2-tecton-elements/{p-406f8ca9.entry.js → p-bc8a507b.entry.js} +1 -1
  99. package/dist/q2-tecton-elements/{p-f83d2df5.entry.js → p-bfaff58b.entry.js} +1 -1
  100. package/dist/q2-tecton-elements/p-e43d437d.entry.js +1 -0
  101. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  102. package/dist/test/helpers.js +11 -0
  103. package/dist/types/components/q2-btn/index.d.ts +6 -3
  104. package/dist/types/components/q2-calendar/index.d.ts +5 -2
  105. package/dist/types/components/q2-carousel/index.d.ts +2 -1
  106. package/dist/types/components/q2-checkbox/index.d.ts +6 -4
  107. package/dist/types/components/q2-checkbox-group/index.d.ts +1 -1
  108. package/dist/types/components/q2-dropdown/index.d.ts +3 -2
  109. package/dist/types/components/q2-dropdown-item/index.d.ts +2 -1
  110. package/dist/types/components/q2-editable-field/index.d.ts +5 -3
  111. package/dist/types/components/q2-input/index.d.ts +31 -7
  112. package/dist/types/components/q2-loading/index.d.ts +4 -3
  113. package/dist/types/components/q2-popover/index.d.ts +5 -1
  114. package/dist/types/components/q2-radio/index.d.ts +3 -2
  115. package/dist/types/components/q2-radio-group/index.d.ts +3 -2
  116. package/dist/types/components/q2-select/index.d.ts +2 -1
  117. package/dist/types/components/q2-tab-container/index.d.ts +5 -2
  118. package/dist/types/components/q2-tab-pane/index.d.ts +3 -0
  119. package/dist/types/components/q2-tooltip/index.d.ts +4 -1
  120. package/dist/types/components/tecton-tab-pane/index.d.ts +3 -0
  121. package/dist/types/components.d.ts +140 -24
  122. package/dist/types/workspace/workspace/{tecton-production_release_1.25.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +2 -1
  123. package/package.json +3 -3
  124. package/dist/q2-tecton-elements/p-18d9cea8.entry.js +0 -1
  125. package/dist/q2-tecton-elements/p-2313e9a9.entry.js +0 -1
  126. package/dist/q2-tecton-elements/p-2b9c1815.entry.js +0 -1
  127. package/dist/q2-tecton-elements/p-3410c675.entry.js +0 -1
  128. package/dist/q2-tecton-elements/p-471e5d58.entry.js +0 -1
  129. package/dist/q2-tecton-elements/p-a6bfe392.entry.js +0 -1
  130. package/dist/q2-tecton-elements/p-c01d0332.entry.js +0 -1
  131. package/dist/q2-tecton-elements/p-df91e954.entry.js +0 -1
  132. package/dist/q2-tecton-elements/p-e8e113c2.entry.js +0 -1
@@ -11,7 +11,7 @@ const Q2RadioGroup = class {
11
11
  constructor(hostRef) {
12
12
  index.registerInstance(this, hostRef);
13
13
  this.change = index.createEvent(this, "change", 7);
14
- this.id = `radio-group-${index$1.createGuid()}`;
14
+ this._id = `radio-group-${index$1.createGuid()}`;
15
15
  this.onMutationObserved = () => {
16
16
  this.valueUpdated(this.value);
17
17
  this.nameUpdated();
@@ -42,8 +42,7 @@ const Q2RadioGroup = class {
42
42
  /////// LIFECYCLE HOOK ///////
43
43
  componentWillLoad() {
44
44
  this.onMutationObserved();
45
- if (this.tilelayout)
46
- this.tileLayout = this.tilelayout;
45
+ this.handleDeprecatedTilelayout(this.tilelayout);
47
46
  }
48
47
  componentDidLoad() {
49
48
  const observer = new MutationObserver(this.onMutationObserved);
@@ -59,7 +58,7 @@ const Q2RadioGroup = class {
59
58
  }
60
59
  nameUpdated() {
61
60
  this.radioElements.forEach(radio => {
62
- radio.name = this.name || this.id;
61
+ radio.name = this.name || this._id;
63
62
  });
64
63
  }
65
64
  disabledUpdated() {
@@ -71,8 +70,11 @@ const Q2RadioGroup = class {
71
70
  const readonly = this.readonly;
72
71
  this.radioElements.forEach(radio => (radio.groupReadonly = readonly));
73
72
  }
74
- tilelayoutUpdated(tilelayout) {
73
+ handleDeprecatedTilelayout(tilelayout) {
74
+ if (typeof tilelayout !== 'boolean')
75
+ return;
75
76
  this.tileLayout = tilelayout;
77
+ this.tilelayout = undefined;
76
78
  }
77
79
  tileLayoutUpdated(tileLayout) {
78
80
  this.radioElements.forEach(radio => {
@@ -150,7 +152,7 @@ const Q2RadioGroup = class {
150
152
  "name": ["nameUpdated"],
151
153
  "disabled": ["disabledUpdated"],
152
154
  "readonly": ["readonlyUpdated"],
153
- "tilelayout": ["tilelayoutUpdated"],
155
+ "tilelayout": ["handleDeprecatedTilelayout"],
154
156
  "tileLayout": ["tileLayoutUpdated"]
155
157
  }; }
156
158
  };
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-734296a7.js');
6
6
  const index$1 = require('./index-d62f5a7e.js');
7
7
 
8
- const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:#0079c1;box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff)}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:\"\";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}";
8
+ const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494))}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff)}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:\"\";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}";
9
9
 
10
10
  const Q2Radio = class {
11
11
  constructor(hostRef) {
12
12
  index.registerInstance(this, hostRef);
13
13
  this.change = index.createEvent(this, "change", 7);
14
- this.id = `radio-${index$1.createGuid()}`;
14
+ this._id = `radio-${index$1.createGuid()}`;
15
15
  this.isLoaded = false;
16
16
  this.inputChange = (event) => {
17
17
  event.stopPropagation();
@@ -29,10 +29,10 @@ const Q2Radio = class {
29
29
  this.disabled = false;
30
30
  this.checked = false;
31
31
  this.name = undefined;
32
- this.ariaLabel = undefined;
33
32
  this.groupDisabled = false;
34
33
  this.groupReadonly = false;
35
34
  this.groupTileLayout = false;
35
+ this.ariaLabel = undefined;
36
36
  }
37
37
  ////////// LIFECYCLE HOOKS ////////
38
38
  componentWillLoad() {
@@ -66,7 +66,7 @@ const Q2Radio = class {
66
66
  }
67
67
  }
68
68
  render() {
69
- return (index.h("div", { class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, index.h("input", { ref: el => (this.inputField = el), class: "sr", id: this.id, type: "radio", name: this.name, value: this.value, disabled: this.disabled || this.groupDisabled, checked: this.checked, "aria-label": this.label && this.hideLabel ? index$1.loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), index.h("label", { htmlFor: this.id, "test-id": "radioButton" }, !this.groupTileLayout && (index.h("svg", { viewBox: "0 0 18 18" }, index.h("circle", { stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), index.h("circle", { stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (index.h("div", { class: "label-content" }, (this.label && index$1.loc(this.label)) || '', index.h("slot", null))))));
69
+ return (index.h("div", { class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, index.h("input", { ref: el => (this.inputField = el), class: "sr", id: this._id, type: "radio", name: this.name, value: this.value, disabled: this.disabled || this.groupDisabled, checked: this.checked, "aria-label": this.label && this.hideLabel ? index$1.loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), index.h("label", { htmlFor: this._id, "test-id": "radioButton" }, !this.groupTileLayout && (index.h("svg", { viewBox: "0 0 18 18" }, index.h("circle", { stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), index.h("circle", { stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (index.h("div", { class: "label-content" }, (this.label && index$1.loc(this.label)) || '', index.h("slot", null))))));
70
70
  }
71
71
  get hostElement() { return index.getElement(this); }
72
72
  static get watchers() { return {
@@ -131,7 +131,6 @@ const Q2Select = class {
131
131
  this.label = undefined;
132
132
  this.hideLabel = undefined;
133
133
  this.value = undefined;
134
- this.ariaLabel = undefined;
135
134
  this.selectedOptions = [];
136
135
  this.disabled = false;
137
136
  this.readonly = false;
@@ -145,6 +144,7 @@ const Q2Select = class {
145
144
  this.optional = false;
146
145
  this.placeholder = undefined;
147
146
  this.hoist = !!((_a = window.Tecton) === null || _a === void 0 ? void 0 : _a.useActionSheets);
147
+ this.ariaLabel = undefined;
148
148
  this.open = false;
149
149
  this.showSelected = false;
150
150
  this.searchText = '';
@@ -197,7 +197,10 @@ const Q2Select = class {
197
197
  get popoverMinHeight() {
198
198
  const { minRows } = this;
199
199
  const firstOption = this.hostElement.querySelector('q2-option:not([hidden])');
200
- const minHeight = firstOption ? window.getComputedStyle(firstOption).minHeight : '44px';
200
+ let minHeight = firstOption && window.getComputedStyle(firstOption).minHeight;
201
+ // Safari doesn't return a min-height for non-visible items
202
+ if (!minHeight || minHeight === '0px')
203
+ minHeight = '44px';
201
204
  return minRows * parseInt(minHeight);
202
205
  }
203
206
  get selectedDisplay() {
@@ -29,11 +29,13 @@ const Q2TabContainer = class {
29
29
  });
30
30
  };
31
31
  this.setTabs = () => {
32
- this.tabs = this.tabPanes.map(({ label, value, badgeCount, badgeDescription }) => ({
32
+ this.tabs = this.tabPanes.map(({ label, value, badgeCount, badgeDescription, badgeTheme, badgeStatus }) => ({
33
33
  label: (label && index.loc(label)) || '',
34
34
  value,
35
35
  badgeCount,
36
36
  badgeDescription,
37
+ badgeTheme,
38
+ badgeStatus,
37
39
  }));
38
40
  };
39
41
  this.onTabClick = (event) => {
@@ -224,7 +226,17 @@ const Q2TabContainer = class {
224
226
  return (index$1.h("li", { role: "presentation" }, index$1.h("button", { id: `tab-${this.guid}-${index}`, "data-value": value, "test-id": "tabLink", tabIndex: isSelected ? 0 : -1, role: "tab", "aria-selected": isSelected ? 'true' : 'false', "aria-controls": `tab-pane-${this.guid}-${index}`, onClick: this.onTabClick, onKeyDown: this.onTabKeyDown }, tab.badgeCount === undefined ? label : this.generateTabWithBadge(tab, isSelected))));
225
227
  }
226
228
  generateTabWithBadge(tab, isSelected) {
227
- return (index$1.h("div", { class: "tab-pane-badge", "aria-label": `${tab.label}, ${tab.badgeCount} ${tab.badgeDescription || index.loc('tecton.element.tab.pane.new')}` }, tab.label, index$1.h("q2-badge", { value: tab.badgeCount, theme: isSelected ? 'primary' : undefined })));
229
+ let theme;
230
+ if (!tab.badgeStatus && isSelected)
231
+ theme = tab.badgeTheme || 'primary';
232
+ let description;
233
+ if (tab.badgeDescription)
234
+ description = index.loc(tab.badgeDescription);
235
+ else if (tab.badgeStatus)
236
+ description = index.loc(`tecton.element.tab.pane.${tab.badgeStatus}`, [tab.badgeCount]);
237
+ else
238
+ description = index.loc('tecton.element.tab.pane.new');
239
+ return (index$1.h("div", { class: "tab-pane-badge", "aria-label": `${tab.label}, ${tab.badgeCount} ${description}` }, tab.label, index$1.h("q2-badge", { value: tab.badgeCount, theme: theme, status: tab.badgeStatus })));
228
240
  }
229
241
  get hostElement() { return index$1.getElement(this); }
230
242
  static get watchers() { return {
@@ -16,6 +16,8 @@ const Q2TabPane = class {
16
16
  this.selected = undefined;
17
17
  this.badgeCount = undefined;
18
18
  this.badgeDescription = undefined;
19
+ this.badgeTheme = undefined;
20
+ this.badgeStatus = undefined;
19
21
  this.index = undefined;
20
22
  this.guid = undefined;
21
23
  }
@@ -26,7 +28,10 @@ const Q2TabPane = class {
26
28
  return (index.h("div", { id: `tab-pane-${this.guid}-${this.index}`, class: `tab-pane${this.selected ? '' : ' hidden'}`, role: "tabpanel", tabindex: "-1", "aria-hidden": `${!this.selected}`, "aria-labelledby": `tab-${this.guid}-${this.index}` }, index.h("slot", null)));
27
29
  }
28
30
  static get watchers() { return {
29
- "badgeCount": ["badgeObserver"]
31
+ "badgeCount": ["badgeObserver"],
32
+ "badgeDescription": ["badgeObserver"],
33
+ "badgeTheme": ["badgeObserver"],
34
+ "badgeStatus": ["badgeObserver"]
30
35
  }; }
31
36
  };
32
37
  Q2TabPane.style = stylesCss;
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy(JSON.parse("[[\"q2-icon.cjs\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513],\"inline\":[516]}]]],[\"q2-select.cjs\",[[1,\"q2-select\",{\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"value\":[1025],\"ariaLabel\":[1537,\"aria-label\"],\"selectedOptions\":[1040],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"errors\":[16],\"multiple\":[516],\"minRows\":[2,\"min-rows\"],\"popDirection\":[513,\"pop-direction\"],\"searchable\":[516],\"multilineOptions\":[516,\"multiline-options\"],\"optional\":[516],\"placeholder\":[513],\"hoist\":[4],\"open\":[32],\"showSelected\":[32],\"searchText\":[32],\"hasCustomDisplay\":[32],\"inputFocused\":[32],\"statusMessage\":[32],\"prioritizeSearch\":[32],\"structuredSelectedOptions\":[32]},[[0,\"keydown\",\"keydownHandler\"],[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"focusout\",\"handleFocusout\"]]]]],[\"q2-action-sheet.cjs\",[[1,\"q2-action-sheet\",{\"data\":[1040],\"hideClose\":[4,\"hide-close\"],\"isScrollable\":[32],\"renderStatus\":[32],\"hide\":[64],\"show\":[64]}]]],[\"q2-calendar.cjs\",[[1,\"q2-calendar\",{\"value\":[1537],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"optional\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[1540],\"typeable\":[516],\"clearable\":[516],\"placeholder\":[513],\"buttonLabel\":[513,\"button-label\"],\"disabledMsg\":[513,\"disabled-msg\"],\"calendarLabel\":[513,\"calendar-label\"],\"disclaimer\":[513],\"displayFormat\":[513,\"display-format\"],\"startDate\":[513,\"start-date\"],\"endDate\":[513,\"end-date\"],\"cutoffTime\":[513,\"cutoff-time\"],\"daysOfWeekChecksum\":[514,\"days-of-week-checksum\"],\"popDirection\":[513,\"pop-direction\"],\"assume\":[513],\"errors\":[1040],\"invalidDates\":[16],\"validDates\":[16],\"onsuccess\":[16],\"dropdownOpen\":[32],\"keyboardSelection\":[32],\"typedValue\":[32],\"dateList\":[32],\"hintMessage\":[32],\"hintMessageType\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"error\",\"defaultErrorHandler\"],[0,\"success\",\"defaultSuccessHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"clear\",\"handleClear\"]]]]],[\"q2-dropdown.cjs\",[[1,\"q2-dropdown\",{\"type\":[513],\"icon\":[513],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"disabled\":[516],\"popDirection\":[513,\"pop-direction\"],\"name\":[513],\"context\":[513],\"contextValue\":[513,\"context-value\"],\"resolvedType\":[513,\"resolved-type\"],\"block\":[516],\"dropdownOpen\":[32]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-editable-field.cjs\",[[1,\"q2-editable-field\",{\"value\":[1537],\"editing\":[1540],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"type\":[513],\"formatModifier\":[513,\"format-modifier\"],\"truncated\":[513],\"maxlength\":[514],\"persistentLabel\":[516,\"persistent-label\"],\"disabled\":[516],\"hints\":[16],\"errors\":[16]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pagination.cjs\",[[1,\"q2-pagination\",{\"recordType\":[1,\"record-type\"],\"perPage\":[2,\"per-page\"],\"total\":[514],\"page\":[1538],\"pages\":[1538],\"recordsOnly\":[1540,\"records-only\"],\"pagesOnly\":[1540,\"pages-only\"],\"isSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-pill.cjs\",[[1,\"q2-pill\",{\"hoist\":[4],\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"maxLength\":[514,\"max-length\"],\"label\":[513],\"value\":[513],\"theme\":[513],\"selectedOptions\":[1040],\"popoverMinHeight\":[2,\"popover-min-height\"],\"popoverDirection\":[1,\"popover-direction\"],\"hasOptions\":[32],\"selectedOptionElements\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"popoverStateChanged\",\"popoverStateHandler\"]]]]],[\"q2-tab-container.cjs\",[[1,\"q2-tab-container\",{\"value\":[1537],\"type\":[513],\"name\":[513],\"color\":[513],\"noPrint\":[516,\"no-print\"],\"hasLeft\":[32],\"hasRight\":[32],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"tabs\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[9,\"resize\",\"onResize\"],[0,\"focus\",\"onFocus\"],[0,\"badge\",\"onBadge\"]]]]],[\"q2-tag.cjs\",[[1,\"q2-tag\",{\"hoist\":[4],\"open\":[1540],\"label\":[513],\"theme\":[513],\"popoverMinHeight\":[2,\"popover-min-height\"],\"popoverDirection\":[1,\"popover-direction\"],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"popoverStateChanged\",\"popoverStateHandler\"]]]]],[\"q2-carousel.cjs\",[[4,\"q2-carousel\",{\"autoPlay\":[516,\"auto-play\"],\"fullWidthPanes\":[516,\"full-width-panes\"],\"hidePagination\":[516,\"hide-pagination\"],\"showNavigationArrows\":[516,\"show-navigation-arrows\"],\"ariaLabel\":[513,\"aria-label\"],\"label\":[513],\"index\":[1538],\"universalCarouselOptions\":[32],\"fullWidthDisplayOptions\":[32],\"activePaneIndex\":[32],\"applyFocus\":[32],\"applyPaginationFocus\":[32],\"autoPlayInProgress\":[32],\"compactMode\":[32],\"carouselWrapperWidth\":[32]},[[0,\"change\",\"onHostElementChange\"],[0,\"clickCarouselPane\",\"carouselPaneClicked\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-month-picker.cjs\",[[1,\"q2-month-picker\",{\"year\":[1538],\"disabledMonths\":[16],\"today\":[1],\"selectedIndex\":[32],\"focusedIndex\":[32],\"showYearLayer\":[32]}]]],[\"q2-section.cjs\",[[1,\"q2-section\",{\"label\":[513],\"collapsible\":[516],\"noCollapseIcon\":[516,\"no-collapse-icon\"],\"expanded\":[1540],\"contentHeight\":[32],\"hideContent\":[32],\"hasYieldedHeader\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper.cjs\",[[1,\"q2-stepper\",{\"currentStep\":[1538,\"current-step\"],\"stepCount\":[1026,\"step-count\"],\"lastEnabledStep\":[1026,\"last-enabled-step\"],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-card.cjs\",[[1,\"q2-card\",{\"title\":[513],\"description\":[513],\"avatarName\":[513,\"avatar-name\"],\"avatarInitials\":[513,\"avatar-initials\"],\"avatarIcon\":[513,\"avatar-icon\"],\"avatarSrc\":[513,\"avatar-src\"],\"isSmall\":[516,\"is-small\"],\"bar\":[513],\"isStatic\":[516,\"is-static\"],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut.cjs\",[[1,\"q2-chart-donut\",{\"chartName\":[513,\"chart-name\"],\"summaryIcon\":[513,\"summary-icon\"],\"summaryName\":[513,\"summary-name\"],\"innerRadius\":[1025,\"inner-radius\"],\"outerRadius\":[1025,\"outer-radius\"],\"minSliceSize\":[1,\"min-slice-size\"],\"selectedOffset\":[2,\"selected-offset\"],\"hoverScaleSize\":[2,\"hover-scale-size\"],\"format\":[513],\"isClickable\":[516,\"is-clickable\"],\"data\":[16],\"selectedId\":[32],\"hoveredId\":[32],\"selectById\":[64],\"selectByIndex\":[64],\"clearSelection\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox.cjs\",[[1,\"q2-checkbox\",{\"checked\":[1540],\"type\":[513],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"indeterminate\":[516],\"disabled\":[516],\"readonly\":[516],\"value\":[513],\"name\":[513],\"hasError\":[516,\"has-error\"],\"groupDisabled\":[516,\"group-disabled\"],\"alignment\":[513],\"description\":[513]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox-group.cjs\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-radio-group.cjs\",[[1,\"q2-radio-group\",{\"label\":[513],\"value\":[1025],\"disabled\":[516],\"name\":[513],\"optional\":[516],\"readonly\":[516],\"tileLayout\":[516,\"tile-layout\"],\"tileAlignment\":[513,\"tile-alignment\"],\"hasError\":[516,\"has-error\"],\"tilelayout\":[516]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-stepper-vertical.cjs\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea.cjs\",[[1,\"q2-textarea\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"hideMessages\":[516,\"hide-messages\"],\"optional\":[516],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[516],\"spellcheck\":[516],\"maxlength\":[1538],\"rows\":[514],\"cols\":[514],\"resize\":[513],\"errors\":[16],\"hints\":[16],\"hasFocus\":[32],\"downParams\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-carousel-pane.cjs\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-chart-area.cjs\",[[1,\"q2-chart-area\",{\"data\":[16],\"alignChartName\":[513,\"align-chart-name\"],\"chartName\":[513,\"chart-name\"],\"lineColor\":[513,\"line-color\"],\"pointerLineColor\":[513,\"pointer-line-color\"],\"pointerLineStyle\":[513,\"pointer-line-style\"],\"areaColor\":[513,\"area-color\"],\"dataNamesOverflow\":[513,\"data-names-overflow\"],\"dataNamesWidth\":[514,\"data-names-width\"],\"format\":[513],\"formatModifier\":[513,\"format-modifier\"],\"hideNameAxisLabels\":[516,\"hide-name-axis-labels\"],\"hideValueAxisLabels\":[516,\"hide-value-axis-labels\"],\"offsetDataNames\":[516,\"offset-data-names\"],\"offsetDataValues\":[516,\"offset-data-values\"],\"showChartName\":[516,\"show-chart-name\"],\"showDatapointLabels\":[516,\"show-datapoint-labels\"],\"showGradient\":[516,\"show-gradient\"],\"gridLines\":[513,\"grid-lines\"]}]]],[\"q2-chart-bar.cjs\",[[1,\"q2-chart-bar\",{\"data\":[16],\"alignChartName\":[513,\"align-chart-name\"],\"chartName\":[513,\"chart-name\"],\"color\":[513],\"dataNamesOverflow\":[513,\"data-names-overflow\"],\"dataNamesWidth\":[514,\"data-names-width\"],\"format\":[513],\"formatModifier\":[513,\"format-modifier\"],\"hideBarLabels\":[516,\"hide-bar-labels\"],\"hideValueAxisLabels\":[516,\"hide-value-axis-labels\"],\"offsetDataNames\":[516,\"offset-data-names\"],\"offsetDataValues\":[516,\"offset-data-values\"],\"orientation\":[513],\"showChartName\":[516,\"show-chart-name\"],\"sort\":[516]}]]],[\"q2-loading-element.cjs\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc.cjs\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-radio.cjs\",[[1,\"q2-radio\",{\"label\":[1537],\"hideLabel\":[516,\"hide-label\"],\"value\":[513],\"disabled\":[516],\"checked\":[516],\"name\":[513],\"ariaLabel\":[1537,\"aria-label\"],\"groupDisabled\":[4,\"group-disabled\"],\"groupReadonly\":[4,\"group-readonly\"],\"groupTileLayout\":[4,\"group-tile-layout\"]},[[0,\"click\",\"onHostClick\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper-pane.cjs\",[[1,\"q2-stepper-pane\",{\"label\":[513],\"description\":[513],\"isActive\":[516,\"is-active\"],\"showWithChildren\":[516,\"show-with-children\"],\"status\":[513],\"isChildActive\":[32]},[[0,\"activeChange\",\"checkForActiveChildren\"]]]]],[\"q2-tab-pane.cjs\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"index\":[2],\"guid\":[2]}]]],[\"q2-tooltip.cjs\",[[1,\"q2-tooltip\",{\"label\":[513],\"block\":[516],\"multiline\":[516],\"persistent\":[516],\"immediate\":[516],\"position\":[513],\"focusClass\":[32]},[[0,\"keyup\",\"keyUpHandler\"],[2,\"focus\",\"focusHandler\"],[0,\"focusout\",\"focusOutHandler\"]]]]],[\"tecton-tab-pane.cjs\",[[1,\"tecton-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"index\":[2],\"guid\":[2],\"provided\":[516],\"url\":[513],\"moduleId\":[513,\"module-id\"],\"minHeight\":[513,\"min-height\"],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"authPayload\":[16],\"showForm\":[4,\"show-form\"],\"_showForm\":[32]}]]],[\"q2-dropdown-item.cjs\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"value\":[513]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar.cjs\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32],\"isLoaded\":[32]}]]],[\"q2-optgroup_2.cjs\",[[1,\"q2-option\",{\"role\":[513],\"display\":[1025],\"value\":[513],\"disabled\":[516],\"disabledGroup\":[516,\"disabled-group\"],\"selected\":[516],\"hidden\":[516],\"multiline\":[516],\"active\":[516],\"_multiSelectHidden\":[516,\"_multiselecthidden\"]}],[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-message.cjs\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"click-elsewhere.cjs\",[[0,\"click-elsewhere\"]]],[\"q2-option-list_2.cjs\",[[1,\"q2-popover\",{\"direction\":[513],\"align\":[513],\"open\":[1540],\"block\":[516],\"minHeight\":[2,\"min-height\"],\"controlElement\":[16],\"privateDirection\":[32],\"show\":[32],\"toggle\":[64]},[[0,\"popoverState\",\"popoverStateHandler\"]]],[1,\"q2-option-list\",{\"role\":[513],\"customSearch\":[516,\"custom-search\"],\"noSelect\":[516,\"no-select\"],\"align\":[513],\"selectedOptions\":[1040],\"multiple\":[516],\"disabled\":[516],\"showSelected\":[1540,\"show-selected\"],\"type\":[1],\"hasOptions\":[32],\"setDefaultActiveElement\":[64],\"setActiveElement\":[64],\"handleExternalKeydown\":[64],\"getContents\":[64],\"getOptions\":[64]},[[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"handleClick\"]]]]],[\"q2-btn_2.cjs\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"tabIndex\":[2,\"tab-index\"],\"intent\":[513],\"color\":[513],\"disabled\":[516],\"type\":[513],\"loading\":[516],\"badge\":[516],\"active\":[516],\"fab\":[516],\"block\":[516],\"iconPosition\":[32]},[[2,\"click\",\"disable\"],[0,\"focus\",\"delegateFocus\"]]],[1,\"q2-loading\",{\"type\":[513],\"shape\":[513],\"modifiers\":[513],\"counts\":[513],\"label\":[1537],\"ariaLabel\":[513,\"aria-label\"],\"inline\":[516]}]]],[\"q2-badge_2.cjs\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"type\":[513],\"placeholder\":[513],\"disabled\":[516],\"autocomplete\":[513],\"autocorrect\":[513],\"autocapitalize\":[513],\"hideMessages\":[516,\"hide-messages\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"readonly\":[516],\"clearable\":[516],\"optional\":[516],\"min\":[514],\"max\":[514],\"step\":[514],\"formatModifier\":[513,\"format-modifier\"],\"maxlength\":[1538],\"pseudo\":[516],\"showVisibilityToggle\":[516,\"show-visibility-toggle\"],\"textHidden\":[1540,\"text-hidden\"],\"badgeValue\":[513,\"badge-value\"],\"badgeTheme\":[513,\"badge-theme\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaLabel\":[1537,\"aria-label\"],\"ariaHaspopup\":[1,\"aria-haspopup\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaActivedescendant\":[8,\"aria-activedescendant\"],\"current\":[1],\"errors\":[16],\"hints\":[16],\"formattedValueObject\":[32],\"hasFocus\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]],[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]]]"), options);
18
+ return index.bootstrapLazy(JSON.parse("[[\"q2-icon.cjs\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513],\"inline\":[516]}]]],[\"q2-select.cjs\",[[1,\"q2-select\",{\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"value\":[1025],\"selectedOptions\":[1040],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"errors\":[16],\"multiple\":[516],\"minRows\":[2,\"min-rows\"],\"popDirection\":[513,\"pop-direction\"],\"searchable\":[516],\"multilineOptions\":[516,\"multiline-options\"],\"optional\":[516],\"placeholder\":[513],\"hoist\":[4],\"ariaLabel\":[1537,\"aria-label\"],\"open\":[32],\"showSelected\":[32],\"searchText\":[32],\"hasCustomDisplay\":[32],\"inputFocused\":[32],\"statusMessage\":[32],\"prioritizeSearch\":[32],\"structuredSelectedOptions\":[32]},[[0,\"keydown\",\"keydownHandler\"],[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"focusout\",\"handleFocusout\"]]]]],[\"q2-action-sheet.cjs\",[[1,\"q2-action-sheet\",{\"data\":[1040],\"hideClose\":[4,\"hide-close\"],\"isScrollable\":[32],\"renderStatus\":[32],\"hide\":[64],\"show\":[64]}]]],[\"q2-calendar.cjs\",[[1,\"q2-calendar\",{\"value\":[1537],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"optional\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[1540],\"typeable\":[516],\"clearable\":[516],\"placeholder\":[513],\"disabledMsg\":[513,\"disabled-msg\"],\"calendarLabel\":[513,\"calendar-label\"],\"disclaimer\":[513],\"displayFormat\":[513,\"display-format\"],\"startDate\":[513,\"start-date\"],\"endDate\":[513,\"end-date\"],\"cutoffTime\":[513,\"cutoff-time\"],\"daysOfWeekChecksum\":[514,\"days-of-week-checksum\"],\"popDirection\":[513,\"pop-direction\"],\"assume\":[513],\"errors\":[1040],\"invalidDates\":[16],\"validDates\":[16],\"onsuccess\":[16],\"buttonLabel\":[513,\"button-label\"],\"ariaLabel\":[513,\"aria-label\"],\"dropdownOpen\":[32],\"keyboardSelection\":[32],\"typedValue\":[32],\"dateList\":[32],\"hintMessage\":[32],\"hintMessageType\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"error\",\"defaultErrorHandler\"],[0,\"success\",\"defaultSuccessHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"clear\",\"handleClear\"]]]]],[\"q2-dropdown.cjs\",[[1,\"q2-dropdown\",{\"type\":[513],\"icon\":[513],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"disabled\":[516],\"popDirection\":[513,\"pop-direction\"],\"name\":[513],\"context\":[513],\"contextValue\":[513,\"context-value\"],\"resolvedType\":[513,\"resolved-type\"],\"block\":[516],\"ariaLabel\":[1537,\"aria-label\"],\"dropdownOpen\":[32]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-editable-field.cjs\",[[1,\"q2-editable-field\",{\"value\":[1537],\"editing\":[1540],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"type\":[513],\"formatModifier\":[513,\"format-modifier\"],\"truncated\":[516],\"maxlength\":[514],\"persistentLabel\":[516,\"persistent-label\"],\"disabled\":[516],\"hints\":[16],\"errors\":[16],\"ariaLabel\":[1537,\"aria-label\"]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pagination.cjs\",[[1,\"q2-pagination\",{\"recordType\":[1,\"record-type\"],\"perPage\":[2,\"per-page\"],\"total\":[514],\"page\":[1538],\"pages\":[1538],\"recordsOnly\":[1540,\"records-only\"],\"pagesOnly\":[1540,\"pages-only\"],\"isSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-pill.cjs\",[[1,\"q2-pill\",{\"hoist\":[4],\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"maxLength\":[514,\"max-length\"],\"label\":[513],\"value\":[513],\"theme\":[513],\"selectedOptions\":[1040],\"popoverMinHeight\":[2,\"popover-min-height\"],\"popoverDirection\":[1,\"popover-direction\"],\"hasOptions\":[32],\"selectedOptionElements\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"popoverStateChanged\",\"popoverStateHandler\"]]]]],[\"q2-tab-container.cjs\",[[1,\"q2-tab-container\",{\"value\":[1537],\"type\":[513],\"name\":[513],\"color\":[513],\"noPrint\":[516,\"no-print\"],\"hasLeft\":[32],\"hasRight\":[32],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"tabs\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[9,\"resize\",\"onResize\"],[0,\"focus\",\"onFocus\"],[0,\"badge\",\"onBadge\"]]]]],[\"q2-tag.cjs\",[[1,\"q2-tag\",{\"hoist\":[4],\"open\":[1540],\"label\":[513],\"theme\":[513],\"popoverMinHeight\":[2,\"popover-min-height\"],\"popoverDirection\":[1,\"popover-direction\"],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"popoverStateChanged\",\"popoverStateHandler\"]]]]],[\"q2-carousel.cjs\",[[4,\"q2-carousel\",{\"autoPlay\":[516,\"auto-play\"],\"fullWidthPanes\":[516,\"full-width-panes\"],\"hidePagination\":[516,\"hide-pagination\"],\"showNavigationArrows\":[516,\"show-navigation-arrows\"],\"label\":[513],\"index\":[1538],\"ariaLabel\":[513,\"aria-label\"],\"universalCarouselOptions\":[32],\"fullWidthDisplayOptions\":[32],\"activePaneIndex\":[32],\"applyFocus\":[32],\"applyPaginationFocus\":[32],\"autoPlayInProgress\":[32],\"compactMode\":[32],\"carouselWrapperWidth\":[32]},[[0,\"change\",\"onHostElementChange\"],[0,\"clickCarouselPane\",\"carouselPaneClicked\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-month-picker.cjs\",[[1,\"q2-month-picker\",{\"year\":[1538],\"disabledMonths\":[16],\"today\":[1],\"selectedIndex\":[32],\"focusedIndex\":[32],\"showYearLayer\":[32]}]]],[\"q2-section.cjs\",[[1,\"q2-section\",{\"label\":[513],\"collapsible\":[516],\"noCollapseIcon\":[516,\"no-collapse-icon\"],\"expanded\":[1540],\"contentHeight\":[32],\"hideContent\":[32],\"hasYieldedHeader\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper.cjs\",[[1,\"q2-stepper\",{\"currentStep\":[1538,\"current-step\"],\"stepCount\":[1026,\"step-count\"],\"lastEnabledStep\":[1026,\"last-enabled-step\"],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-card.cjs\",[[1,\"q2-card\",{\"title\":[513],\"description\":[513],\"avatarName\":[513,\"avatar-name\"],\"avatarInitials\":[513,\"avatar-initials\"],\"avatarIcon\":[513,\"avatar-icon\"],\"avatarSrc\":[513,\"avatar-src\"],\"isSmall\":[516,\"is-small\"],\"bar\":[513],\"isStatic\":[516,\"is-static\"],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut.cjs\",[[1,\"q2-chart-donut\",{\"chartName\":[513,\"chart-name\"],\"summaryIcon\":[513,\"summary-icon\"],\"summaryName\":[513,\"summary-name\"],\"innerRadius\":[1025,\"inner-radius\"],\"outerRadius\":[1025,\"outer-radius\"],\"minSliceSize\":[1,\"min-slice-size\"],\"selectedOffset\":[2,\"selected-offset\"],\"hoverScaleSize\":[2,\"hover-scale-size\"],\"format\":[513],\"isClickable\":[516,\"is-clickable\"],\"data\":[16],\"selectedId\":[32],\"hoveredId\":[32],\"selectById\":[64],\"selectByIndex\":[64],\"clearSelection\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox.cjs\",[[1,\"q2-checkbox\",{\"checked\":[1540],\"type\":[513],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"indeterminate\":[516],\"disabled\":[516],\"readonly\":[516],\"value\":[513],\"name\":[513],\"groupDisabled\":[516,\"group-disabled\"],\"alignment\":[513],\"description\":[513],\"hasError\":[516,\"has-error\"],\"ariaLabel\":[1537,\"aria-label\"]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox-group.cjs\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-radio-group.cjs\",[[1,\"q2-radio-group\",{\"label\":[513],\"value\":[1025],\"disabled\":[516],\"name\":[513],\"optional\":[516],\"readonly\":[516],\"tileLayout\":[1540,\"tile-layout\"],\"tileAlignment\":[513,\"tile-alignment\"],\"hasError\":[516,\"has-error\"],\"tilelayout\":[1540]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-stepper-vertical.cjs\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea.cjs\",[[1,\"q2-textarea\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"hideMessages\":[516,\"hide-messages\"],\"optional\":[516],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[516],\"spellcheck\":[516],\"maxlength\":[1538],\"rows\":[514],\"cols\":[514],\"resize\":[513],\"errors\":[16],\"hints\":[16],\"hasFocus\":[32],\"downParams\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-carousel-pane.cjs\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-chart-area.cjs\",[[1,\"q2-chart-area\",{\"data\":[16],\"alignChartName\":[513,\"align-chart-name\"],\"chartName\":[513,\"chart-name\"],\"lineColor\":[513,\"line-color\"],\"pointerLineColor\":[513,\"pointer-line-color\"],\"pointerLineStyle\":[513,\"pointer-line-style\"],\"areaColor\":[513,\"area-color\"],\"dataNamesOverflow\":[513,\"data-names-overflow\"],\"dataNamesWidth\":[514,\"data-names-width\"],\"format\":[513],\"formatModifier\":[513,\"format-modifier\"],\"hideNameAxisLabels\":[516,\"hide-name-axis-labels\"],\"hideValueAxisLabels\":[516,\"hide-value-axis-labels\"],\"offsetDataNames\":[516,\"offset-data-names\"],\"offsetDataValues\":[516,\"offset-data-values\"],\"showChartName\":[516,\"show-chart-name\"],\"showDatapointLabels\":[516,\"show-datapoint-labels\"],\"showGradient\":[516,\"show-gradient\"],\"gridLines\":[513,\"grid-lines\"]}]]],[\"q2-chart-bar.cjs\",[[1,\"q2-chart-bar\",{\"data\":[16],\"alignChartName\":[513,\"align-chart-name\"],\"chartName\":[513,\"chart-name\"],\"color\":[513],\"dataNamesOverflow\":[513,\"data-names-overflow\"],\"dataNamesWidth\":[514,\"data-names-width\"],\"format\":[513],\"formatModifier\":[513,\"format-modifier\"],\"hideBarLabels\":[516,\"hide-bar-labels\"],\"hideValueAxisLabels\":[516,\"hide-value-axis-labels\"],\"offsetDataNames\":[516,\"offset-data-names\"],\"offsetDataValues\":[516,\"offset-data-values\"],\"orientation\":[513],\"showChartName\":[516,\"show-chart-name\"],\"sort\":[516]}]]],[\"q2-loading-element.cjs\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc.cjs\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-radio.cjs\",[[1,\"q2-radio\",{\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"value\":[513],\"disabled\":[516],\"checked\":[516],\"name\":[513],\"groupDisabled\":[4,\"group-disabled\"],\"groupReadonly\":[4,\"group-readonly\"],\"groupTileLayout\":[4,\"group-tile-layout\"],\"ariaLabel\":[1537,\"aria-label\"]},[[0,\"click\",\"onHostClick\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper-pane.cjs\",[[1,\"q2-stepper-pane\",{\"label\":[513],\"description\":[513],\"isActive\":[516,\"is-active\"],\"showWithChildren\":[516,\"show-with-children\"],\"status\":[513],\"isChildActive\":[32]},[[0,\"activeChange\",\"checkForActiveChildren\"]]]]],[\"q2-tab-pane.cjs\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"badgeTheme\":[513,\"badge-theme\"],\"badgeStatus\":[513,\"badge-status\"],\"index\":[2],\"guid\":[2]}]]],[\"q2-tooltip.cjs\",[[1,\"q2-tooltip\",{\"label\":[513],\"block\":[516],\"multiline\":[516],\"persistent\":[516],\"immediate\":[516],\"focusable\":[516],\"position\":[513],\"focusClass\":[32]},[[0,\"keyup\",\"keyUpHandler\"],[2,\"focus\",\"focusCaptureHandler\"],[0,\"focus\",\"focusHandler\"],[0,\"focusout\",\"focusOutHandler\"]]]]],[\"tecton-tab-pane.cjs\",[[1,\"tecton-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"index\":[2],\"guid\":[2],\"provided\":[516],\"url\":[513],\"moduleId\":[513,\"module-id\"],\"minHeight\":[513,\"min-height\"],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"badgeTheme\":[513,\"badge-theme\"],\"badgeStatus\":[513,\"badge-status\"],\"authPayload\":[16],\"showForm\":[4,\"show-form\"],\"_showForm\":[32]}]]],[\"q2-dropdown-item.cjs\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[1537],\"value\":[513],\"ariaLabel\":[1537,\"aria-label\"]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar.cjs\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32],\"isLoaded\":[32]}]]],[\"q2-optgroup_2.cjs\",[[1,\"q2-option\",{\"role\":[513],\"display\":[1025],\"value\":[513],\"disabled\":[516],\"disabledGroup\":[516,\"disabled-group\"],\"selected\":[516],\"hidden\":[516],\"multiline\":[516],\"active\":[516],\"_multiSelectHidden\":[516,\"_multiselecthidden\"]}],[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-message.cjs\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"click-elsewhere.cjs\",[[0,\"click-elsewhere\"]]],[\"q2-option-list_2.cjs\",[[1,\"q2-popover\",{\"direction\":[513],\"align\":[513],\"open\":[1540],\"block\":[516],\"minHeight\":[2,\"min-height\"],\"controlElement\":[16],\"currentDirection\":[32],\"show\":[32],\"toggle\":[64]},[[0,\"popoverState\",\"popoverStateHandler\"]]],[1,\"q2-option-list\",{\"role\":[513],\"customSearch\":[516,\"custom-search\"],\"noSelect\":[516,\"no-select\"],\"align\":[513],\"selectedOptions\":[1040],\"multiple\":[516],\"disabled\":[516],\"showSelected\":[1540,\"show-selected\"],\"type\":[1],\"hasOptions\":[32],\"setDefaultActiveElement\":[64],\"setActiveElement\":[64],\"handleExternalKeydown\":[64],\"getContents\":[64],\"getOptions\":[64]},[[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"handleClick\"]]]]],[\"q2-btn_2.cjs\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"tabIndex\":[2,\"tab-index\"],\"intent\":[1537],\"disabled\":[516],\"type\":[513],\"loading\":[516],\"badge\":[516],\"active\":[516],\"block\":[516],\"color\":[1537],\"fab\":[516],\"ariaLabel\":[1537,\"aria-label\"],\"iconPosition\":[32]},[[2,\"click\",\"disable\"],[0,\"focus\",\"delegateFocus\"]]],[1,\"q2-loading\",{\"type\":[513],\"shape\":[513],\"modifiers\":[513],\"counts\":[513],\"label\":[1537],\"inline\":[516],\"ariaLabel\":[1537,\"aria-label\"]}]]],[\"q2-badge_2.cjs\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"type\":[513],\"placeholder\":[513],\"disabled\":[516],\"autocomplete\":[513],\"autocorrect\":[513],\"autocapitalize\":[513],\"hideMessages\":[516,\"hide-messages\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"readonly\":[516],\"clearable\":[516],\"optional\":[516],\"min\":[514],\"max\":[514],\"step\":[514],\"formatModifier\":[513,\"format-modifier\"],\"maxlength\":[1538],\"pseudo\":[516],\"showVisibilityToggle\":[516,\"show-visibility-toggle\"],\"textHidden\":[1540,\"text-hidden\"],\"badgeValue\":[513,\"badge-value\"],\"badgeTheme\":[513,\"badge-theme\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaHaspopup\":[1,\"aria-haspopup\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaActivedescendant\":[8,\"aria-activedescendant\"],\"current\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"errors\":[16],\"hints\":[16],\"formattedValueObject\":[32],\"hasFocus\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]],[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]]]"), options);
19
19
  });
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-734296a7.js');
6
+ const index$1 = require('./index-d62f5a7e.js');
6
7
 
7
8
  const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([block]){display:block}.tooltip{--comp-background:var(--tct-tooltip-background-color, var(--t-tooltip-background-color, var(--t-top-a3, rgba(13, 13, 13, 0.85))));--comp-offset-default:calc(var(--app-scale-1x, 5px) * -1);--comp-offset:var(--tct-tooltip-offset, var(--t-tooltip-offset, var(--comp-offset-default)));--comp-position:var(--tct-tooltip-position, var(--t-tooltip-position, var(--app-scale-1x, 5px)));--comp-body-offset-default:calc(var(--app-scale-3x, 15px) * -1);--comp-body-offset:var(--tct-tooltip-body-offset, var(--t-tooltip-body-offset, var(--comp-body-offset-default)));--comp-duration:var(--tct-tooltip-transition-duration, var(--t-tooltip-transition-duration, var(--app-duration-1, 0.2s)));--comp-visible-duration:var(--tct-tooltip-transition-visible-duration, var(--t-tooltip-transition-visible-duration, 2s));--comp-delay:var(--tct-tooltip-transition-delay, var(--t-tooltip-transition-delay, 0s));display:inline-block;position:relative}.tooltip:hover{--comp-delay:var(--tct-tooltip-transition-delay, var(--t-tooltip-transition-delay, 1s))}.tooltip:before{position:absolute;z-index:2;width:0;height:0;color:var(--comp-background);pointer-events:none;content:\"\";border:var(--tct-tooltip-arrow-size, var(--t-tooltip-arrow-size, var(--app-scale-1x, 5px))) solid transparent}.tooltip:after{--comp-padding:var(--app-scale-1x, 5px) 8px;position:absolute;z-index:1;padding:var(--tct-tooltip-padding, var(--t-tooltip-padding, var(--comp-padding)));font-weight:var(--tct-tooltip-font-weight, var(--t-tooltip-font-weight, 600));font-size:var(--tct-tooltip-font-size, var(--t-tooltip-font-size, var(--app-font-size-small, 12px)));line-height:1.5;color:var(--tct-tooltip-color, var(--t-tooltip-color, var(--app-white, #ffffff)));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--comp-background);border-radius:var(--tct-tooltip-border-radius, var(--t-tooltip-border-radius, var(--app-border-radius-1, 3px)))}.tooltip:before,.tooltip:after{display:inline-block;visibility:hidden;opacity:0;transition:all var(--comp-duration) ease-in-out var(--comp-delay)}:host([block]) .tooltip{display:block}.tooltip:hover:before,.tooltip:hover:after,.tooltip.has-keyboard-focus:focus-within:before,.tooltip.has-keyboard-focus:focus-within:after,:host([persistent]) .tooltip:before,:host([persistent]) .tooltip:after{text-decoration:none;visibility:visible;opacity:1}@keyframes tooltippedFade{from{opacity:0}to{opacity:1}}.tooltip.has-generic-focus:focus-within:before,.tooltip.has-generic-focus:focus-within:after{visibility:visible;opacity:0;transition:none;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade, tooltippedFade;animation-direction:normal, reverse;animation-duration:var(--comp-duration);animation-delay:0ms, calc(var(--comp-visible-duration) + var(--comp-duration))}.tooltip.has-generic-focus-out:before,.tooltip.has-generic-focus-out:after{visibility:visible;opacity:0;transition:none;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade;animation-direction:reverse;animation-duration:var(--comp-duration)}:host([multiline]) .tooltip:after{width:max-content;max-width:var(--tct-tooltip-max-width, var(--t-tooltip-max-width, 200px));word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate;text-align:left}:host([position=s]) :host([multiline]) .tooltip:after,:host([position=n]) :host([multiline]) .tooltip:after{right:auto;left:50%;transform:translateX(-50%)}:host([position=w]) :host([multiline]) .tooltip:after,:host([position=e]) :host([multiline]) .tooltip:after{right:100%}:host([multiline]) .tooltip:hover:after,:host([multiline]) .tooltip:active:after,:host([multiline]) .tooltip:focus:after{display:table-cell}:host([multiline]) .tooltip:focus-within:after{display:table-cell}:host([position=s]) .tooltip:after,:host([position=se]) .tooltip:after,:host([position=sw]) .tooltip:after{top:100%;right:50%;margin-top:var(--comp-position)}:host([position=s]) .tooltip:before,:host([position=se]) .tooltip:before,:host([position=sw]) .tooltip:before{top:auto;right:50%;bottom:var(--comp-offset);margin-right:var(--comp-offset);border-bottom-color:var(--comp-background)}:host([position=n]) .tooltip:after,:host([position=ne]) .tooltip:after,:host([position=nw]) .tooltip:after{right:50%;bottom:100%;margin-bottom:var(--comp-position)}:host([position=n]) .tooltip:before,:host([position=ne]) .tooltip:before,:host([position=nw]) .tooltip:before{top:var(--comp-offset);right:50%;bottom:auto;margin-right:var(--comp-offset);border-top-color:var(--comp-background)}:host([position=se]) .tooltip:after,:host([position=ne]) .tooltip:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}:host([position=sw]) .tooltip:after{margin-right:var(--comp-body-offset)}:host([position=nw]) .tooltip:after{margin-right:var(--comp-body-offset)}:host([position=s]) .tooltip:after,:host([position=n]) .tooltip:after{transform:translateX(50%)}:host([position=w]) .tooltip:after{right:100%;bottom:50%;margin-right:var(--comp-position);transform:translateY(50%)}:host([position=w]) .tooltip:before{top:50%;bottom:50%;left:var(--comp-offset);margin-top:var(--comp-offset);border-left-color:var(--comp-background)}:host([position=e]) .tooltip:after{bottom:50%;left:100%;margin-left:var(--comp-position);transform:translateY(50%)}:host([position=e]) .tooltip:before{top:50%;right:var(--comp-offset);bottom:50%;margin-top:var(--comp-offset);border-right-color:var(--comp-background)}";
8
9
 
@@ -15,9 +16,14 @@ const Q2Tooltip = class {
15
16
  this.multiline = undefined;
16
17
  this.persistent = undefined;
17
18
  this.immediate = undefined;
19
+ this.focusable = false;
18
20
  this.position = 'n';
19
21
  this.focusClass = undefined;
20
22
  }
23
+ /// LifeCycle Hooks ///
24
+ componentDidLoad() {
25
+ index$1.overrideFocus(this.hostElement);
26
+ }
21
27
  /// Getters ///
22
28
  get shouldBeVisible() {
23
29
  if (this.persistent)
@@ -66,21 +72,30 @@ const Q2Tooltip = class {
66
72
  break;
67
73
  }
68
74
  }
69
- focusHandler() {
75
+ focusCaptureHandler() {
70
76
  this.checkFocusClass();
71
77
  }
78
+ focusHandler(event) {
79
+ if (!index$1.isEventFromElement(event, this.hostElement))
80
+ return;
81
+ if (!this.focusable)
82
+ return;
83
+ this.tooltipElement.focus();
84
+ }
72
85
  focusOutHandler() {
73
86
  if (this.shouldBeVisible)
74
87
  return;
75
88
  if (this.focusClass === 'has-generic-focus')
76
89
  this.focusClass = 'has-generic-focus-out';
90
+ else
91
+ this.focusClass = null;
77
92
  }
78
93
  render() {
79
94
  const { focusClass } = this;
80
95
  const classes = ['tooltip'];
81
96
  if (focusClass)
82
97
  classes.push(focusClass);
83
- return this.label ? (index.h(index.Fragment, null, index.h("div", { ref: el => (this.tooltipElement = el), class: classes.join(' '), "aria-label": this.label, onAnimationEnd: () => this.animationEndHandler(), role: "tooltip" }, index.h("slot", null)))) : (index.h("slot", null));
98
+ return this.label ? (index.h(index.Fragment, null, index.h("div", { tabindex: this.focusable ? 0 : undefined, ref: el => (this.tooltipElement = el), class: classes.join(' '), "aria-label": this.label, onAnimationEnd: () => this.animationEndHandler(), role: "tooltip", "test-id": "tooltipContainer" }, index.h("slot", null)))) : (index.h("slot", null));
84
99
  }
85
100
  get hostElement() { return index.getElement(this); }
86
101
  };
@@ -28,6 +28,8 @@ const TectonTabPane = class {
28
28
  this.minHeight = undefined;
29
29
  this.badgeCount = undefined;
30
30
  this.badgeDescription = undefined;
31
+ this.badgeTheme = undefined;
32
+ this.badgeStatus = undefined;
31
33
  this.authPayload = undefined;
32
34
  this.showForm = undefined;
33
35
  this._showForm = undefined;
@@ -72,6 +74,9 @@ const TectonTabPane = class {
72
74
  get hostElement() { return index.getElement(this); }
73
75
  static get watchers() { return {
74
76
  "badgeCount": ["badgeObserver"],
77
+ "badgeDescription": ["badgeObserver"],
78
+ "badgeTheme": ["badgeObserver"],
79
+ "badgeStatus": ["badgeObserver"],
75
80
  "selected": ["selectedObserver"]
76
81
  }; }
77
82
  };
@@ -6,6 +6,8 @@
6
6
  "./components/q2-checkbox/index.js",
7
7
  "./components/q2-dropdown/index.js",
8
8
  "./components/q2-chart-donut/index.js",
9
+ "./components/q2-icon/index.js",
10
+ "./components/q2-badge/index.js",
9
11
  "./components/q2-option-list/index.js",
10
12
  "./components/q2-stepper-pane/index.js",
11
13
  "./components/q2-dropdown-item/index.js",
@@ -18,14 +20,12 @@
18
20
  "./components/click-elsewhere/index.js",
19
21
  "./components/q2-action-sheet/index.js",
20
22
  "./components/q2-avatar/index.js",
21
- "./components/q2-badge/index.js",
22
23
  "./components/q2-calendar/q2-month-picker.js",
23
24
  "./components/q2-card/index.js",
24
25
  "./components/q2-carousel-pane/index.js",
25
26
  "./components/q2-chart-area/index.js",
26
27
  "./components/q2-chart-bar/index.js",
27
28
  "./components/q2-checkbox-group/index.js",
28
- "./components/q2-icon/index.js",
29
29
  "./components/q2-loading/skeleton/q2-loading-element/index.js",
30
30
  "./components/q2-loc/index.js",
31
31
  "./components/q2-message/index.js",
@@ -11,17 +11,17 @@ export class Q2Btn {
11
11
  this.ariaSelected = undefined;
12
12
  this.label = undefined;
13
13
  this.hideLabel = undefined;
14
- this.ariaLabel = undefined;
15
14
  this.tabIndex = undefined;
16
15
  this.intent = undefined;
17
- this.color = undefined;
18
16
  this.disabled = undefined;
19
17
  this.type = undefined;
20
18
  this.loading = undefined;
21
19
  this.badge = undefined;
22
20
  this.active = undefined;
23
- this.fab = undefined;
24
21
  this.block = undefined;
22
+ this.color = undefined;
23
+ this.fab = undefined;
24
+ this.ariaLabel = undefined;
25
25
  this.iconPosition = undefined;
26
26
  }
27
27
  ////////// LIFECYCLE HOOKS ////////
@@ -207,23 +207,6 @@ export class Q2Btn {
207
207
  "attribute": "hide-label",
208
208
  "reflect": true
209
209
  },
210
- "ariaLabel": {
211
- "type": "string",
212
- "mutable": true,
213
- "complexType": {
214
- "original": "string",
215
- "resolved": "string",
216
- "references": {}
217
- },
218
- "required": false,
219
- "optional": false,
220
- "docs": {
221
- "tags": [],
222
- "text": ""
223
- },
224
- "attribute": "aria-label",
225
- "reflect": true
226
- },
227
210
  "tabIndex": {
228
211
  "type": "number",
229
212
  "mutable": false,
@@ -243,7 +226,7 @@ export class Q2Btn {
243
226
  },
244
227
  "intent": {
245
228
  "type": "string",
246
- "mutable": false,
229
+ "mutable": true,
247
230
  "complexType": {
248
231
  "original": "'workflow-primary' | 'workflow-secondary' | 'neutral'",
249
232
  "resolved": "\"neutral\" | \"workflow-primary\" | \"workflow-secondary\"",
@@ -258,23 +241,6 @@ export class Q2Btn {
258
241
  "attribute": "intent",
259
242
  "reflect": true
260
243
  },
261
- "color": {
262
- "type": "string",
263
- "mutable": false,
264
- "complexType": {
265
- "original": "string",
266
- "resolved": "string",
267
- "references": {}
268
- },
269
- "required": false,
270
- "optional": false,
271
- "docs": {
272
- "tags": [],
273
- "text": ""
274
- },
275
- "attribute": "color",
276
- "reflect": true
277
- },
278
244
  "disabled": {
279
245
  "type": "boolean",
280
246
  "mutable": false,
@@ -360,7 +326,7 @@ export class Q2Btn {
360
326
  "attribute": "active",
361
327
  "reflect": true
362
328
  },
363
- "fab": {
329
+ "block": {
364
330
  "type": "boolean",
365
331
  "mutable": false,
366
332
  "complexType": {
@@ -374,10 +340,30 @@ export class Q2Btn {
374
340
  "tags": [],
375
341
  "text": ""
376
342
  },
377
- "attribute": "fab",
343
+ "attribute": "block",
378
344
  "reflect": true
379
345
  },
380
- "block": {
346
+ "color": {
347
+ "type": "string",
348
+ "mutable": true,
349
+ "complexType": {
350
+ "original": "string",
351
+ "resolved": "string",
352
+ "references": {}
353
+ },
354
+ "required": false,
355
+ "optional": false,
356
+ "docs": {
357
+ "tags": [{
358
+ "name": "deprecated",
359
+ "text": undefined
360
+ }],
361
+ "text": ""
362
+ },
363
+ "attribute": "color",
364
+ "reflect": true
365
+ },
366
+ "fab": {
381
367
  "type": "boolean",
382
368
  "mutable": false,
383
369
  "complexType": {
@@ -388,10 +374,33 @@ export class Q2Btn {
388
374
  "required": false,
389
375
  "optional": false,
390
376
  "docs": {
391
- "tags": [],
377
+ "tags": [{
378
+ "name": "deprecated",
379
+ "text": undefined
380
+ }],
392
381
  "text": ""
393
382
  },
394
- "attribute": "block",
383
+ "attribute": "fab",
384
+ "reflect": true
385
+ },
386
+ "ariaLabel": {
387
+ "type": "string",
388
+ "mutable": true,
389
+ "complexType": {
390
+ "original": "string",
391
+ "resolved": "string",
392
+ "references": {}
393
+ },
394
+ "required": false,
395
+ "optional": false,
396
+ "docs": {
397
+ "tags": [{
398
+ "name": "deprecated",
399
+ "text": undefined
400
+ }],
401
+ "text": ""
402
+ },
403
+ "attribute": "aria-label",
395
404
  "reflect": true
396
405
  }
397
406
  };