q2-tecton-elements 1.52.2 → 1.53.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-file-picker.cjs.entry.js +236 -0
- package/dist/cjs/q2-file-picker.cjs.entry.js.map +1 -0
- package/dist/cjs/q2-item_3.cjs.entry.js +250 -0
- package/dist/cjs/q2-item_3.cjs.entry.js.map +1 -0
- package/dist/cjs/q2-pill.cjs.entry.js +7 -3
- package/dist/cjs/q2-pill.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-select.cjs.entry.js +3 -2
- package/dist/cjs/q2-select.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-tag.cjs.entry.js +3 -1
- package/dist/cjs/q2-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/q2-file-picker/q2-file-picker.css +288 -0
- package/dist/collection/components/q2-file-picker/q2-file-picker.js +426 -0
- package/dist/collection/components/q2-file-picker/q2-file-picker.js.map +1 -0
- package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.e2e.js +11 -0
- package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.e2e.js.map +1 -0
- package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.spec.js +435 -0
- package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.spec.js.map +1 -0
- package/dist/collection/components/q2-item/q2-item.css +3 -0
- package/dist/collection/components/q2-list/q2-list.css +6 -0
- package/dist/collection/components/q2-pill/q2-pill.js +7 -3
- package/dist/collection/components/q2-pill/q2-pill.js.map +1 -1
- package/dist/collection/components/q2-pill/test/q2-pill-test.e2e.js +108 -0
- package/dist/collection/components/q2-pill/test/q2-pill-test.e2e.js.map +1 -1
- package/dist/collection/components/q2-select/q2-select.js +3 -2
- package/dist/collection/components/q2-select/q2-select.js.map +1 -1
- package/dist/collection/components/q2-tag/q2-tag.js +3 -1
- package/dist/collection/components/q2-tag/q2-tag.js.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/q2-file-picker.d.ts +11 -0
- package/dist/components/q2-file-picker.js +301 -0
- package/dist/components/q2-file-picker.js.map +1 -0
- package/dist/components/q2-item.js +1 -130
- package/dist/components/q2-item.js.map +1 -1
- package/dist/{esm/q2-item.entry.js → components/q2-item2.js} +29 -11
- package/dist/components/q2-item2.js.map +1 -0
- package/dist/components/q2-link.js +1 -86
- package/dist/components/q2-link.js.map +1 -1
- package/dist/{esm/q2-link.entry.js → components/q2-link2.js} +39 -9
- package/dist/components/q2-link2.js.map +1 -0
- package/dist/components/q2-list.js +1 -94
- package/dist/components/q2-list.js.map +1 -1
- package/dist/{esm/q2-list.entry.js → components/q2-list2.js} +30 -11
- package/dist/components/q2-list2.js.map +1 -0
- package/dist/components/q2-pill.js +7 -3
- package/dist/components/q2-pill.js.map +1 -1
- package/dist/components/q2-select2.js +3 -2
- package/dist/components/q2-select2.js.map +1 -1
- package/dist/components/q2-tag.js +3 -1
- package/dist/components/q2-tag.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-file-picker.entry.js +232 -0
- package/dist/esm/q2-file-picker.entry.js.map +1 -0
- package/dist/esm/q2-item_3.entry.js +244 -0
- package/dist/esm/q2-item_3.entry.js.map +1 -0
- package/dist/esm/q2-pill.entry.js +7 -3
- package/dist/esm/q2-pill.entry.js.map +1 -1
- package/dist/esm/q2-select.entry.js +3 -2
- package/dist/esm/q2-select.entry.js.map +1 -1
- package/dist/esm/q2-tag.entry.js +3 -1
- package/dist/esm/q2-tag.entry.js.map +1 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/q2-tecton-elements/q2-file-picker.entry.js +338 -0
- package/dist/q2-tecton-elements/q2-file-picker.entry.js.map +1 -0
- package/dist/q2-tecton-elements/q2-item_3.entry.js +331 -0
- package/dist/q2-tecton-elements/q2-item_3.entry.js.map +1 -0
- package/dist/q2-tecton-elements/q2-pill.entry.js +22 -18
- package/dist/q2-tecton-elements/q2-pill.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-select.entry.js +6 -5
- package/dist/q2-tecton-elements/q2-select.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-tag.entry.js +36 -34
- package/dist/q2-tecton-elements/q2-tag.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js.map +1 -1
- package/dist/types/components/q2-file-picker/q2-file-picker.d.ts +98 -0
- package/dist/types/components/q2-pill/q2-pill.d.ts +1 -1
- package/dist/types/components.d.ts +101 -0
- package/package.json +3 -3
- package/dist/cjs/q2-item.cjs.entry.js +0 -120
- package/dist/cjs/q2-item.cjs.entry.js.map +0 -1
- package/dist/cjs/q2-link.cjs.entry.js +0 -64
- package/dist/cjs/q2-link.cjs.entry.js.map +0 -1
- package/dist/cjs/q2-list.cjs.entry.js +0 -83
- package/dist/cjs/q2-list.cjs.entry.js.map +0 -1
- package/dist/esm/q2-item.entry.js.map +0 -1
- package/dist/esm/q2-link.entry.js.map +0 -1
- package/dist/esm/q2-list.entry.js.map +0 -1
- package/dist/q2-tecton-elements/q2-item.entry.js +0 -158
- package/dist/q2-tecton-elements/q2-item.entry.js.map +0 -1
- package/dist/q2-tecton-elements/q2-link.entry.js +0 -83
- package/dist/q2-tecton-elements/q2-link.entry.js.map +0 -1
- package/dist/q2-tecton-elements/q2-list.entry.js +0 -100
- package/dist/q2-tecton-elements/q2-list.entry.js.map +0 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { r as t, c as i, h as
|
|
1
|
+
import { r as t, c as i, h as e, F as a, H as o, g as r } from "./index-7a5365e2.js";
|
|
2
2
|
|
|
3
|
-
import { o as
|
|
3
|
+
import { o as s, i as n, w as c, l as h } from "./index-d18e2a20.js";
|
|
4
4
|
|
|
5
|
-
import { a as
|
|
5
|
+
import { a as l, s as p } from "./action-sheet-e64cb6f7.js";
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const d = "*{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 #0066cc)}: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;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 4px)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-primary-background, var(--t-primary, #0079c1));--comp-tag-color:var(--tct-tag-primary-font-color, var(--t-primary-text, #ffffff))}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-secondary-background, var(--t-secondary, #b3c2cc));--comp-tag-color:var(--tct-tag-secondary-font-color, var(--t-secondary-text, #141414))}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--tct-tag-tertiary-background, var(--t-tertiary, #e8f5fc));--comp-tag-color:var(--tct-tag-tertiary-font-color, var(--t-tertiary-text, #141414))}.tag{display:flex;width:max-content;height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)))}.tag.has-options{padding-right:6px}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));height:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:relative;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;padding-right:6px;--tct-icon-size:18px}";
|
|
8
8
|
|
|
9
|
-
const g =
|
|
9
|
+
const g = d;
|
|
10
10
|
|
|
11
11
|
const v = class {
|
|
12
|
-
constructor(
|
|
13
|
-
t(this,
|
|
12
|
+
constructor(e) {
|
|
13
|
+
t(this, e);
|
|
14
14
|
this.click = i(this, "click", 7);
|
|
15
|
-
var
|
|
15
|
+
var a;
|
|
16
16
|
this.determineOptionCount = () => {
|
|
17
17
|
const t = this.hostElement.querySelectorAll("q2-option").length;
|
|
18
18
|
this.optionCount = t;
|
|
@@ -33,8 +33,9 @@ const v = class {
|
|
|
33
33
|
this.handleClick = async t => {
|
|
34
34
|
t.stopPropagation();
|
|
35
35
|
this.popoverElement.controlElement = this.dropdownBtn;
|
|
36
|
-
if (
|
|
37
|
-
const {value: i} = await
|
|
36
|
+
if (l(this)) {
|
|
37
|
+
const {value: i} = await p(this, t);
|
|
38
|
+
this.dropdownBtn.focus();
|
|
38
39
|
this.click.emit({
|
|
39
40
|
value: i
|
|
40
41
|
});
|
|
@@ -47,8 +48,9 @@ const v = class {
|
|
|
47
48
|
if (i) return;
|
|
48
49
|
t.preventDefault();
|
|
49
50
|
this.popoverElement.controlElement = this.dropdownBtn;
|
|
50
|
-
if (
|
|
51
|
-
const {value: i} = await
|
|
51
|
+
if (l(this, t)) {
|
|
52
|
+
const {value: i} = await p(this, t);
|
|
53
|
+
this.dropdownBtn.focus();
|
|
52
54
|
this.click.emit({
|
|
53
55
|
value: i
|
|
54
56
|
});
|
|
@@ -70,7 +72,7 @@ const v = class {
|
|
|
70
72
|
}
|
|
71
73
|
};
|
|
72
74
|
this.optionCount = undefined;
|
|
73
|
-
this.hoist = !!((
|
|
75
|
+
this.hoist = !!((a = window.Tecton) === null || a === void 0 ? void 0 : a.useActionSheets);
|
|
74
76
|
this.label = undefined;
|
|
75
77
|
this.open = undefined;
|
|
76
78
|
this.optionListLabel = "options";
|
|
@@ -96,12 +98,12 @@ const v = class {
|
|
|
96
98
|
this.mutationObserver = t;
|
|
97
99
|
}
|
|
98
100
|
componentDidLoad() {
|
|
99
|
-
|
|
101
|
+
s(this.hostElement);
|
|
100
102
|
}
|
|
101
103
|
// #endregion
|
|
102
104
|
// #region Listeners
|
|
103
105
|
delegateFocus(t) {
|
|
104
|
-
if (!
|
|
106
|
+
if (!n(t, this.hostElement)) return;
|
|
105
107
|
if (!this.optionCount) return;
|
|
106
108
|
this.dropdownBtn.focus();
|
|
107
109
|
}
|
|
@@ -125,8 +127,8 @@ const v = class {
|
|
|
125
127
|
await this.openPopover();
|
|
126
128
|
await c();
|
|
127
129
|
const i = await this.optionList.getOptions();
|
|
128
|
-
const
|
|
129
|
-
|
|
130
|
+
const e = i.find((i => i.value === t));
|
|
131
|
+
e === null || e === void 0 ? void 0 : e.click();
|
|
130
132
|
}
|
|
131
133
|
// #endregion
|
|
132
134
|
// #region Local Methods
|
|
@@ -139,7 +141,7 @@ const v = class {
|
|
|
139
141
|
// #endregion
|
|
140
142
|
// #region Render Methods
|
|
141
143
|
renderHiddenElement() {
|
|
142
|
-
return
|
|
144
|
+
return e("div", {
|
|
143
145
|
id: "option-description",
|
|
144
146
|
class: "sr",
|
|
145
147
|
"aria-hidden": "true"
|
|
@@ -149,16 +151,16 @@ const v = class {
|
|
|
149
151
|
const {optionCount: t, open: i} = this;
|
|
150
152
|
const r = [ "tag" ];
|
|
151
153
|
if (t) r.push("has-options");
|
|
152
|
-
return
|
|
153
|
-
key: "
|
|
154
|
+
return e(o, {
|
|
155
|
+
key: "9b1d2f5b548146365e986ba4634b0a8ed30fa0cb",
|
|
154
156
|
role: this.optionCount > 0 ? "list" : undefined
|
|
155
|
-
},
|
|
156
|
-
key: "
|
|
157
|
+
}, e("click-elsewhere", {
|
|
158
|
+
key: "11112116d707cbe26460f50443bed7bab72fef0f",
|
|
157
159
|
onChange: this.onClickElsewhere
|
|
158
|
-
}, this.optionCount ? a
|
|
160
|
+
}, this.optionCount ? e(a, null, e("div", {
|
|
159
161
|
class: "btn-wrapper",
|
|
160
162
|
onClick: this.handleWrapperClick
|
|
161
|
-
},
|
|
163
|
+
}, e("button", {
|
|
162
164
|
class: "tag-wrapper",
|
|
163
165
|
ref: t => this.dropdownBtn = t,
|
|
164
166
|
"test-id": "btn-control",
|
|
@@ -170,17 +172,17 @@ const v = class {
|
|
|
170
172
|
"aria-controls": "option-list",
|
|
171
173
|
"aria-expanded": i ? "true" : "false",
|
|
172
174
|
"aria-describedby": "option-description"
|
|
173
|
-
},
|
|
175
|
+
}, e("div", {
|
|
174
176
|
class: r.join(" ")
|
|
175
|
-
}, this.label),
|
|
177
|
+
}, this.label), e("q2-icon", {
|
|
176
178
|
type: "options"
|
|
177
|
-
}))), this.renderHiddenElement()) :
|
|
179
|
+
}))), this.renderHiddenElement()) : e("div", {
|
|
178
180
|
class: "tag-wrapper",
|
|
179
181
|
onClick: t => t.stopPropagation()
|
|
180
|
-
},
|
|
182
|
+
}, e("div", {
|
|
181
183
|
class: r.join(" ")
|
|
182
|
-
}, this.label)), this.optionCount > 0 &&
|
|
183
|
-
key: "
|
|
184
|
+
}, this.label)), this.optionCount > 0 && e("q2-popover", {
|
|
185
|
+
key: "985c62f7b78fed7bbc88e74036e544f419dcec56",
|
|
184
186
|
ref: t => this.popoverElement = t,
|
|
185
187
|
controlElement: this.dropdownBtn,
|
|
186
188
|
open: this.open,
|
|
@@ -188,8 +190,8 @@ const v = class {
|
|
|
188
190
|
minHeight: this.popoverMinHeight,
|
|
189
191
|
direction: this.popoverDirection,
|
|
190
192
|
align: this.popoverAlignment
|
|
191
|
-
},
|
|
192
|
-
key: "
|
|
193
|
+
}, e("q2-option-list", {
|
|
194
|
+
key: "587c2c9bdae05291593d3c976fa002f0c19dcc22",
|
|
193
195
|
id: "option-list",
|
|
194
196
|
ref: t => this.optionList = t,
|
|
195
197
|
onChange: this.handleChange,
|
|
@@ -197,8 +199,8 @@ const v = class {
|
|
|
197
199
|
align: "right",
|
|
198
200
|
label: h("tecton.element.optionList.label", [ this.optionListLabel ]),
|
|
199
201
|
"no-select": true
|
|
200
|
-
},
|
|
201
|
-
key: "
|
|
202
|
+
}, e("slot", {
|
|
203
|
+
key: "606e22e977e9822bc6b413b1afc8790371c459fe"
|
|
202
204
|
})))));
|
|
203
205
|
}
|
|
204
206
|
get hostElement() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["q2TagCss","Q2TagStyle0","Q2Tag","this","determineOptionCount","numberOfOptions","hostElement","querySelectorAll","length","optionCount","handleButtonFocusout","async","event","relatedTarget","tagName","open","handleChange","stopPropagation","value","detail","click","emit","handleClick","popoverElement","controlElement","dropdownBtn","shouldShowActionSheet","showActionSheetList","toggle","handleKeydown","isTabMetaOrCtrl","metaKey","ctrlKey","key","preventDefault","optionList","handleExternalKeydown","handleWrapperClick","focus","onClickElsewhere","target","localName","_a","window","Tecton","useActionSheets","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","observer","MutationObserver","observe","childList","attributes","componentDidLoad","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","setActiveElement","closePopover","_togglePopover","openPopover","selectOption","waitForNextPaint","allOptions","getOptions","desiredOption","find","option","dispatchEvent","FocusEvent","renderHiddenElement","h","id","class","loc","render","wrapperClassNames","push","Host","role","undefined","onChange","Fragment","onClick","ref","el","type","onKeyDown","onFocusout","join","label","e","maxHeight","popoverMaxHeight","minHeight","popoverMinHeight","direction","popoverDirection","align","popoverAlignment","optionListLabel"],"sources":["src/components/q2-tag/q2-tag.scss?tag=q2-tag&encapsulation=shadow","src/components/q2-tag/q2-tag.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-block;\n position: relative;\n line-height: 0;\n}\n\n:host(:not(:last-child)) {\n margin-inline-end: var-list(var-prefixer(tag-margin), --app-scale-2x, 10px);\n}\n\n.tag-wrapper {\n --comp-tag-btn-size: #{var-list(var-prefixer(tag-btn-size), --app-scale-6x, 30px)};\n --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n --comp-tag-color: #{var-list(var-prefixer(tag-color), --t-gray-3, #262626)};\n background: var(--comp-tag-background);\n color: var(--comp-tag-color);\n border-radius: var-list(var-prefixer(tag-border-radius), --app-border-radius-1, 4px);\n position: relative;\n\n :host([theme='primary']) & {\n --comp-tag-background: #{var-list(--tct-tag-primary-background, --t-primary, #0079c1)};\n --comp-tag-color: #{var-list(--tct-tag-primary-font-color, --t-primary-text, #ffffff)};\n }\n\n :host([theme='secondary']) & {\n --comp-tag-background: #{var-list(--tct-tag-secondary-background, --t-secondary, #b3c2cc)};\n --comp-tag-color: #{var-list(--tct-tag-secondary-font-color, --t-secondary-text, #141414)};\n }\n\n :host([theme='tertiary']) & {\n --comp-tag-background: #{var-list(--tct-tag-tertiary-background, --t-tertiary, #e8f5fc)};\n --comp-tag-color: #{var-list(--tct-tag-tertiary-font-color, --t-tertiary-text, #141414)};\n }\n}\n\n.tag {\n display: flex;\n width: max-content;\n height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n line-height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n padding-inline: var-list(var-prefixer(tag-padding-inline), --app-scale-3x, 15px);\n}\n\n.tag.has-options {\n padding-right: 6px;\n}\n\n.btn-wrapper {\n --comp-tag-clickable-size: #{var-list(var-prefixer(tag-clickable-size), 44px)};\n --comp-tag-btn-offset: calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);\n --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n height: var(--comp-tag-clickable-size);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n right: var(--comp-tag-btn-offset);\n top: var(--comp-tag-btn-offset);\n cursor: pointer;\n}\n\nbutton {\n height: var(--comp-tag-btn-size);\n stroke: var(--comp-tag-color);\n --tct-icon-stroke-primary: var(--comp-tag-color);\n cursor: pointer;\n border: 0;\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n padding-right: 6px;\n --tct-icon-size: 18px;\n}\n","import {\n Component,\n State,\n Prop,\n h,\n ComponentInterface,\n Host,\n Listen,\n Method,\n Element,\n EventEmitter,\n Event,\n Fragment,\n} from '@stencil/core';\nimport { isEventFromElement, loc, overrideFocus, waitForNextPaint } from 'src/utils';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\n\n@Component({ tag: 'q2-tag', shadow: true, styleUrl: 'q2-tag.scss' })\nexport class Q2Tag implements ComponentInterface {\n // #region Own Properties\n\n dropdownBtn: HTMLButtonElement;\n mutationObserver: MutationObserver;\n optionList: HTMLQ2OptionListElement;\n popoverElement: HTMLQ2PopoverElement;\n\n // #endregion\n // #region Host HTML Element\n\n @Element()\n hostElement: HTMLElement;\n\n // #endregion\n // #region State Properties\n\n @State()\n optionCount: number;\n\n // #endregion\n // #region Public Property API\n\n /**\n * Instructs the component to use the action sheet workflow for displaying its options.\n *\n * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).\n */\n @Prop()\n hoist: boolean = !!window.Tecton?.useActionSheets;\n\n /**\n * The text that populates the label.\n * @localizable\n */\n @Prop({ reflect: true })\n label: string;\n\n /**\n * Determine whether the popover is open or closed.\n *\n * @readonly\n */\n @Prop({ reflect: true, mutable: true })\n open: boolean;\n\n /** Determines the label that is applied to the option list for accessibility purposes. */\n @Prop()\n optionListLabel: string = 'options';\n\n /** Aligns the popover dropdown to the left or right side of the input field. */\n @Prop({ mutable: true })\n popoverAlignment: 'left' | 'right' = 'right';\n\n /**\n * Force the direction of the popover dropdown when it opens.\n * If no value is passed, the component will auto-detect the direction based on available space.\n */\n @Prop()\n popoverDirection: 'up' | 'down';\n\n /**\n * Force the maximum height of the popover. This value will be interpreted as pixels.\n * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n */\n @Prop()\n popoverMaxHeight: number;\n\n /** @deprecated */\n @Prop()\n popoverMinHeight: number = 150;\n\n /** The color of the element. */\n @Prop({ reflect: true })\n theme: 'primary' | 'secondary' | 'tertiary';\n\n // #endregion\n // #region Events\n\n /**\n * Emitted when a provided option is clicked.\n *\n * Requires at least one option to be provided.\n */\n @Event()\n click: EventEmitter<{ value: string }>;\n\n // #endregion\n // #region Component Lifecycle Events\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n this.mutationObserver = null;\n }\n\n componentWillLoad() {\n const observer = new MutationObserver(this.determineOptionCount);\n observer.observe(this.hostElement, { childList: true, attributes: true });\n this.mutationObserver = observer;\n }\n\n componentDidLoad(): void {\n overrideFocus(this.hostElement);\n }\n\n // #endregion\n // #region Listeners\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n if (!this.optionCount) return;\n this.dropdownBtn.focus();\n }\n\n @Listen('popoverStateChanged')\n popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n if (this.open !== open) this.open = open;\n if (open) return;\n this.optionList.setActiveElement(null);\n }\n\n // #endregion\n // #region Public Methods API\n\n @Method()\n async closePopover() {\n if (!this.optionCount || !this.open) return;\n this._togglePopover();\n }\n\n @Method()\n async openPopover() {\n if (!this.optionCount || this.open) return;\n this._togglePopover();\n }\n\n @Method()\n async selectOption(value) {\n if (!this.optionCount) return;\n await this.openPopover();\n await waitForNextPaint();\n const allOptions = await this.optionList.getOptions();\n const desiredOption = allOptions.find(option => option.value === value);\n desiredOption?.click();\n }\n\n // #endregion\n // #region Local Methods\n\n _togglePopover() {\n const { dropdownBtn } = this;\n dropdownBtn?.click();\n dropdownBtn?.focus();\n dropdownBtn.dispatchEvent(new FocusEvent('focus'));\n }\n\n determineOptionCount = () => {\n const numberOfOptions = this.hostElement.querySelectorAll('q2-option').length;\n this.optionCount = numberOfOptions;\n };\n\n handleButtonFocusout = async (event: FocusEvent) => {\n const relatedTarget = event.relatedTarget as unknown as HTMLElement;\n if (relatedTarget?.tagName === 'Q2-OPTION') return;\n this.open = false;\n };\n\n handleChange = event => {\n event.stopPropagation();\n if (!this.optionCount) return;\n const { value } = event.detail;\n\n this.click.emit({ value });\n };\n\n handleClick = async (event: MouseEvent) => {\n event.stopPropagation();\n this.popoverElement.controlElement = this.dropdownBtn;\n if (shouldShowActionSheet(this)) {\n const { value } = await showActionSheetList(this, event);\n this.click.emit({ value });\n } else {\n await this.popoverElement.toggle();\n }\n };\n\n handleKeydown = async (event: KeyboardEvent) => {\n const isTabMetaOrCtrl = event.metaKey || event.ctrlKey || event.key === 'Tab';\n if (isTabMetaOrCtrl) return;\n\n event.preventDefault();\n this.popoverElement.controlElement = this.dropdownBtn;\n if (shouldShowActionSheet(this, event)) {\n const { value } = await showActionSheetList(this, event);\n this.click.emit({ value });\n } else {\n this.optionList.handleExternalKeydown(event);\n }\n };\n\n handleWrapperClick = () => {\n this.dropdownBtn.focus();\n this.dropdownBtn.click();\n };\n\n onClickElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName === 'click-elsewhere') {\n event.stopPropagation();\n const { popoverElement } = this;\n if (!popoverElement) return;\n popoverElement.open = false;\n }\n };\n\n // #endregion\n // #region Render Methods\n\n renderHiddenElement() {\n return (\n <div\n id=\"option-description\"\n class=\"sr\"\n aria-hidden=\"true\"\n >\n {loc('tecton.element.optionList.optionCount', [this.optionCount])}\n </div>\n );\n }\n\n render() {\n const { optionCount, open } = this;\n const wrapperClassNames = ['tag'];\n if (optionCount) wrapperClassNames.push('has-options');\n\n return (\n <Host role={this.optionCount > 0 ? 'list' : undefined}>\n <click-elsewhere onChange={this.onClickElsewhere}>\n {this.optionCount ? (\n <Fragment>\n <div\n class=\"btn-wrapper\"\n onClick={this.handleWrapperClick}\n >\n <button\n class=\"tag-wrapper\"\n ref={el => (this.dropdownBtn = el)}\n test-id=\"btn-control\"\n type=\"button\"\n role=\"combobox\"\n onClick={this.handleClick}\n onKeyDown={this.handleKeydown}\n onFocusout={this.handleButtonFocusout}\n aria-controls=\"option-list\"\n aria-expanded={open ? 'true' : 'false'}\n aria-describedby=\"option-description\"\n >\n <div class={wrapperClassNames.join(' ')}>{this.label}</div>\n <q2-icon type=\"options\"></q2-icon>\n </button>\n </div>\n {this.renderHiddenElement()}\n </Fragment>\n ) : (\n <div\n class=\"tag-wrapper\"\n onClick={e => e.stopPropagation()}\n >\n <div class={wrapperClassNames.join(' ')}>{this.label}</div>\n </div>\n )}\n\n {this.optionCount > 0 && (\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.dropdownBtn}\n open={this.open}\n maxHeight={this.popoverMaxHeight}\n minHeight={this.popoverMinHeight}\n direction={this.popoverDirection}\n align={this.popoverAlignment}\n >\n <q2-option-list\n id=\"option-list\"\n ref={el => (this.optionList = el)}\n onChange={this.handleChange}\n type=\"menu\"\n align=\"right\"\n label={loc('tecton.element.optionList.label', [this.optionListLabel])}\n no-select\n >\n <slot />\n </q2-option-list>\n </q2-popover>\n )}\n </click-elsewhere>\n </Host>\n );\n }\n\n // #endregion\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["q2TagCss","Q2TagStyle0","Q2Tag","this","determineOptionCount","numberOfOptions","hostElement","querySelectorAll","length","optionCount","handleButtonFocusout","async","event","relatedTarget","tagName","open","handleChange","stopPropagation","value","detail","click","emit","handleClick","popoverElement","controlElement","dropdownBtn","shouldShowActionSheet","showActionSheetList","focus","toggle","handleKeydown","isTabMetaOrCtrl","metaKey","ctrlKey","key","preventDefault","optionList","handleExternalKeydown","handleWrapperClick","onClickElsewhere","target","localName","_a","window","Tecton","useActionSheets","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","observer","MutationObserver","observe","childList","attributes","componentDidLoad","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","setActiveElement","closePopover","_togglePopover","openPopover","selectOption","waitForNextPaint","allOptions","getOptions","desiredOption","find","option","dispatchEvent","FocusEvent","renderHiddenElement","h","id","class","loc","render","wrapperClassNames","push","Host","role","undefined","onChange","Fragment","onClick","ref","el","type","onKeyDown","onFocusout","join","label","e","maxHeight","popoverMaxHeight","minHeight","popoverMinHeight","direction","popoverDirection","align","popoverAlignment","optionListLabel"],"sources":["src/components/q2-tag/q2-tag.scss?tag=q2-tag&encapsulation=shadow","src/components/q2-tag/q2-tag.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-block;\n position: relative;\n line-height: 0;\n}\n\n:host(:not(:last-child)) {\n margin-inline-end: var-list(var-prefixer(tag-margin), --app-scale-2x, 10px);\n}\n\n.tag-wrapper {\n --comp-tag-btn-size: #{var-list(var-prefixer(tag-btn-size), --app-scale-6x, 30px)};\n --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n --comp-tag-color: #{var-list(var-prefixer(tag-color), --t-gray-3, #262626)};\n background: var(--comp-tag-background);\n color: var(--comp-tag-color);\n border-radius: var-list(var-prefixer(tag-border-radius), --app-border-radius-1, 4px);\n position: relative;\n\n :host([theme='primary']) & {\n --comp-tag-background: #{var-list(--tct-tag-primary-background, --t-primary, #0079c1)};\n --comp-tag-color: #{var-list(--tct-tag-primary-font-color, --t-primary-text, #ffffff)};\n }\n\n :host([theme='secondary']) & {\n --comp-tag-background: #{var-list(--tct-tag-secondary-background, --t-secondary, #b3c2cc)};\n --comp-tag-color: #{var-list(--tct-tag-secondary-font-color, --t-secondary-text, #141414)};\n }\n\n :host([theme='tertiary']) & {\n --comp-tag-background: #{var-list(--tct-tag-tertiary-background, --t-tertiary, #e8f5fc)};\n --comp-tag-color: #{var-list(--tct-tag-tertiary-font-color, --t-tertiary-text, #141414)};\n }\n}\n\n.tag {\n display: flex;\n width: max-content;\n height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n line-height: var-list(var-prefixer(tag-height), --app-scale-6x, 30px);\n padding-inline: var-list(var-prefixer(tag-padding-inline), --app-scale-3x, 15px);\n}\n\n.tag.has-options {\n padding-right: 6px;\n}\n\n.btn-wrapper {\n --comp-tag-clickable-size: #{var-list(var-prefixer(tag-clickable-size), 44px)};\n --comp-tag-btn-offset: calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);\n --comp-tag-background: #{var-list(var-prefixer(tag-background), --t-gray-13, #e6e6e6)};\n height: var(--comp-tag-clickable-size);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n right: var(--comp-tag-btn-offset);\n top: var(--comp-tag-btn-offset);\n cursor: pointer;\n}\n\nbutton {\n height: var(--comp-tag-btn-size);\n stroke: var(--comp-tag-color);\n --tct-icon-stroke-primary: var(--comp-tag-color);\n cursor: pointer;\n border: 0;\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n padding-right: 6px;\n --tct-icon-size: 18px;\n}\n","import {\n Component,\n State,\n Prop,\n h,\n ComponentInterface,\n Host,\n Listen,\n Method,\n Element,\n EventEmitter,\n Event,\n Fragment,\n} from '@stencil/core';\nimport { isEventFromElement, loc, overrideFocus, waitForNextPaint } from 'src/utils';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\n\n@Component({ tag: 'q2-tag', shadow: true, styleUrl: 'q2-tag.scss' })\nexport class Q2Tag implements ComponentInterface {\n // #region Own Properties\n\n dropdownBtn: HTMLButtonElement;\n mutationObserver: MutationObserver;\n optionList: HTMLQ2OptionListElement;\n popoverElement: HTMLQ2PopoverElement;\n\n // #endregion\n // #region Host HTML Element\n\n @Element()\n hostElement: HTMLElement;\n\n // #endregion\n // #region State Properties\n\n @State()\n optionCount: number;\n\n // #endregion\n // #region Public Property API\n\n /**\n * Instructs the component to use the action sheet workflow for displaying its options.\n *\n * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).\n */\n @Prop()\n hoist: boolean = !!window.Tecton?.useActionSheets;\n\n /**\n * The text that populates the label.\n * @localizable\n */\n @Prop({ reflect: true })\n label: string;\n\n /**\n * Determine whether the popover is open or closed.\n *\n * @readonly\n */\n @Prop({ reflect: true, mutable: true })\n open: boolean;\n\n /** Determines the label that is applied to the option list for accessibility purposes. */\n @Prop()\n optionListLabel: string = 'options';\n\n /** Aligns the popover dropdown to the left or right side of the input field. */\n @Prop({ mutable: true })\n popoverAlignment: 'left' | 'right' = 'right';\n\n /**\n * Force the direction of the popover dropdown when it opens.\n * If no value is passed, the component will auto-detect the direction based on available space.\n */\n @Prop()\n popoverDirection: 'up' | 'down';\n\n /**\n * Force the maximum height of the popover. This value will be interpreted as pixels.\n * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n */\n @Prop()\n popoverMaxHeight: number;\n\n /** @deprecated */\n @Prop()\n popoverMinHeight: number = 150;\n\n /** The color of the element. */\n @Prop({ reflect: true })\n theme: 'primary' | 'secondary' | 'tertiary';\n\n // #endregion\n // #region Events\n\n /**\n * Emitted when a provided option is clicked.\n *\n * Requires at least one option to be provided.\n */\n @Event()\n click: EventEmitter<{ value: string }>;\n\n // #endregion\n // #region Component Lifecycle Events\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n this.mutationObserver = null;\n }\n\n componentWillLoad() {\n const observer = new MutationObserver(this.determineOptionCount);\n observer.observe(this.hostElement, { childList: true, attributes: true });\n this.mutationObserver = observer;\n }\n\n componentDidLoad(): void {\n overrideFocus(this.hostElement);\n }\n\n // #endregion\n // #region Listeners\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n if (!this.optionCount) return;\n this.dropdownBtn.focus();\n }\n\n @Listen('popoverStateChanged')\n popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n if (this.open !== open) this.open = open;\n if (open) return;\n this.optionList.setActiveElement(null);\n }\n\n // #endregion\n // #region Public Methods API\n\n @Method()\n async closePopover() {\n if (!this.optionCount || !this.open) return;\n this._togglePopover();\n }\n\n @Method()\n async openPopover() {\n if (!this.optionCount || this.open) return;\n this._togglePopover();\n }\n\n @Method()\n async selectOption(value) {\n if (!this.optionCount) return;\n await this.openPopover();\n await waitForNextPaint();\n const allOptions = await this.optionList.getOptions();\n const desiredOption = allOptions.find(option => option.value === value);\n desiredOption?.click();\n }\n\n // #endregion\n // #region Local Methods\n\n _togglePopover() {\n const { dropdownBtn } = this;\n dropdownBtn?.click();\n dropdownBtn?.focus();\n dropdownBtn.dispatchEvent(new FocusEvent('focus'));\n }\n\n determineOptionCount = () => {\n const numberOfOptions = this.hostElement.querySelectorAll('q2-option').length;\n this.optionCount = numberOfOptions;\n };\n\n handleButtonFocusout = async (event: FocusEvent) => {\n const relatedTarget = event.relatedTarget as unknown as HTMLElement;\n if (relatedTarget?.tagName === 'Q2-OPTION') return;\n this.open = false;\n };\n\n handleChange = event => {\n event.stopPropagation();\n if (!this.optionCount) return;\n const { value } = event.detail;\n\n this.click.emit({ value });\n };\n\n handleClick = async (event: MouseEvent) => {\n event.stopPropagation();\n this.popoverElement.controlElement = this.dropdownBtn;\n if (shouldShowActionSheet(this)) {\n const { value } = await showActionSheetList(this, event);\n this.dropdownBtn.focus();\n this.click.emit({ value });\n } else {\n await this.popoverElement.toggle();\n }\n };\n\n handleKeydown = async (event: KeyboardEvent) => {\n const isTabMetaOrCtrl = event.metaKey || event.ctrlKey || event.key === 'Tab';\n if (isTabMetaOrCtrl) return;\n\n event.preventDefault();\n this.popoverElement.controlElement = this.dropdownBtn;\n if (shouldShowActionSheet(this, event)) {\n const { value } = await showActionSheetList(this, event);\n this.dropdownBtn.focus();\n this.click.emit({ value });\n } else {\n this.optionList.handleExternalKeydown(event);\n }\n };\n\n handleWrapperClick = () => {\n this.dropdownBtn.focus();\n this.dropdownBtn.click();\n };\n\n onClickElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName === 'click-elsewhere') {\n event.stopPropagation();\n const { popoverElement } = this;\n if (!popoverElement) return;\n popoverElement.open = false;\n }\n };\n\n // #endregion\n // #region Render Methods\n\n renderHiddenElement() {\n return (\n <div\n id=\"option-description\"\n class=\"sr\"\n aria-hidden=\"true\"\n >\n {loc('tecton.element.optionList.optionCount', [this.optionCount])}\n </div>\n );\n }\n\n render() {\n const { optionCount, open } = this;\n const wrapperClassNames = ['tag'];\n if (optionCount) wrapperClassNames.push('has-options');\n\n return (\n <Host role={this.optionCount > 0 ? 'list' : undefined}>\n <click-elsewhere onChange={this.onClickElsewhere}>\n {this.optionCount ? (\n <Fragment>\n <div\n class=\"btn-wrapper\"\n onClick={this.handleWrapperClick}\n >\n <button\n class=\"tag-wrapper\"\n ref={el => (this.dropdownBtn = el)}\n test-id=\"btn-control\"\n type=\"button\"\n role=\"combobox\"\n onClick={this.handleClick}\n onKeyDown={this.handleKeydown}\n onFocusout={this.handleButtonFocusout}\n aria-controls=\"option-list\"\n aria-expanded={open ? 'true' : 'false'}\n aria-describedby=\"option-description\"\n >\n <div class={wrapperClassNames.join(' ')}>{this.label}</div>\n <q2-icon type=\"options\"></q2-icon>\n </button>\n </div>\n {this.renderHiddenElement()}\n </Fragment>\n ) : (\n <div\n class=\"tag-wrapper\"\n onClick={e => e.stopPropagation()}\n >\n <div class={wrapperClassNames.join(' ')}>{this.label}</div>\n </div>\n )}\n\n {this.optionCount > 0 && (\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.dropdownBtn}\n open={this.open}\n maxHeight={this.popoverMaxHeight}\n minHeight={this.popoverMinHeight}\n direction={this.popoverDirection}\n align={this.popoverAlignment}\n >\n <q2-option-list\n id=\"option-list\"\n ref={el => (this.optionList = el)}\n onChange={this.handleChange}\n type=\"menu\"\n align=\"right\"\n label={loc('tecton.element.optionList.label', [this.optionListLabel])}\n no-select\n >\n <slot />\n </q2-option-list>\n </q2-popover>\n )}\n </click-elsewhere>\n </Host>\n );\n }\n\n // #endregion\n}\n"],"mappings":"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"}
|
|
@@ -17,6 +17,6 @@ import { g as t } from "./app-globals-0f993ce5.js";
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then((async e => {
|
|
19
19
|
await t();
|
|
20
|
-
return a(JSON.parse('[["q2-pagination",[[1,"q2-pagination",{"alignment":[1],"autoSize":[1540,"auto-size"],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[1538,"per-page"],"perPageIncrements":[16],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"total":[514],"isSmall":[32],"clickFirstPage":[64],"clickLastPage":[64],"clickNextPage":[64],"clickPreviousPage":[64],"selectPerPageIncrementValue":[64],"setPageValue":[64]},[[0,"focus","onHostElementFocus"]],{"recordsOnly":["manageResizeObserver"],"pagesOnly":["manageResizeObserver"],"autoSize":["manageResizeObserver"]}]]],["q2-calendar",[[1,"q2-calendar",{"ariaLabel":[1537,"aria-label"],"assume":[513],"buttonLabel":[513,"button-label"],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16],"label":[1537],"onsuccess":[16],"open":[1540],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16],"value":[1537],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"keyboardSelection":[32],"typedValue":[32],"closePopover":[64],"openPopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"clear","handleClear"],[0,"error","defaultErrorHandler"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"success","defaultSuccessHandler"]],{"ariaLabel":["ariaLabelObserver"],"cutoffTime":["cutoffTimeObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"endDate":["endDateObserver"],"invalidDates":["invalidDatesObserver"],"popDirection":["popDirectionHandler"],"startDate":["startDateObserver"],"typeable":["typeableChanged"],"validDates":["validDatesObserver"],"value":["valueObserver"]}]]],["q2-action-sheet",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"title":[1],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["q2-dropdown",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"alignment":[513],"ariaLabel":[1537,"aria-label"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"hideLabel":[1540,"hide-label"],"icon":[513],"label":[1537],"name":[513],"open":[1540],"popDirection":[513,"pop-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"resolvedType":[513,"resolved-type"],"type":[513],"closePopover":[64],"openPopover":[64],"selectItem":[64],"selectRemoveItem":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"additionalContext":["additionalContextHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"name":["nameHandler"],"popDirection":["popDirectionHandler"],"resolvedType":["resolvedTypeHandler"]}]]],["q2-data-table",[[1,"q2-data-table",{"bordered":[1544],"caption":[1025],"clickable":[1540],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectMode":[1025,"select-mode"],"shadowed":[1540],"striped":[516],"allRowsSelected":[32],"checkSlotCount":[32],"hasDropdowns":[32],"hasExpandableRows":[32],"hasRowData":[32],"serializedHeaders":[32],"serializedRows":[32],"someRowsSelected":[32],"clickRow":[64],"getCellContent":[64],"sortColumn":[64],"toggleRowExpansion":[64],"toggleRowSelect":[64],"toggleSelectAllRows":[64]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["q2-editable-field",[[1,"q2-editable-field",{"ariaLabel":[1537,"aria-label"],"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"formattedValue":[32],"clickCancel":[64],"clickEdit":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"],"errors":["errorsObserver"]}]]],["q2-pill",[[1,"q2-pill",{"active":[1540],"borderless":[516],"disabled":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040],"theme":[513],"value":[1537],"hasPopoverBottom":[32],"hasPopoverTop":[32],"optionCount":[32],"selectedOptionElements":[32],"closePopover":[64],"openPopover":[64],"setValue":[64]},[[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"selectedOptions":["selectedOptionsChanged"],"value":["valueChanged"]}]]],["q2-tag",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32],"closePopover":[64],"openPopover":[64],"selectOption":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["q2-carousel",[[4,"q2-carousel",{"ariaLabel":[513,"aria-label"],"autoPlay":[516,"auto-play"],"framelessPanes":[516,"frameless-panes"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"index":[1538],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLiveValue":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"compactMode":[32],"currentPaneCount":[32],"selectCarouselPane":[64],"togglePlayPause":[64]},[[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"framelessPanes":["framelessPanesChanged","revampCarousel"],"fullWidthPanes":["revampCarousel"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"],"index":["indexChanged"]}]]],["q2-chart-donut",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"data":[16],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"innerRadius":[1025,"inner-radius"],"isClickable":[516,"is-clickable"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"clearSelection":[64],"getChartOptions":[64],"selectById":[64],"selectByIndex":[64],"selectDataPoint":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16],"today":[1],"year":[1538],"focusedIndex":[32],"selectedIndex":[32],"showYearLayer":[32]}]]],["q2-section",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hasYieldedHeader":[32],"hideContent":[32],"collapse":[64],"expand":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"collapsible":["collapsibleObserver"],"expanded":["expandedObserver"]}]]],["q2-stepper",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"lastEnabledStep":[1026,"last-enabled-step"],"stepCount":[1026,"step-count"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"contentChange","contentChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStep":["currentStepChanged"]}]]],["q2-card",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"target":[513],"title":[513],"type":[513],"url":[513],"isAutoSmall":[32],"isAutoTouch":[32]},[[0,"focus","onHostElementFocus"]]]]],["q2-action-group",[[1,"q2-action-group",{"orientationThreshold":[2,"orientation-threshold"],"orientation":[513],"fullWidth":[516,"full-width"],"autoOrientation":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"disabled":["disabledObserver"],"readonly":["readonlyObserver"],"value":["valueObserver"]}]]],["q2-link",[[1,"q2-link",{"disabled":[516],"href":[513],"label":[513],"referrerpolicy":[513],"target":[513],"tctTitle":[513,"tct-title"],"variant":[513],"clickLink":[64]}]]],["q2-radio-group",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tilelayout":[1540],"tileLayout":[1540,"tile-layout"],"value":[1025],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"disabled":["disabledUpdated"],"name":["nameUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"],"value":["valueUpdated"]}]]],["q2-stepper-vertical",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["q2-textarea",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"downParams":[32],"hasFocus":[32],"screenReaderCharacterCount":[32],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"],[0,"input","onHostElementInput"]],{"cols":["colsObserver"],"errors":["errorsObserver"],"hints":["hintsObserver"],"maxlength":["maxlengthObserver"],"rows":["rowsObserver"],"value":["valueObserver"]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"isActivePane":[516,"is-active-pane"],"label":[513],"siblingCount":[2,"sibling-count"],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["q2-chart-area",[[1,"q2-chart-area",{"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"gridPadding":[16],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"hoverDataPoint":[64]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-chart-bar",[[1,"q2-chart-bar",{"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridPadding":[16],"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]},null,{"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"color":["propsUpdates"],"hideBarLabels":["propsUpdates"],"showChartName":["propsUpdates"],"alignChartName":["propsUpdates"],"orientation":["propsUpdates"],"format":["propsUpdates"],"sort":["propsUpdates"],"data":["propsUpdates"],"offsetDataNames":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"formatModifier":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-currency",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-detail",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["q2-example",[[1,"q2-example",{"content":[1],"disabled":[4],"type":[1],"isValidated":[32],"status":[32],"close":[64],"openMenu":[64]},[[0,"click","onClick"],[1,"drag","onDrag"]],{"content":["contentChanged"],"status":["statusChanged"]}]]],["q2-formatted-text",[[1,"q2-formatted-text",{"value":[514],"locale":[513],"minimumIntegerDigits":[2,"minimum-integer-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"maximumFractionDigits":[2,"maximum-fraction-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-item",[[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]]]],["q2-list",[[1,"q2-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["q2-loading-element",[[0,"q2-loading-element",{"borderRadius":[513,"border-radius"],"height":[513],"shape":[513],"width":[513]}]]],["q2-loc",[[1,"q2-loc",{"substitutions":[16],"value":[1537],"displayValue":[32]},null,{"value":["propHandler"],"substitutions":["propHandler"]}]]],["q2-radio",[[1,"q2-radio",{"ariaLabel":[1537,"aria-label"],"checked":[1540],"disabled":[516],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"hideLabel":[1540,"hide-label"],"label":[1537],"name":[513],"readonly":[516],"tabIndex":[2,"tab-index"],"value":[513]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["q2-relative-time",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"date":[513],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validBaseDateProp":[64],"validDateProp":[64]},null,{"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"],"sync":["syncUpdated"]}]]],["q2-stepper-pane",[[1,"q2-stepper-pane",{"description":[513],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"isActive":["isActiveChanged"],"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"showWithChildren":["checkForActiveChildren"],"status":["statusChanged"]}]]],["q2-tooltip",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"position":[513],"focusClass":[32]},[[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"],[0,"keyup","keyUpHandler"]]]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"authPayload":[16],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"minHeight":[513,"min-height"],"moduleId":[513,"module-id"],"name":[513],"provided":[516],"selected":[516],"showForm":[4,"show-form"],"url":[513],"value":[513],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-resize-observer",[[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-badge_7",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32],"selectTab":[64]},[[0,"badge","onBadge"],[0,"change","defaultChangeHandler"],[0,"focus","onFocus"],[9,"resize","onResize"]],{"name":["nameObserver"],"value":["valueObserver"]}],[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"name":[513],"selected":[516],"value":[513]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}],[1,"q2-input",{"_preventEntry":[1028,"_prevent-entry"],"_role":[1025],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHaspopup":[1,"aria-haspopup"],"ariaLabel":[1537,"aria-label"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"pattern":[1537],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"validity":[1040],"value":[1025],"checkSlotCount":[32],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkValidity":[64],"clearValue":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"],"clearable":["manageClearableResizeObserver"],"errors":["errorsObserver"],"formatModifier":["formatModifierObserver"],"formattedValueObject":["formattedValueObjectObserver"],"hints":["hintsObserver"],"type":["typeObserver"],"value":["valueObserver"]}],[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[514]}],[1,"q2-btn",{"_role":[513],"active":[516],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaLabel":[1537,"aria-label"],"ariaPressed":[1,"aria-pressed"],"ariaSelected":[1,"aria-selected"],"badge":[516],"block":[516],"color":[1537],"description":[1],"disabled":[516],"fab":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"size":[513],"tabIndex":[2,"tab-index"],"type":[513],"iconPosition":[32]},[[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"ariaLabel":[1537,"aria-label"],"counts":[513],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513]},null,{"ariaLabel":["ariaLabelObserver"]}],[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["q2-select",[[1,"q2-select",{"ariaLabel":[1537,"aria-label"],"clearable":[516],"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[516],"selectedOptions":[1040],"value":[1025],"hasCustomDisplay":[32],"hasPopoverBottom":[32],"hasPopoverTop":[32],"inputFocused":[32],"open":[32],"prioritizeSearch":[32],"searchText":[32],"showSelected":[32],"statusMessage":[32],"structuredSelectedOptions":[32],"closePopover":[64],"openPopover":[64],"searchOptions":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"input","onHostElementInput"],[0,"keydown","keydownHandler"]],{"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"],"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"]}]]],["q2-avatar",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"src":[513],"badSrc":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["q2-checkbox",[[1,"q2-checkbox",{"alignment":[513],"ariaLabel":[1537,"aria-label"],"checked":[1540],"description":[513],"disabled":[516],"groupDisabled":[516,"group-disabled"],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-legend",[[1,"q2-legend",{"data":[16],"format":[513],"hoveredItemId":[513,"hovered-item-id"],"selectedItemId":[513,"selected-item-id"],"hoveredItemIndex":[32],"selectedItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["q2-message",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["q2-option",[[1,"q2-option",{"_multiSelectHidden":[516,"_multiselecthidden"],"active":[516],"disabled":[516],"disabledGroup":[516,"disabled-group"],"display":[1537],"multiline":[516],"role":[513],"selected":[516],"value":[513]},null,{"display":["displayChangedHandler"]}]]],["q2-option-list",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"getContents":[64],"getOptions":[64],"handleExternalKeydown":[64],"setActiveElement":[64],"setDefaultActiveElement":[64]},[[0,"click","handleClick"],[0,"focus","delegateFocus"]],{"selectedOptions":["selectedOptionsUpdated"],"showSelected":["showSelectedUpdated"]}]]],["click-elsewhere_2",[[1,"q2-popover",{"align":[513],"block":[516],"controlElement":[16],"direction":[513],"maxHeight":[2,"max-height"],"minHeight":[2,"min-height"],"mode":[1],"open":[1540],"currentDirection":[32],"show":[32],"scrollContainerTo":[64],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]],{"minHeight":["minHeightProvided"],"open":["openChanged"]}],[0,"click-elsewhere"]]]]'), e);
|
|
20
|
+
return a(JSON.parse('[["q2-pagination",[[1,"q2-pagination",{"alignment":[1],"autoSize":[1540,"auto-size"],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[1538,"per-page"],"perPageIncrements":[16],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"total":[514],"isSmall":[32],"clickFirstPage":[64],"clickLastPage":[64],"clickNextPage":[64],"clickPreviousPage":[64],"selectPerPageIncrementValue":[64],"setPageValue":[64]},[[0,"focus","onHostElementFocus"]],{"recordsOnly":["manageResizeObserver"],"pagesOnly":["manageResizeObserver"],"autoSize":["manageResizeObserver"]}]]],["q2-calendar",[[1,"q2-calendar",{"ariaLabel":[1537,"aria-label"],"assume":[513],"buttonLabel":[513,"button-label"],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16],"label":[1537],"onsuccess":[16],"open":[1540],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16],"value":[1537],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"keyboardSelection":[32],"typedValue":[32],"closePopover":[64],"openPopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"clear","handleClear"],[0,"error","defaultErrorHandler"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"success","defaultSuccessHandler"]],{"ariaLabel":["ariaLabelObserver"],"cutoffTime":["cutoffTimeObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"endDate":["endDateObserver"],"invalidDates":["invalidDatesObserver"],"popDirection":["popDirectionHandler"],"startDate":["startDateObserver"],"typeable":["typeableChanged"],"validDates":["validDatesObserver"],"value":["valueObserver"]}]]],["q2-action-sheet",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"title":[1],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["q2-dropdown",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"alignment":[513],"ariaLabel":[1537,"aria-label"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"hideLabel":[1540,"hide-label"],"icon":[513],"label":[1537],"name":[513],"open":[1540],"popDirection":[513,"pop-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"resolvedType":[513,"resolved-type"],"type":[513],"closePopover":[64],"openPopover":[64],"selectItem":[64],"selectRemoveItem":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"additionalContext":["additionalContextHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"name":["nameHandler"],"popDirection":["popDirectionHandler"],"resolvedType":["resolvedTypeHandler"]}]]],["q2-file-picker",[[1,"q2-file-picker",{"description":[513],"fileTypes":[513,"file-types"],"label":[513],"maxFiles":[514,"max-files"],"maxFileSize":[514,"max-file-size"],"status":[16],"value":[1040],"variant":[513],"areFilesUploading":[32],"displayedFiles":[32],"isDropZoneHighlighted":[32],"refreshCounter":[32]},null,{"status":["updateFileList"]}]]],["q2-data-table",[[1,"q2-data-table",{"bordered":[1544],"caption":[1025],"clickable":[1540],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectMode":[1025,"select-mode"],"shadowed":[1540],"striped":[516],"allRowsSelected":[32],"checkSlotCount":[32],"hasDropdowns":[32],"hasExpandableRows":[32],"hasRowData":[32],"serializedHeaders":[32],"serializedRows":[32],"someRowsSelected":[32],"clickRow":[64],"getCellContent":[64],"sortColumn":[64],"toggleRowExpansion":[64],"toggleRowSelect":[64],"toggleSelectAllRows":[64]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["q2-editable-field",[[1,"q2-editable-field",{"ariaLabel":[1537,"aria-label"],"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"formattedValue":[32],"clickCancel":[64],"clickEdit":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"],"errors":["errorsObserver"]}]]],["q2-pill",[[1,"q2-pill",{"active":[1540],"borderless":[516],"disabled":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040],"theme":[513],"value":[1537],"hasPopoverBottom":[32],"hasPopoverTop":[32],"optionCount":[32],"selectedOptionElements":[32],"closePopover":[64],"openPopover":[64],"setValue":[64]},[[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"selectedOptions":["selectedOptionsChanged"],"value":["valueChanged"]}]]],["q2-tag",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32],"closePopover":[64],"openPopover":[64],"selectOption":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["q2-carousel",[[4,"q2-carousel",{"ariaLabel":[513,"aria-label"],"autoPlay":[516,"auto-play"],"framelessPanes":[516,"frameless-panes"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"index":[1538],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLiveValue":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"compactMode":[32],"currentPaneCount":[32],"selectCarouselPane":[64],"togglePlayPause":[64]},[[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"framelessPanes":["framelessPanesChanged","revampCarousel"],"fullWidthPanes":["revampCarousel"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"],"index":["indexChanged"]}]]],["q2-chart-donut",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"data":[16],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"innerRadius":[1025,"inner-radius"],"isClickable":[516,"is-clickable"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"clearSelection":[64],"getChartOptions":[64],"selectById":[64],"selectByIndex":[64],"selectDataPoint":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16],"today":[1],"year":[1538],"focusedIndex":[32],"selectedIndex":[32],"showYearLayer":[32]}]]],["q2-section",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hasYieldedHeader":[32],"hideContent":[32],"collapse":[64],"expand":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"collapsible":["collapsibleObserver"],"expanded":["expandedObserver"]}]]],["q2-stepper",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"lastEnabledStep":[1026,"last-enabled-step"],"stepCount":[1026,"step-count"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"contentChange","contentChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStep":["currentStepChanged"]}]]],["q2-card",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"target":[513],"title":[513],"type":[513],"url":[513],"isAutoSmall":[32],"isAutoTouch":[32]},[[0,"focus","onHostElementFocus"]]]]],["q2-action-group",[[1,"q2-action-group",{"orientationThreshold":[2,"orientation-threshold"],"orientation":[513],"fullWidth":[516,"full-width"],"autoOrientation":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"disabled":["disabledObserver"],"readonly":["readonlyObserver"],"value":["valueObserver"]}]]],["q2-radio-group",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tilelayout":[1540],"tileLayout":[1540,"tile-layout"],"value":[1025],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"disabled":["disabledUpdated"],"name":["nameUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"],"value":["valueUpdated"]}]]],["q2-stepper-vertical",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["q2-textarea",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"downParams":[32],"hasFocus":[32],"screenReaderCharacterCount":[32],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"],[0,"input","onHostElementInput"]],{"cols":["colsObserver"],"errors":["errorsObserver"],"hints":["hintsObserver"],"maxlength":["maxlengthObserver"],"rows":["rowsObserver"],"value":["valueObserver"]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"isActivePane":[516,"is-active-pane"],"label":[513],"siblingCount":[2,"sibling-count"],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["q2-chart-area",[[1,"q2-chart-area",{"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"gridPadding":[16],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"hoverDataPoint":[64]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-chart-bar",[[1,"q2-chart-bar",{"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridPadding":[16],"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]},null,{"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"color":["propsUpdates"],"hideBarLabels":["propsUpdates"],"showChartName":["propsUpdates"],"alignChartName":["propsUpdates"],"orientation":["propsUpdates"],"format":["propsUpdates"],"sort":["propsUpdates"],"data":["propsUpdates"],"offsetDataNames":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"formatModifier":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-currency",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-detail",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["q2-example",[[1,"q2-example",{"content":[1],"disabled":[4],"type":[1],"isValidated":[32],"status":[32],"close":[64],"openMenu":[64]},[[0,"click","onClick"],[1,"drag","onDrag"]],{"content":["contentChanged"],"status":["statusChanged"]}]]],["q2-formatted-text",[[1,"q2-formatted-text",{"value":[514],"locale":[513],"minimumIntegerDigits":[2,"minimum-integer-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"maximumFractionDigits":[2,"maximum-fraction-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["q2-loading-element",[[0,"q2-loading-element",{"borderRadius":[513,"border-radius"],"height":[513],"shape":[513],"width":[513]}]]],["q2-loc",[[1,"q2-loc",{"substitutions":[16],"value":[1537],"displayValue":[32]},null,{"value":["propHandler"],"substitutions":["propHandler"]}]]],["q2-radio",[[1,"q2-radio",{"ariaLabel":[1537,"aria-label"],"checked":[1540],"disabled":[516],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"hideLabel":[1540,"hide-label"],"label":[1537],"name":[513],"readonly":[516],"tabIndex":[2,"tab-index"],"value":[513]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["q2-relative-time",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"date":[513],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validBaseDateProp":[64],"validDateProp":[64]},null,{"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"],"sync":["syncUpdated"]}]]],["q2-stepper-pane",[[1,"q2-stepper-pane",{"description":[513],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"isActive":["isActiveChanged"],"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"showWithChildren":["checkForActiveChildren"],"status":["statusChanged"]}]]],["q2-tooltip",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"position":[513],"focusClass":[32]},[[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"],[0,"keyup","keyUpHandler"]]]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"authPayload":[16],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"minHeight":[513,"min-height"],"moduleId":[513,"module-id"],"name":[513],"provided":[516],"selected":[516],"showForm":[4,"show-form"],"url":[513],"value":[513],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["q2-legend",[[1,"q2-legend",{"data":[16],"format":[513],"hoveredItemId":[513,"hovered-item-id"],"selectedItemId":[513,"selected-item-id"],"hoveredItemIndex":[32],"selectedItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-resize-observer",[[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-badge_7",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32],"selectTab":[64]},[[0,"badge","onBadge"],[0,"change","defaultChangeHandler"],[0,"focus","onFocus"],[9,"resize","onResize"]],{"name":["nameObserver"],"value":["valueObserver"]}],[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"name":[513],"selected":[516],"value":[513]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}],[1,"q2-input",{"_preventEntry":[1028,"_prevent-entry"],"_role":[1025],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHaspopup":[1,"aria-haspopup"],"ariaLabel":[1537,"aria-label"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"pattern":[1537],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"validity":[1040],"value":[1025],"checkSlotCount":[32],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkValidity":[64],"clearValue":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"],"clearable":["manageClearableResizeObserver"],"errors":["errorsObserver"],"formatModifier":["formatModifierObserver"],"formattedValueObject":["formattedValueObjectObserver"],"hints":["hintsObserver"],"type":["typeObserver"],"value":["valueObserver"]}],[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[514]}],[1,"q2-btn",{"_role":[513],"active":[516],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaLabel":[1537,"aria-label"],"ariaPressed":[1,"aria-pressed"],"ariaSelected":[1,"aria-selected"],"badge":[516],"block":[516],"color":[1537],"description":[1],"disabled":[516],"fab":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"size":[513],"tabIndex":[2,"tab-index"],"type":[513],"iconPosition":[32]},[[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"ariaLabel":[1537,"aria-label"],"counts":[513],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513]},null,{"ariaLabel":["ariaLabelObserver"]}],[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["q2-select",[[1,"q2-select",{"ariaLabel":[1537,"aria-label"],"clearable":[516],"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[516],"selectedOptions":[1040],"value":[1025],"hasCustomDisplay":[32],"hasPopoverBottom":[32],"hasPopoverTop":[32],"inputFocused":[32],"open":[32],"prioritizeSearch":[32],"searchText":[32],"showSelected":[32],"statusMessage":[32],"structuredSelectedOptions":[32],"closePopover":[64],"openPopover":[64],"searchOptions":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"input","onHostElementInput"],[0,"keydown","keydownHandler"]],{"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"],"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"]}]]],["q2-avatar",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"src":[513],"badSrc":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["q2-checkbox",[[1,"q2-checkbox",{"alignment":[513],"ariaLabel":[1537,"aria-label"],"checked":[1540],"description":[513],"disabled":[516],"groupDisabled":[516,"group-disabled"],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-message",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["q2-option",[[1,"q2-option",{"_multiSelectHidden":[516,"_multiselecthidden"],"active":[516],"disabled":[516],"disabledGroup":[516,"disabled-group"],"display":[1537],"multiline":[516],"role":[513],"selected":[516],"value":[513]},null,{"display":["displayChangedHandler"]}]]],["q2-item_3",[[1,"q2-link",{"disabled":[516],"href":[513],"label":[513],"referrerpolicy":[513],"target":[513],"tctTitle":[513,"tct-title"],"variant":[513],"clickLink":[64]}],[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]],[1,"q2-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["q2-option-list",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"getContents":[64],"getOptions":[64],"handleExternalKeydown":[64],"setActiveElement":[64],"setDefaultActiveElement":[64]},[[0,"click","handleClick"],[0,"focus","delegateFocus"]],{"selectedOptions":["selectedOptionsUpdated"],"showSelected":["showSelectedUpdated"]}]]],["click-elsewhere_2",[[1,"q2-popover",{"align":[513],"block":[516],"controlElement":[16],"direction":[513],"maxHeight":[2,"max-height"],"minHeight":[2,"min-height"],"mode":[1],"open":[1540],"currentDirection":[32],"show":[32],"scrollContainerTo":[64],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]],{"minHeight":["minHeightProvided"],"open":["openChanged"]}],[0,"click-elsewhere"]]]]'), e);
|
|
21
21
|
}));
|
|
22
22
|
//# sourceMappingURL=q2-tecton-elements.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;;;GAOA,KAAIA,eAAe;EAUjB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACrBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACjD;EACE,OAAOC,EAAeJ;AAAK;;AClB7BH,eAAeQ,MAAKC,MAAOC;QACnBC;EACN,OAAOC,EAAcC,KAAAC,MAAA,
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;;;GAOA,KAAIA,eAAe;EAUjB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACrBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACjD;EACE,OAAOC,EAAeJ;AAAK;;AClB7BH,eAAeQ,MAAKC,MAAOC;QACnBC;EACN,OAAOC,EAAcC,KAAAC,MAAA,g4yBAAuCJ;AAAA"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
type FileStatus = 'invalid-type' | 'over-size-limit' | 'over-max-files-limit' | 'in-progress' | 'failed' | 'uploaded';
|
|
3
|
+
export type FilesObject = {
|
|
4
|
+
invalidFiles: {
|
|
5
|
+
file: File;
|
|
6
|
+
status: 'invalid-type' | 'over-size-limit' | 'over-max-files-limit' | 'in-progress' | 'failed' | 'uploaded';
|
|
7
|
+
}[];
|
|
8
|
+
validFiles: File[];
|
|
9
|
+
};
|
|
10
|
+
export declare class Q2FilePicker implements ComponentInterface {
|
|
11
|
+
browseButtonInput: HTMLElement;
|
|
12
|
+
dropZone: HTMLElement;
|
|
13
|
+
fileItemsToBeDeleted: any;
|
|
14
|
+
queuedFiles: File[];
|
|
15
|
+
el: HTMLElement;
|
|
16
|
+
areFilesUploading: boolean;
|
|
17
|
+
displayedFiles: {
|
|
18
|
+
file: File;
|
|
19
|
+
status: FileStatus;
|
|
20
|
+
toBeRemoved?: boolean;
|
|
21
|
+
}[];
|
|
22
|
+
isDropZoneHighlighted: boolean;
|
|
23
|
+
refreshCounter: number;
|
|
24
|
+
/**
|
|
25
|
+
* A description of the field. This is announced by screen readers when the field is focused.
|
|
26
|
+
* @localizable
|
|
27
|
+
*/
|
|
28
|
+
description: string;
|
|
29
|
+
/**
|
|
30
|
+
* An array of strings representing the allowed file types based on file extension.
|
|
31
|
+
* Example: ['jpg', 'png', 'pdf']
|
|
32
|
+
*/
|
|
33
|
+
fileTypes: string[] | string;
|
|
34
|
+
/**
|
|
35
|
+
* The label for the field. This is announced by screen readers when the field is focused.
|
|
36
|
+
* @localizable
|
|
37
|
+
*/
|
|
38
|
+
label: string;
|
|
39
|
+
/**
|
|
40
|
+
* The maximum number of files that can be selected.
|
|
41
|
+
*/
|
|
42
|
+
maxFiles: number;
|
|
43
|
+
/**
|
|
44
|
+
* The maximum size (in bytes) of any file that can be selected.
|
|
45
|
+
*/
|
|
46
|
+
maxFileSize: number;
|
|
47
|
+
/**
|
|
48
|
+
* An array of objects representing the status of the files being uploaded.
|
|
49
|
+
* Each object should have a `name` property (the file name) and a `status`
|
|
50
|
+
* property (the status of the file) that equals either 'in-progress',
|
|
51
|
+
* 'failed' or 'uploaded'.
|
|
52
|
+
*/
|
|
53
|
+
status: {
|
|
54
|
+
name: string;
|
|
55
|
+
status: 'in-progress' | 'failed' | 'uploaded';
|
|
56
|
+
}[];
|
|
57
|
+
/**
|
|
58
|
+
* Returns an array of File objects representing the files selected by the
|
|
59
|
+
* user. If no files are selected, the value is an empty array.
|
|
60
|
+
* @readonly
|
|
61
|
+
*/
|
|
62
|
+
value: FilesObject;
|
|
63
|
+
/**
|
|
64
|
+
* Determines if the file picker is a browse button or a drop zone with a
|
|
65
|
+
* browse link.
|
|
66
|
+
*/
|
|
67
|
+
variant: 'browse' | 'browse-drop';
|
|
68
|
+
tctChange: EventEmitter<FilesObject>;
|
|
69
|
+
updateFileList(newValue: {
|
|
70
|
+
name: string;
|
|
71
|
+
status: FileStatus;
|
|
72
|
+
}[]): void;
|
|
73
|
+
get dropZoneClasses(): string;
|
|
74
|
+
get fileTypesArray(): string[];
|
|
75
|
+
get hasDescription(): boolean;
|
|
76
|
+
get hasDescriptionSlotContent(): boolean;
|
|
77
|
+
get hasLabel(): boolean;
|
|
78
|
+
get hasLabelSlotContent(): boolean;
|
|
79
|
+
buildFilesObject(filesToUpload: File[]): FilesObject;
|
|
80
|
+
dimDropZone: (e: DragEvent) => void;
|
|
81
|
+
disableEvent(event: Event): void;
|
|
82
|
+
disableLoaderIfAllFilesUploaded(): void;
|
|
83
|
+
emitChange(filesObject: FilesObject): void;
|
|
84
|
+
extractFilesOfInvalidTypes(files: File[]): any[];
|
|
85
|
+
extractFilesOverMaxFilesLimit(files: File[]): any[];
|
|
86
|
+
extractFilesOverSizeLimit(files: File[]): any[];
|
|
87
|
+
forceRerender(): void;
|
|
88
|
+
getAnimationendHandlerToRemoveFileItem(fileName: string): (e: AnimationEvent) => void;
|
|
89
|
+
getClickHandlerToRemoveFileItem(fileName: string): () => void;
|
|
90
|
+
getFileItemClasses(fileName: string): string;
|
|
91
|
+
getFileItemStatusMessage(status: FileStatus, size: number): string;
|
|
92
|
+
grabDroppedFiles: (e: DragEvent) => void;
|
|
93
|
+
grabSelectedFiles: (e: Event) => void;
|
|
94
|
+
highlightDropZone: (e: DragEvent) => void;
|
|
95
|
+
launchFileBrowser(): void;
|
|
96
|
+
render: () => any;
|
|
97
|
+
}
|
|
98
|
+
export {};
|
|
@@ -123,7 +123,7 @@ export declare class Q2Pill implements ComponentInterface {
|
|
|
123
123
|
determineOptionCount: () => Promise<void>;
|
|
124
124
|
executeActionSheet: (event: MouseEvent | KeyboardEvent) => Promise<void>;
|
|
125
125
|
getOption: (value: string) => Promise<HTMLQ2OptionElement>;
|
|
126
|
-
|
|
126
|
+
handleFocusOut: (event: FocusEvent) => Promise<void>;
|
|
127
127
|
handleChange: (event: any) => void;
|
|
128
128
|
handleClick: (event: MouseEvent) => Promise<void>;
|
|
129
129
|
handleKeydown: (event: KeyboardEvent) => Promise<void>;
|