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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-badge_2.cjs.entry.js +22 -22
- package/dist/cjs/q2-btn_2.cjs.entry.js +4 -4
- package/dist/cjs/q2-calendar.cjs.entry.js +2 -2
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-option-list_2.cjs.entry.js +55 -16
- package/dist/cjs/q2-pill.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +8 -6
- package/dist/cjs/q2-radio.cjs.entry.js +4 -4
- package/dist/cjs/q2-select.cjs.entry.js +5 -2
- package/dist/cjs/q2-tab-container.cjs.entry.js +14 -2
- package/dist/cjs/q2-tab-pane.cjs.entry.js +6 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-tooltip.cjs.entry.js +17 -2
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +5 -0
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/q2-btn/index.js +52 -43
- package/dist/collection/components/q2-calendar/index.js +48 -39
- package/dist/collection/components/q2-carousel/index.js +21 -18
- package/dist/collection/components/q2-checkbox/index.js +42 -36
- package/dist/collection/components/q2-checkbox-group/index.js +1 -1
- package/dist/collection/components/q2-dropdown/index.js +25 -22
- package/dist/collection/components/q2-dropdown-item/index.js +11 -8
- package/dist/collection/components/q2-editable-field/index.js +32 -24
- package/dist/collection/components/q2-input/index.js +72 -50
- package/dist/collection/components/q2-loading/index.js +18 -15
- package/dist/collection/components/q2-pill/styles.css +1 -1
- package/dist/collection/components/q2-popover/index.js +55 -16
- package/dist/collection/components/q2-popover/styles.css +1 -1
- package/dist/collection/components/q2-radio/index.js +24 -21
- package/dist/collection/components/q2-radio/styles.css +6 -6
- package/dist/collection/components/q2-radio-group/index.js +14 -9
- package/dist/collection/components/q2-select/index.js +25 -19
- package/dist/collection/components/q2-tab-container/index.js +18 -6
- package/dist/collection/components/q2-tab-pane/index.js +55 -0
- package/dist/collection/components/q2-tooltip/index.js +42 -3
- package/dist/collection/components/tecton-tab-pane/index.js +55 -0
- package/dist/components/index14.js +56 -17
- package/dist/components/index5.js +7 -7
- package/dist/components/index6.js +4 -4
- package/dist/components/index8.js +23 -23
- package/dist/components/index9.js +3 -3
- package/dist/components/q2-calendar.js +6 -6
- package/dist/components/q2-carousel.js +2 -2
- package/dist/components/q2-checkbox-group.js +1 -1
- package/dist/components/q2-checkbox.js +7 -7
- package/dist/components/q2-dropdown.js +4 -4
- package/dist/components/q2-editable-field.js +4 -4
- package/dist/components/q2-pill.js +1 -1
- package/dist/components/q2-radio-group.js +10 -8
- package/dist/components/q2-radio.js +7 -7
- package/dist/components/q2-select.js +6 -3
- package/dist/components/q2-tab-container.js +14 -2
- package/dist/components/q2-tab-pane.js +8 -1
- package/dist/components/q2-tooltip.js +19 -3
- package/dist/components/tecton-tab-pane.js +7 -0
- package/dist/docs.json +427 -40
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-badge_2.entry.js +22 -22
- package/dist/esm/q2-btn_2.entry.js +4 -4
- package/dist/esm/q2-calendar.entry.js +2 -2
- package/dist/esm/q2-carousel.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox.entry.js +4 -4
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +1 -1
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-option-list_2.entry.js +55 -16
- package/dist/esm/q2-pill.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +8 -6
- package/dist/esm/q2-radio.entry.js +4 -4
- package/dist/esm/q2-select.entry.js +5 -2
- package/dist/esm/q2-tab-container.entry.js +14 -2
- package/dist/esm/q2-tab-pane.entry.js +6 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-tooltip.entry.js +17 -2
- package/dist/esm/tecton-tab-pane.entry.js +5 -0
- package/dist/q2-tecton-elements/p-09639e95.entry.js +1 -0
- package/dist/q2-tecton-elements/p-0b82891e.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-73c12774.entry.js → p-0cbad3bc.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-159d94cc.entry.js +1 -0
- package/dist/q2-tecton-elements/p-18808c27.entry.js +1 -0
- package/dist/q2-tecton-elements/p-4734a577.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-fa8cb091.entry.js → p-55d192b3.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-5878b8bd.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-f573fe5a.entry.js → p-721d0aee.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d4909df7.entry.js → p-74ac19cd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-82fef3f9.entry.js → p-87cecc80.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-8d703466.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-3fe98171.entry.js → p-a411f2f3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-30069b63.entry.js → p-a7679912.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-b8420bfe.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-406f8ca9.entry.js → p-bc8a507b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f83d2df5.entry.js → p-bfaff58b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-e43d437d.entry.js +1 -0
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/test/helpers.js +11 -0
- package/dist/types/components/q2-btn/index.d.ts +6 -3
- package/dist/types/components/q2-calendar/index.d.ts +5 -2
- package/dist/types/components/q2-carousel/index.d.ts +2 -1
- package/dist/types/components/q2-checkbox/index.d.ts +6 -4
- package/dist/types/components/q2-checkbox-group/index.d.ts +1 -1
- package/dist/types/components/q2-dropdown/index.d.ts +3 -2
- package/dist/types/components/q2-dropdown-item/index.d.ts +2 -1
- package/dist/types/components/q2-editable-field/index.d.ts +5 -3
- package/dist/types/components/q2-input/index.d.ts +31 -7
- package/dist/types/components/q2-loading/index.d.ts +4 -3
- package/dist/types/components/q2-popover/index.d.ts +5 -1
- package/dist/types/components/q2-radio/index.d.ts +3 -2
- package/dist/types/components/q2-radio-group/index.d.ts +3 -2
- package/dist/types/components/q2-select/index.d.ts +2 -1
- package/dist/types/components/q2-tab-container/index.d.ts +5 -2
- package/dist/types/components/q2-tab-pane/index.d.ts +3 -0
- package/dist/types/components/q2-tooltip/index.d.ts +4 -1
- package/dist/types/components/tecton-tab-pane/index.d.ts +3 -0
- package/dist/types/components.d.ts +140 -24
- 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
- package/package.json +3 -3
- package/dist/q2-tecton-elements/p-18d9cea8.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2313e9a9.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2b9c1815.entry.js +0 -1
- package/dist/q2-tecton-elements/p-3410c675.entry.js +0 -1
- package/dist/q2-tecton-elements/p-471e5d58.entry.js +0 -1
- package/dist/q2-tecton-elements/p-a6bfe392.entry.js +0 -1
- package/dist/q2-tecton-elements/p-c01d0332.entry.js +0 -1
- package/dist/q2-tecton-elements/p-df91e954.entry.js +0 -1
- 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.
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
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": ["
|
|
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(--
|
|
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.
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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":
|
|
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
|
-
"
|
|
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": "
|
|
343
|
+
"attribute": "block",
|
|
378
344
|
"reflect": true
|
|
379
345
|
},
|
|
380
|
-
"
|
|
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": "
|
|
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
|
};
|