q2-tecton-elements 1.67.1 → 1.67.2
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/bundle-report.json +23 -68
- package/dist/cjs/click-elsewhere.q2-option-list.q2-popover.entry.cjs.js.map +1 -1
- package/dist/cjs/click-elsewhere_3.cjs.entry.js +17 -28
- package/dist/cjs/click-elsewhere_3.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-group_2.cjs.entry.js +2 -2
- package/dist/cjs/q2-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
- package/dist/cjs/q2-card-image.cjs.entry.js +2 -2
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox.q2-tag.entry.cjs.js.map +1 -1
- package/dist/cjs/q2-checkbox_2.cjs.entry.js +41 -11
- package/dist/cjs/q2-checkbox_2.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-context.cjs.entry.js +1 -1
- package/dist/cjs/q2-currency.cjs.entry.js +1 -1
- package/dist/cjs/q2-data-table.cjs.entry.js +1 -1
- package/dist/cjs/q2-detail.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-example.cjs.entry.js +1 -1
- package/dist/cjs/q2-form.cjs.entry.js +1 -1
- package/dist/cjs/q2-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/q2-input.cjs.entry.js +1 -1
- package/dist/cjs/q2-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-legend.cjs.entry.js +1 -1
- package/dist/cjs/q2-link_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-message.cjs.entry.js +1 -1
- package/dist/cjs/q2-meter.cjs.entry.js +1 -1
- package/dist/cjs/q2-modal.cjs.entry.js +1 -1
- package/dist/cjs/q2-month-picker.cjs.entry.js +2 -2
- package/dist/cjs/q2-mutation-observer.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
- package/dist/cjs/q2-pagination.cjs.entry.js +3 -3
- package/dist/cjs/q2-pill.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -1
- package/dist/cjs/q2-relative-time.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +2 -2
- package/dist/cjs/q2-select.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
- package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
- package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +2 -2
- package/dist/collection/components/q2-action-group/q2-action-group.js +1 -1
- package/dist/collection/components/q2-action-sheet/q2-action-sheet.js +1 -1
- package/dist/collection/components/q2-avatar/q2-avatar.js +1 -1
- package/dist/collection/components/q2-calendar/q2-month-picker.js +2 -2
- package/dist/collection/components/q2-card-image/q2-card-image.js +2 -2
- package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.js +2 -2
- package/dist/collection/components/q2-chart-area/q2-chart-area.js +1 -1
- package/dist/collection/components/q2-chart-bar/q2-chart-bar.js +1 -1
- package/dist/collection/components/q2-chart-donut/q2-chart-donut.js +1 -1
- package/dist/collection/components/q2-checkbox/q2-checkbox.css +5 -1
- package/dist/collection/components/q2-checkbox/q2-checkbox.js +45 -10
- package/dist/collection/components/q2-checkbox/q2-checkbox.js.map +1 -1
- package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.js +1 -1
- package/dist/collection/components/q2-context/q2-context.js +1 -1
- package/dist/collection/components/q2-currency/q2-currency.js +1 -1
- package/dist/collection/components/q2-data-table/q2-data-table.js +1 -1
- package/dist/collection/components/q2-detail/q2-detail.js +1 -1
- package/dist/collection/components/q2-dropdown/q2-dropdown.js +1 -1
- package/dist/collection/components/q2-editable-field/q2-editable-field.js +1 -1
- package/dist/collection/components/q2-example/q2-example.js +1 -1
- package/dist/collection/components/q2-form/q2-form.js +1 -1
- package/dist/collection/components/q2-formatted-text/q2-formatted-text.js +1 -1
- package/dist/collection/components/q2-input/q2-input.js +1 -1
- package/dist/collection/components/q2-item/q2-item.js +1 -1
- package/dist/collection/components/q2-legend/q2-legend.js +1 -1
- package/dist/collection/components/q2-list/q2-list.js +1 -1
- package/dist/collection/components/q2-message/q2-message.js +1 -1
- package/dist/collection/components/q2-meter/q2-meter.js +1 -1
- package/dist/collection/components/q2-modal/q2-modal.js +1 -1
- package/dist/collection/components/q2-mutation-observer/q2-mutation-observer.js +1 -1
- package/dist/collection/components/q2-optgroup/q2-optgroup.js +1 -1
- package/dist/collection/components/q2-pagination/q2-pagination.js +3 -3
- package/dist/collection/components/q2-pill/q2-pill.js +1 -1
- package/dist/collection/components/q2-popover/q2-popover.js +17 -48
- package/dist/collection/components/q2-popover/q2-popover.js.map +1 -1
- package/dist/collection/components/q2-radio/q2-radio.js +1 -1
- package/dist/collection/components/q2-radio-group/q2-radio-group.js +1 -1
- package/dist/collection/components/q2-relative-time/q2-relative-time.js +1 -1
- package/dist/collection/components/q2-resize-observer/q2-resize-observer.js +1 -1
- package/dist/collection/components/q2-section/q2-section.js +2 -2
- package/dist/collection/components/q2-select/q2-select.js +1 -1
- package/dist/collection/components/q2-stepper/q2-stepper.js +1 -1
- package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.js +1 -1
- package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js +1 -1
- package/dist/collection/components/q2-tab-container/q2-tab-container.js +1 -1
- package/dist/collection/components/q2-tab-pane/q2-tab-pane.js +1 -1
- package/dist/collection/components/q2-tag/q2-tag.js +1 -1
- package/dist/collection/components/q2-textarea/q2-textarea.js +1 -1
- package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.js +2 -2
- package/dist/components/q2-action-group2.js +1 -1
- package/dist/components/q2-action-sheet.js +1 -1
- package/dist/components/q2-avatar2.js +1 -1
- package/dist/components/q2-card-image.js +2 -2
- package/dist/components/q2-carousel-pane.js +2 -2
- package/dist/components/q2-chart-area.js +1 -1
- package/dist/components/q2-chart-bar.js +1 -1
- package/dist/components/q2-chart-donut.js +1 -1
- package/dist/components/q2-checkbox-group.js +1 -1
- package/dist/components/q2-checkbox2.js +42 -11
- package/dist/components/q2-checkbox2.js.map +1 -1
- package/dist/components/q2-context.js +1 -1
- package/dist/components/q2-currency.js +1 -1
- package/dist/components/q2-data-table.js +1 -1
- package/dist/components/q2-detail.js +1 -1
- package/dist/components/q2-dropdown.js +1 -1
- package/dist/components/q2-editable-field.js +1 -1
- package/dist/components/q2-example.js +1 -1
- package/dist/components/q2-form.js +1 -1
- package/dist/components/q2-formatted-text.js +1 -1
- package/dist/components/q2-input2.js +1 -1
- package/dist/components/q2-item2.js +1 -1
- package/dist/components/q2-legend2.js +1 -1
- package/dist/components/q2-list2.js +1 -1
- package/dist/components/q2-message2.js +1 -1
- package/dist/components/q2-meter.js +1 -1
- package/dist/components/q2-modal.js +1 -1
- package/dist/components/q2-month-picker.js +2 -2
- package/dist/components/q2-mutation-observer.js +1 -1
- package/dist/components/q2-optgroup2.js +1 -1
- package/dist/components/q2-pagination.js +3 -3
- package/dist/components/q2-pill.js +1 -1
- package/dist/components/q2-popover2.js +17 -29
- package/dist/components/q2-popover2.js.map +1 -1
- package/dist/components/q2-radio-group.js +1 -1
- package/dist/components/q2-radio.js +1 -1
- package/dist/components/q2-relative-time.js +1 -1
- package/dist/components/q2-resize-observer2.js +1 -1
- package/dist/components/q2-section.js +2 -2
- package/dist/components/q2-select2.js +1 -1
- package/dist/components/q2-stepper-pane.js +1 -1
- package/dist/components/q2-stepper-vertical.js +1 -1
- package/dist/components/q2-stepper.js +1 -1
- package/dist/components/q2-tab-container.js +1 -1
- package/dist/components/q2-tab-pane.js +1 -1
- package/dist/components/q2-tag2.js +1 -1
- package/dist/components/q2-textarea.js +1 -1
- package/dist/components/tecton-tab-pane.js +2 -2
- package/dist/esm/click-elsewhere.q2-option-list.q2-popover.entry.js.map +1 -1
- package/dist/esm/click-elsewhere_3.entry.js +17 -28
- package/dist/esm/click-elsewhere_3.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-group_2.entry.js +2 -2
- package/dist/esm/q2-action-sheet.entry.js +1 -1
- package/dist/esm/q2-avatar.entry.js +1 -1
- package/dist/esm/q2-card-image.entry.js +2 -2
- package/dist/esm/q2-carousel-pane.entry.js +2 -2
- package/dist/esm/q2-chart-area.entry.js +1 -1
- package/dist/esm/q2-chart-bar.entry.js +1 -1
- package/dist/esm/q2-chart-donut.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox.q2-tag.entry.js.map +1 -1
- package/dist/esm/q2-checkbox_2.entry.js +41 -11
- package/dist/esm/q2-checkbox_2.entry.js.map +1 -1
- package/dist/esm/q2-context.entry.js +1 -1
- package/dist/esm/q2-currency.entry.js +1 -1
- package/dist/esm/q2-data-table.entry.js +1 -1
- package/dist/esm/q2-detail.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +1 -1
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-example.entry.js +1 -1
- package/dist/esm/q2-form.entry.js +1 -1
- package/dist/esm/q2-formatted-text.entry.js +1 -1
- package/dist/esm/q2-input.entry.js +1 -1
- package/dist/esm/q2-item.entry.js +1 -1
- package/dist/esm/q2-legend.entry.js +1 -1
- package/dist/esm/q2-link_2.entry.js +1 -1
- package/dist/esm/q2-message.entry.js +1 -1
- package/dist/esm/q2-meter.entry.js +1 -1
- package/dist/esm/q2-modal.entry.js +1 -1
- package/dist/esm/q2-month-picker.entry.js +2 -2
- package/dist/esm/q2-mutation-observer.entry.js +1 -1
- package/dist/esm/q2-optgroup.entry.js +1 -1
- package/dist/esm/q2-pagination.entry.js +3 -3
- package/dist/esm/q2-pill.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +1 -1
- package/dist/esm/q2-relative-time.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +2 -2
- package/dist/esm/q2-select.entry.js +1 -1
- package/dist/esm/q2-stepper-pane.entry.js +1 -1
- package/dist/esm/q2-stepper-vertical.entry.js +1 -1
- package/dist/esm/q2-stepper.entry.js +1 -1
- package/dist/esm/q2-tab-container.entry.js +1 -1
- package/dist/esm/q2-tab-pane.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +2 -2
- package/dist/q2-tecton-elements/click-elsewhere.q2-option-list.q2-popover.entry.esm.js.map +1 -1
- package/dist/q2-tecton-elements/click-elsewhere_3.entry.js +32 -39
- package/dist/q2-tecton-elements/click-elsewhere_3.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-action-group_2.entry.js +4 -4
- package/dist/q2-tecton-elements/q2-action-sheet.entry.js +40 -40
- package/dist/q2-tecton-elements/q2-avatar.entry.js +8 -8
- package/dist/q2-tecton-elements/q2-card-image.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-carousel-pane.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-chart-area.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-chart-bar.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-chart-donut.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-checkbox-group.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-checkbox.q2-tag.entry.esm.js.map +1 -1
- package/dist/q2-tecton-elements/q2-checkbox_2.entry.js +70 -28
- package/dist/q2-tecton-elements/q2-checkbox_2.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-context.entry.js +15 -15
- package/dist/q2-tecton-elements/q2-currency.entry.js +8 -8
- package/dist/q2-tecton-elements/q2-data-table.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-detail.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-dropdown.entry.js +17 -17
- package/dist/q2-tecton-elements/q2-editable-field.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-example.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-form.entry.js +7 -7
- package/dist/q2-tecton-elements/q2-formatted-text.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-input.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-item.entry.js +13 -13
- package/dist/q2-tecton-elements/q2-legend.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-link_2.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-message.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-meter.entry.js +13 -13
- package/dist/q2-tecton-elements/q2-modal.entry.js +46 -46
- package/dist/q2-tecton-elements/q2-month-picker.entry.js +30 -30
- package/dist/q2-tecton-elements/q2-mutation-observer.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-optgroup.entry.js +4 -4
- package/dist/q2-tecton-elements/q2-pagination.entry.js +26 -26
- package/dist/q2-tecton-elements/q2-pill.entry.js +12 -12
- package/dist/q2-tecton-elements/q2-radio-group.entry.js +21 -21
- package/dist/q2-tecton-elements/q2-radio.entry.js +8 -8
- package/dist/q2-tecton-elements/q2-relative-time.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-section.entry.js +21 -21
- package/dist/q2-tecton-elements/q2-select.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-stepper-pane.entry.js +11 -11
- package/dist/q2-tecton-elements/q2-stepper-vertical.entry.js +4 -4
- package/dist/q2-tecton-elements/q2-stepper.entry.js +12 -12
- package/dist/q2-tecton-elements/q2-tab-container.entry.js +17 -17
- package/dist/q2-tecton-elements/q2-tab-pane.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/q2-tecton-elements/q2-textarea.entry.js +2 -2
- package/dist/q2-tecton-elements/tecton-tab-pane.entry.js +6 -6
- package/dist/types/components/q2-checkbox/q2-checkbox.d.ts +8 -1
- package/dist/types/components/q2-popover/q2-popover.d.ts +0 -6
- package/dist/types/components.d.ts +0 -10
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as t, c as e, h as i, g as
|
|
1
|
+
import { r as t, c as e, h as i, g as n } from "./index-CGkHOjh1.js";
|
|
2
2
|
|
|
3
|
-
import { a
|
|
3
|
+
import { a, o as s, i as r, n as o, l as c } from "./index-C4PILj1_.js";
|
|
4
4
|
|
|
5
5
|
import { m as d } from "./mirror-emit-DUjY_ucm.js";
|
|
6
6
|
|
|
@@ -17,10 +17,10 @@ const p = class {
|
|
|
17
17
|
this.hideContent = false;
|
|
18
18
|
this.addContentSlotListener = () => {
|
|
19
19
|
if (this.contentSlot) {
|
|
20
|
-
this.contentSlot.addEventListener("slotchange",
|
|
20
|
+
this.contentSlot.addEventListener("slotchange", a);
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
|
-
const t = new MutationObserver(
|
|
23
|
+
const t = new MutationObserver(a);
|
|
24
24
|
t.observe(this.contentContainer, {
|
|
25
25
|
childList: true,
|
|
26
26
|
subtree: true
|
|
@@ -68,7 +68,7 @@ const p = class {
|
|
|
68
68
|
this.removeContentSlotListener = () => {
|
|
69
69
|
var t;
|
|
70
70
|
if (this.contentSlot) {
|
|
71
|
-
this.contentSlot.removeEventListener("slotchange",
|
|
71
|
+
this.contentSlot.removeEventListener("slotchange", a);
|
|
72
72
|
return;
|
|
73
73
|
}
|
|
74
74
|
(t = this.contentSlotMutationObserver) === null || t === void 0 ? void 0 : t.disconnect();
|
|
@@ -138,7 +138,7 @@ const p = class {
|
|
|
138
138
|
}
|
|
139
139
|
async expandedObserver(t) {
|
|
140
140
|
this.clearResizeInterval();
|
|
141
|
-
this.resizerFn = setInterval(
|
|
141
|
+
this.resizerFn = setInterval(a, 5);
|
|
142
142
|
if (t) {
|
|
143
143
|
this.expandSection();
|
|
144
144
|
} else {
|
|
@@ -177,35 +177,35 @@ const p = class {
|
|
|
177
177
|
render() {
|
|
178
178
|
const t = this.label || this.hasYieldedHeader;
|
|
179
179
|
const e = [ "content-wrapper" ];
|
|
180
|
-
const {collapsible:
|
|
181
|
-
if (
|
|
182
|
-
if (
|
|
180
|
+
const {collapsible: n, hideContent: a, contentHeight: s} = this;
|
|
181
|
+
if (n) {
|
|
182
|
+
if (a) e.push("is-closed"); else if (s) e.push("is-transitioning");
|
|
183
183
|
}
|
|
184
184
|
const r = !this.hasYieldedHeader && !!this.label;
|
|
185
185
|
return i("section", {
|
|
186
|
-
key: "
|
|
186
|
+
key: "ea31fa3fcb95aeba58b116111a8de973acfc9dd8",
|
|
187
187
|
class: "wrapper"
|
|
188
188
|
}, i("header", {
|
|
189
|
-
key: "
|
|
189
|
+
key: "599e2c5d97b7e1a8e82d4f67477feaea39bf44a4",
|
|
190
190
|
class: t ? "has-header" : ""
|
|
191
191
|
}, i("div", {
|
|
192
|
-
key: "
|
|
192
|
+
key: "ec33d8f308ddc45636df221e103972abb4c743e4",
|
|
193
193
|
class: "header-content",
|
|
194
194
|
id: this.titleId,
|
|
195
195
|
onClick: this.collapsible && this.onHeaderClick
|
|
196
196
|
}, r && i("h2", {
|
|
197
|
-
key: "
|
|
197
|
+
key: "c16de7c1c6fb720b4bfa43a8a1768480e7d9df0d",
|
|
198
198
|
class: "title"
|
|
199
199
|
}, c(this.label)), i("div", {
|
|
200
|
-
key: "
|
|
200
|
+
key: "3ff11259f114b4ca6c6dbd2c05fb35d5f270fb97",
|
|
201
201
|
ref: t => this.headerSlotWrapper = t,
|
|
202
202
|
class: "header-slot-wrapper"
|
|
203
203
|
}, i("slot", {
|
|
204
|
-
key: "
|
|
204
|
+
key: "47b372f49b184db9ecb4aa29a60545f6ec3e1f6b",
|
|
205
205
|
ref: t => this.headerSlot = t,
|
|
206
206
|
name: "q2-section-header"
|
|
207
207
|
}))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
|
|
208
|
-
key: "
|
|
208
|
+
key: "7b7f6e91877c354860d16ec95d39c1cd78ccf48b",
|
|
209
209
|
label: c(this.label || "tecton.element.section.defaultToggleLabel"),
|
|
210
210
|
ariaExpanded: `${!!this.expanded}`,
|
|
211
211
|
ariaControls: this.contentId,
|
|
@@ -213,10 +213,10 @@ const p = class {
|
|
|
213
213
|
"hide-label": true,
|
|
214
214
|
onClick: this.onHeaderClick
|
|
215
215
|
}, i("q2-icon", {
|
|
216
|
-
key: "
|
|
216
|
+
key: "39c6913339322a55626fba6b72b2305654821b34",
|
|
217
217
|
type: "chevron-up"
|
|
218
218
|
}))), i("div", {
|
|
219
|
-
key: "
|
|
219
|
+
key: "0212368798fdf64763de5f8507dc5cb1e7ca307f",
|
|
220
220
|
class: e.join(" "),
|
|
221
221
|
id: this.contentId,
|
|
222
222
|
"aria-labelledby": this.titleId,
|
|
@@ -226,17 +226,17 @@ const p = class {
|
|
|
226
226
|
height: this.contentHeight
|
|
227
227
|
}
|
|
228
228
|
}, i("div", {
|
|
229
|
-
key: "
|
|
229
|
+
key: "32e77e59068e9117454cc158998af16c18b7eda5",
|
|
230
230
|
ref: t => this.contentContainer = t,
|
|
231
231
|
class: "content",
|
|
232
232
|
tabindex: "-1"
|
|
233
233
|
}, i("slot", {
|
|
234
|
-
key: "
|
|
234
|
+
key: "770db19e692eaafb752ec9109de89d52f4375dca",
|
|
235
235
|
ref: t => this.contentSlot = t
|
|
236
236
|
}))));
|
|
237
237
|
}
|
|
238
238
|
get hostElement() {
|
|
239
|
-
return
|
|
239
|
+
return n(this);
|
|
240
240
|
}
|
|
241
241
|
static get watchers() {
|
|
242
242
|
return {
|
|
@@ -817,7 +817,7 @@ const g = class {
|
|
|
817
817
|
}
|
|
818
818
|
render() {
|
|
819
819
|
return i("click-elsewhere", {
|
|
820
|
-
key: "
|
|
820
|
+
key: "2611cdb97d80f88b083ddf5afe85146a5653e5f1",
|
|
821
821
|
class: this.wrapperClasses,
|
|
822
822
|
role: "presentation",
|
|
823
823
|
onChange: this.clickedElsewhere
|
|
@@ -2,7 +2,7 @@ import { r as t, c as e, h as i, F as s, H as a, g as n } from "./index-CGkHOjh1
|
|
|
2
2
|
|
|
3
3
|
import { b as o } from "./component-DVxzK3WH.js";
|
|
4
4
|
|
|
5
|
-
import { c as h, n as
|
|
5
|
+
import { c as h, n as c, l as r } from "./index-C4PILj1_.js";
|
|
6
6
|
|
|
7
7
|
import { m as d } from "./mirror-emit-DUjY_ucm.js";
|
|
8
8
|
|
|
@@ -60,7 +60,7 @@ const b = class {
|
|
|
60
60
|
}
|
|
61
61
|
checkForActiveChildren() {
|
|
62
62
|
if (!this.showWithChildren) return;
|
|
63
|
-
|
|
63
|
+
c((() => {
|
|
64
64
|
setTimeout((() => {
|
|
65
65
|
this.isChildActive = !!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]");
|
|
66
66
|
}));
|
|
@@ -79,30 +79,30 @@ const b = class {
|
|
|
79
79
|
render() {
|
|
80
80
|
const {label: t, isActive: e} = this;
|
|
81
81
|
return i(a, {
|
|
82
|
-
key: "
|
|
82
|
+
key: "390b7605500bc2f04851fbae962543c92f8b9bb4",
|
|
83
83
|
role: "listitem"
|
|
84
84
|
}, i(s, {
|
|
85
|
-
key: "
|
|
85
|
+
key: "a4835085304254d9b9c390c9bee29b67f6e9e1c4"
|
|
86
86
|
}, i("div", {
|
|
87
|
-
key: "
|
|
88
|
-
"aria-label": t &&
|
|
87
|
+
key: "0a8500ab3d69e3b43945451d9b3b310a05e2d67a",
|
|
88
|
+
"aria-label": t && r(t),
|
|
89
89
|
tabindex: "0",
|
|
90
90
|
hidden: !e && !(this.isChildActive && this.showWithChildren)
|
|
91
91
|
}, i("slot", {
|
|
92
|
-
key: "
|
|
92
|
+
key: "3b0622f4661ce6d3737580244dccb33c648238b3"
|
|
93
93
|
})), i("div", {
|
|
94
|
-
key: "
|
|
94
|
+
key: "a1ffd3ac9ecedc149bf8da797bafd76dc4c8b3e7",
|
|
95
95
|
hidden: true
|
|
96
96
|
}, i("slot", {
|
|
97
|
-
key: "
|
|
97
|
+
key: "437c72da16cd6e8f4c216f6a0e3255b45f3853b4",
|
|
98
98
|
name: "label",
|
|
99
99
|
onSlotchange: () => this.contentChange.emit()
|
|
100
100
|
}), i("slot", {
|
|
101
|
-
key: "
|
|
101
|
+
key: "b8c9d86ffd8ede0a8203aea50eb175beee077f6a",
|
|
102
102
|
name: "description",
|
|
103
103
|
onSlotchange: () => this.contentChange.emit()
|
|
104
104
|
})), i("slot", {
|
|
105
|
-
key: "
|
|
105
|
+
key: "aac91a3bc78567b297f930b5c61178d9d04381bf",
|
|
106
106
|
name: "children"
|
|
107
107
|
})));
|
|
108
108
|
}
|
|
@@ -338,15 +338,15 @@ const d = class {
|
|
|
338
338
|
}
|
|
339
339
|
render() {
|
|
340
340
|
return a(r, {
|
|
341
|
-
key: "
|
|
341
|
+
key: "a790b8dd9980fb56e96b103dbb52b89df222e349"
|
|
342
342
|
}, a("ul", {
|
|
343
|
-
key: "
|
|
343
|
+
key: "25b087f9746601005b9591139f2c13387c75f76a",
|
|
344
344
|
role: "tablist"
|
|
345
345
|
}, this.structuredPanes.map(((t, e) => this.renderStepBtn(t, e)))), a("div", {
|
|
346
|
-
key: "
|
|
346
|
+
key: "ee1b1f825884fde53c3975c66c60523b28fb87c7",
|
|
347
347
|
role: "list"
|
|
348
348
|
}, a("slot", {
|
|
349
|
-
key: "
|
|
349
|
+
key: "27b316593c07cd178d0d46f6cc4531ab3a7e89ec"
|
|
350
350
|
})));
|
|
351
351
|
}
|
|
352
352
|
get hostElement() {
|
|
@@ -294,50 +294,50 @@ const d = class {
|
|
|
294
294
|
const s = [ "step-container" ];
|
|
295
295
|
if (e) s.push("has-scroll");
|
|
296
296
|
return r(i, {
|
|
297
|
-
key: "
|
|
297
|
+
key: "860f07cdd262a6b6710864c1e7fb977cd6c2aeda"
|
|
298
298
|
}, r("div", {
|
|
299
|
-
key: "
|
|
299
|
+
key: "a77509faf317305acd39cf6ff8e4fac153b68208",
|
|
300
300
|
class: s.join(" ")
|
|
301
301
|
}, e && r(i, {
|
|
302
|
-
key: "
|
|
302
|
+
key: "e77c847ebb1f29b188d8bf0169edfeff45c80a00"
|
|
303
303
|
}, r("div", {
|
|
304
|
-
key: "
|
|
304
|
+
key: "7ccd141727448a90c00dc605add06333ef3d4a44",
|
|
305
305
|
class: "gradient-left",
|
|
306
306
|
hidden: !o
|
|
307
307
|
}), r("div", {
|
|
308
|
-
key: "
|
|
308
|
+
key: "4daefeb015ad3d7556cf0db26355c15c2d710c98",
|
|
309
309
|
class: "gradient-right",
|
|
310
310
|
hidden: !a
|
|
311
311
|
}), r("q2-btn", {
|
|
312
|
-
key: "
|
|
312
|
+
key: "874809c160bef85f7cd4b8876d6d32bd17c2d2ae",
|
|
313
313
|
class: "btn-left",
|
|
314
314
|
hideLabel: true,
|
|
315
315
|
hidden: !this.showScrollLeft,
|
|
316
316
|
label: c("tecton.element.stepper.scrollLeft"),
|
|
317
317
|
onTctClick: () => this.onScrollBtnClick("left")
|
|
318
318
|
}, r("q2-icon", {
|
|
319
|
-
key: "
|
|
319
|
+
key: "2aecd51118a8523b6a78a1cd4816d68a235cbb03",
|
|
320
320
|
type: "chevron-left"
|
|
321
321
|
})), r("q2-btn", {
|
|
322
|
-
key: "
|
|
322
|
+
key: "78ed0c8b483ef82a7ff09a129ad728722813e8fc",
|
|
323
323
|
class: "btn-right",
|
|
324
324
|
hideLabel: true,
|
|
325
325
|
hidden: !this.showScrollRight,
|
|
326
326
|
label: c("tecton.element.stepper.scrollRight"),
|
|
327
327
|
onTctClick: () => this.onScrollBtnClick("right")
|
|
328
328
|
}, r("q2-icon", {
|
|
329
|
-
key: "
|
|
329
|
+
key: "a1641d530c74285bc7e36e3b43a8a37a4292ccba",
|
|
330
330
|
type: "chevron-right"
|
|
331
331
|
}))), r("ul", {
|
|
332
|
-
key: "
|
|
332
|
+
key: "3f7359edc49e615acc1eb9296537f5eb27fea68b",
|
|
333
333
|
onScroll: this.checkScrollState,
|
|
334
334
|
ref: t => this.listElement = t,
|
|
335
335
|
role: "tablist"
|
|
336
336
|
}, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), r("div", {
|
|
337
|
-
key: "
|
|
337
|
+
key: "c54a3fa9a910a5bf16e8fa0622c8b81d1631c38b",
|
|
338
338
|
role: "list"
|
|
339
339
|
}, r("slot", {
|
|
340
|
-
key: "
|
|
340
|
+
key: "f58510d079329d251e6c92bdee54151cdee699bf",
|
|
341
341
|
onSlotchange: () => this.onSlotChange()
|
|
342
342
|
})));
|
|
343
343
|
}
|
|
@@ -2,9 +2,9 @@ import { r as t, c as a, h as e, F as i, g as r } from "./index-CGkHOjh1.js";
|
|
|
2
2
|
|
|
3
3
|
import { c as o, l as n, o as s, i as c } from "./index-C4PILj1_.js";
|
|
4
4
|
|
|
5
|
-
import { m as
|
|
5
|
+
import { m as l } from "./mirror-emit-DUjY_ucm.js";
|
|
6
6
|
|
|
7
|
-
import { h as
|
|
7
|
+
import { h as b, f as d } from "./component-DVxzK3WH.js";
|
|
8
8
|
|
|
9
9
|
const h = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{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:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin, 0));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom-width:var(--tct-tab-container-border-width, 1px);border-bottom-style:var(--tct-tab-container-border-style, solid);border-bottom-color:var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-background, var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent)));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));line-height:var(--tct-tab-line-height, 20px);display:block;transition:background var(--t-tween-ease-inout) var(--t-tween-time-in-xxs), color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs), border-color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs)}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:var(--tct-tab-section-font-size, 14px);line-height:var(--tct-tab-section-line-height, 18px);padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:focus-visible{box-shadow:var(--tct-tab-focus-visible-box-shadow, var(--const-double-focus-ring))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background:var(--tct-tab-hover-background, var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit)));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentcolor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background:var(--tct-tab-active-background, var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit)));text-decoration:var(--tct-tab-active-text-decoration, none)}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-container-content-padding, var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding))));background:var(--tct-tab-container-content-backgrond, none)}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";
|
|
10
10
|
|
|
@@ -92,7 +92,7 @@ const v = class {
|
|
|
92
92
|
const a = t.target.closest('button[role="tab"]').dataset.value;
|
|
93
93
|
const e = this.value === a;
|
|
94
94
|
if (e) return;
|
|
95
|
-
|
|
95
|
+
l(this, [ "change", "tctChange" ], {
|
|
96
96
|
value: a
|
|
97
97
|
});
|
|
98
98
|
};
|
|
@@ -122,7 +122,7 @@ const v = class {
|
|
|
122
122
|
case "Space":
|
|
123
123
|
case "Enter":
|
|
124
124
|
t.preventDefault();
|
|
125
|
-
|
|
125
|
+
l(this, [ "change", "tctChange" ], {
|
|
126
126
|
value: a
|
|
127
127
|
});
|
|
128
128
|
break;
|
|
@@ -167,7 +167,7 @@ const v = class {
|
|
|
167
167
|
this.mutationObserver = null;
|
|
168
168
|
}
|
|
169
169
|
componentWillLoad() {
|
|
170
|
-
if (!
|
|
170
|
+
if (!b(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ])) {
|
|
171
171
|
d(this.hostElement, [ "q2-tab-pane", "tecton-tab-pane" ]);
|
|
172
172
|
}
|
|
173
173
|
const t = new MutationObserver((() => this.updateTabs()));
|
|
@@ -292,49 +292,49 @@ const v = class {
|
|
|
292
292
|
}
|
|
293
293
|
render() {
|
|
294
294
|
return e(i, {
|
|
295
|
-
key: "
|
|
295
|
+
key: "c5efef8307eeed7d15fa97b5a9047f4fc3ceae35"
|
|
296
296
|
}, e("div", {
|
|
297
|
-
key: "
|
|
297
|
+
key: "55200a6028630d7e70f116ace930a09820c096ce",
|
|
298
298
|
class: "tab-container"
|
|
299
299
|
}, this.scrollEnabled && e(i, {
|
|
300
|
-
key: "
|
|
300
|
+
key: "c4b8b65a9a4309d5e64a7e25532d63a9d5f6c94a"
|
|
301
301
|
}, e("div", {
|
|
302
|
-
key: "
|
|
302
|
+
key: "8696d2ac259cf64e45f9b709a1ff803efb05c628",
|
|
303
303
|
class: "gradient-left",
|
|
304
304
|
hidden: !this.showScrollLeft
|
|
305
305
|
}), e("div", {
|
|
306
|
-
key: "
|
|
306
|
+
key: "9dec12e80440127cf874ff19c409fdd431acaad6",
|
|
307
307
|
class: "gradient-right",
|
|
308
308
|
hidden: !this.showScrollRight
|
|
309
309
|
}), e("q2-btn", {
|
|
310
|
-
key: "
|
|
310
|
+
key: "5e5da65b962028501f8d2f81d23982ff9bbcab93",
|
|
311
311
|
class: "btn-left",
|
|
312
312
|
hidden: !this.showScrollLeft,
|
|
313
313
|
onTctClick: () => this.onScrollBtnClick("left")
|
|
314
314
|
}, e("q2-icon", {
|
|
315
|
-
key: "
|
|
315
|
+
key: "10647cdbf45e406fd74521657db1d54d896edbcf",
|
|
316
316
|
type: "chevron-left",
|
|
317
317
|
label: "scroll left"
|
|
318
318
|
})), e("q2-btn", {
|
|
319
|
-
key: "
|
|
319
|
+
key: "be6a46650c0e1b465589a1aeacf57ca54d19ddcf",
|
|
320
320
|
class: "btn-right",
|
|
321
321
|
hidden: !this.showScrollRight,
|
|
322
322
|
onTctClick: () => this.onScrollBtnClick("right")
|
|
323
323
|
}, e("q2-icon", {
|
|
324
|
-
key: "
|
|
324
|
+
key: "fa5f6c394e07b52dd6ec84d161d395d9f09bac75",
|
|
325
325
|
type: "chevron-right",
|
|
326
326
|
label: "scroll right"
|
|
327
327
|
}))), e("ul", {
|
|
328
|
-
key: "
|
|
328
|
+
key: "187492abc7df25789f0caef9afa6c8c9532b3a06",
|
|
329
329
|
onScroll: this.checkScrollState,
|
|
330
330
|
ref: t => this.listElement = t,
|
|
331
331
|
class: this.noPrint ? "no-print" : null,
|
|
332
332
|
role: "tablist"
|
|
333
333
|
}, this.tabs.map(((t, a) => this.renderTab(t, a))))), e("div", {
|
|
334
|
-
key: "
|
|
334
|
+
key: "5d703304c29dbbb30264f23b2596ea9f872a15f4",
|
|
335
335
|
class: "tab-content"
|
|
336
336
|
}, e("slot", {
|
|
337
|
-
key: "
|
|
337
|
+
key: "8d3a5a5b7df932e558fbed17c87a6e8365b51516",
|
|
338
338
|
onSlotchange: () => this.onSlotChange()
|
|
339
339
|
})));
|
|
340
340
|
}
|
|
@@ -23,7 +23,7 @@ const s = class {
|
|
|
23
23
|
// #region Render Methods
|
|
24
24
|
render() {
|
|
25
25
|
return i("div", {
|
|
26
|
-
key: "
|
|
26
|
+
key: "9e30ea978de56faef92a68fe53d20bb3c691472e",
|
|
27
27
|
id: `tab-pane-${this.guid}-${this.index}`,
|
|
28
28
|
class: `tab-pane${this.selected ? "" : " hidden"}`,
|
|
29
29
|
role: "tabpanel",
|
|
@@ -31,7 +31,7 @@ const s = class {
|
|
|
31
31
|
"aria-hidden": `${!this.selected}`,
|
|
32
32
|
"aria-labelledby": `tab-${this.guid}-${this.index}`
|
|
33
33
|
}, i("slot", {
|
|
34
|
-
key: "
|
|
34
|
+
key: "0e89751c2212dfb0a7668c7cb720460022960618"
|
|
35
35
|
}));
|
|
36
36
|
}
|
|
37
37
|
get hostElement() {
|