q2-tecton-elements 1.55.3 → 1.55.4
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 +299 -299
- package/dist/cjs/{index-f69742cf.js → index-e0aba375.js} +1 -1
- package/dist/cjs/{index-f69742cf.js.map → index-e0aba375.js.map} +1 -1
- package/dist/cjs/q2-action-group.cjs.entry.js +1 -1
- 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-badge_7.cjs.entry.js +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +2 -2
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- 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 +2 -2
- package/dist/cjs/q2-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/q2-checkbox.cjs.entry.js.map +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 +2 -2
- package/dist/cjs/q2-form.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/q2-item_3.cjs.entry.js +2 -2
- package/dist/cjs/q2-legend.cjs.entry.js +1 -1
- package/dist/cjs/q2-message.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-optgroup.cjs.entry.js +1 -1
- package/dist/cjs/q2-option-list_2.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/q2-resize-observer.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +2 -2
- package/dist/cjs/q2-select.cjs.entry.js +2 -2
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +6 -6
- 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-calendar.js +1 -1
- package/dist/collection/components/q2-calendar/q2-month-picker.js +2 -2
- package/dist/collection/components/q2-carousel/q2-carousel.js +1 -1
- 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 +1 -1
- package/dist/collection/components/q2-checkbox/q2-checkbox.js +1 -1
- package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.css +0 -5
- package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.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 +8 -8
- 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-file-picker/q2-file-picker.js +5 -5
- package/dist/collection/components/q2-form/q2-form.css +0 -1
- package/dist/collection/components/q2-form/q2-form.js +1 -1
- package/dist/collection/components/q2-form/test/q2-form-test.e2e.js +24 -4
- package/dist/collection/components/q2-form/test/q2-form-test.e2e.js.map +1 -1
- package/dist/collection/components/q2-formatted-text/q2-formatted-text.js +1 -1
- package/dist/collection/components/q2-input/q2-input.js +2 -2
- 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-modal/q2-modal.js +1 -1
- package/dist/collection/components/q2-optgroup/q2-optgroup.js +1 -1
- package/dist/collection/components/q2-option-list/q2-option-list.js +7 -7
- 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 +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 +2 -2
- package/dist/collection/components/q2-stepper/q2-stepper.js +1 -1
- package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.js +3 -3
- package/dist/collection/components/q2-textarea/q2-textarea.js +1 -1
- 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-calendar.js +1 -1
- package/dist/components/q2-carousel-pane.js +2 -2
- package/dist/components/q2-carousel.js +1 -1
- 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 +2 -2
- package/dist/components/q2-checkbox-group.js.map +1 -1
- package/dist/components/q2-checkbox2.js +2 -2
- package/dist/components/q2-checkbox2.js.map +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 +2 -2
- package/dist/components/q2-form.js.map +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-modal.js +1 -1
- package/dist/components/q2-month-picker.js +2 -2
- package/dist/components/q2-optgroup2.js +1 -1
- package/dist/components/q2-option-list2.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 +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 +2 -2
- package/dist/components/q2-stepper-pane.js +1 -1
- package/dist/components/q2-stepper.js +1 -1
- package/dist/components/q2-textarea.js +1 -1
- package/dist/esm/{index-3184c760.js → index-3bb7a785.js} +1 -1
- package/dist/esm/{index-3184c760.js.map → index-3bb7a785.js.map} +1 -1
- package/dist/esm/q2-action-group.entry.js +1 -1
- package/dist/esm/q2-action-sheet.entry.js +1 -1
- package/dist/esm/q2-avatar.entry.js +1 -1
- package/dist/esm/q2-badge_7.entry.js +1 -1
- package/dist/esm/q2-calendar.entry.js +2 -2
- package/dist/esm/q2-carousel-pane.entry.js +2 -2
- package/dist/esm/q2-carousel.entry.js +1 -1
- 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 +2 -2
- package/dist/esm/q2-checkbox-group.entry.js.map +1 -1
- package/dist/esm/q2-checkbox.entry.js +2 -2
- package/dist/esm/q2-checkbox.entry.js.map +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 +2 -2
- package/dist/esm/q2-form.entry.js.map +1 -1
- package/dist/esm/q2-formatted-text.entry.js +1 -1
- package/dist/esm/q2-item_3.entry.js +2 -2
- package/dist/esm/q2-legend.entry.js +1 -1
- package/dist/esm/q2-message.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-optgroup.entry.js +1 -1
- package/dist/esm/q2-option-list_2.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/q2-resize-observer.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +2 -2
- package/dist/esm/q2-select.entry.js +2 -2
- package/dist/esm/q2-stepper-pane.entry.js +1 -1
- package/dist/esm/q2-stepper.entry.js +1 -1
- package/dist/esm/q2-textarea.entry.js +1 -1
- package/dist/q2-tecton-elements/{index-3184c760.js → index-3bb7a785.js} +1 -1
- package/dist/q2-tecton-elements/q2-action-group.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-action-sheet.entry.js +62 -62
- package/dist/q2-tecton-elements/q2-avatar.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-badge_7.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-calendar.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-carousel-pane.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-carousel.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-chart-area.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-chart-bar.entry.js +79 -79
- package/dist/q2-tecton-elements/q2-chart-donut.entry.js +100 -100
- package/dist/q2-tecton-elements/q2-checkbox-group.entry.js +11 -11
- package/dist/q2-tecton-elements/q2-checkbox-group.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-checkbox.entry.js +8 -8
- package/dist/q2-tecton-elements/q2-checkbox.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-currency.entry.js +6 -6
- 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 +5 -5
- 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 +10 -10
- package/dist/q2-tecton-elements/q2-form.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-formatted-text.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-item_3.entry.js +21 -21
- package/dist/q2-tecton-elements/q2-legend.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-message.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-modal.entry.js +17 -17
- package/dist/q2-tecton-elements/q2-month-picker.entry.js +30 -30
- package/dist/q2-tecton-elements/q2-optgroup.entry.js +4 -4
- package/dist/q2-tecton-elements/q2-option-list_2.entry.js +7 -7
- package/dist/q2-tecton-elements/q2-pagination.entry.js +33 -33
- package/dist/q2-tecton-elements/q2-pill.entry.js +13 -13
- package/dist/q2-tecton-elements/q2-radio-group.entry.js +33 -33
- package/dist/q2-tecton-elements/q2-radio.entry.js +8 -8
- package/dist/q2-tecton-elements/q2-relative-time.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-resize-observer.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-section.entry.js +11 -11
- package/dist/q2-tecton-elements/q2-select.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-stepper-pane.entry.js +11 -11
- package/dist/q2-tecton-elements/q2-stepper.entry.js +20 -20
- package/dist/q2-tecton-elements/q2-textarea.entry.js +2 -2
- package/dist/types/components/q2-action-group/q2-action-group.d.ts +0 -1
- package/dist/types/components/q2-loading/skeleton/shapes.d.ts +0 -1
- package/dist/types/components/q2-optgroup/q2-optgroup.d.ts +1 -1
- package/dist/types/components/q2-tab-container/q2-tab-container.d.ts +2 -2
- package/package.json +3 -4
- package/dist/types/components/q2-action-sheet/q2-action-sheet.d.ts +0 -60
- package/dist/types/components/q2-calendar/q2-calendar.d.ts +0 -327
- package/dist/types/components/q2-carousel/q2-carousel.d.ts +0 -95
- package/dist/types/components/q2-data-table/q2-data-table.d.ts +0 -261
- package/dist/types/components/q2-dropdown/q2-dropdown.d.ts +0 -181
- package/dist/types/components/q2-editable-field/q2-editable-field.d.ts +0 -140
- package/dist/types/components/q2-option-list/q2-option-list.d.ts +0 -100
- package/dist/types/components/q2-pagination/q2-pagination.d.ts +0 -117
- package/dist/types/components/q2-pill/q2-pill.d.ts +0 -143
- package/dist/types/components/q2-select/q2-select.d.ts +0 -238
- package/dist/types/components/q2-stepper/q2-stepper.d.ts +0 -61
- package/dist/types/components/q2-stepper-vertical/q2-stepper-vertical.d.ts +0 -68
- package/dist/types/components/q2-tag/q2-tag.d.ts +0 -91
- package/dist/types/utils/action-sheet.d.ts +0 -12
- /package/dist/q2-tecton-elements/{index-3184c760.js.map → index-3bb7a785.js.map} +0 -0
- /package/dist/types/{builds/q2e/development/tecton/tecton → Users/kvanhouten/Documents/Work/tecton_extra}/packages/q2-tecton-elements/.stencil/jest.setup.d.ts +0 -0
|
@@ -217,7 +217,7 @@ const Q2EditableField = class {
|
|
|
217
217
|
// #endregion
|
|
218
218
|
// #region Render Methods
|
|
219
219
|
render() {
|
|
220
|
-
return (index.h("div", { key: '
|
|
220
|
+
return (index.h("div", { key: 'e4537652284887776f863a690eef445a3bdaa3c6' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
|
|
221
221
|
}
|
|
222
222
|
get hostElement() { return index.getElement(this); }
|
|
223
223
|
static get watchers() { return {
|
|
@@ -130,7 +130,7 @@ const Q2Example = class {
|
|
|
130
130
|
}, onClick: () => this.tctClick.emit(), role: "menu" }, index.h("slot", null))));
|
|
131
131
|
}
|
|
132
132
|
render() {
|
|
133
|
-
return index.h(index.Host, { key: '
|
|
133
|
+
return index.h(index.Host, { key: 'a89b3080a47ebc5401317f5620c918ff2c34bac2', attribute: "navigation" }, this.renderMenuInner());
|
|
134
134
|
}
|
|
135
135
|
get el() { return index.getElement(this); }
|
|
136
136
|
static get watchers() { return {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e7e68b1e.js');
|
|
6
6
|
|
|
7
|
-
const q2FormCss = "*{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}.container{--tct-input-margin:var(--comp-spacing);--tct-select-margin:var(--comp-spacing);--tct-calendar-margin:var(--comp-spacing);--tct-file-picker-margin:var(--comp-spacing);--tct-textarea-margin:var(--comp-spacing);--tct-checkbox-
|
|
7
|
+
const q2FormCss = "*{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}.container{--tct-input-margin:var(--comp-spacing);--tct-select-margin:var(--comp-spacing);--tct-calendar-margin:var(--comp-spacing);--tct-file-picker-margin:var(--comp-spacing);--tct-textarea-margin:var(--comp-spacing);--tct-checkbox-group-margin:var(--comp-spacing);--tct-radio-group-margin:var(--comp-spacing)}:host([spacing=none]) .container{--comp-spacing-none:var(--app-scale-0x, 0px);--comp-spacing:var(--tct-form-spacing-none, var(--comp-spacing-none) 0)}:host([spacing=compact]) .container{--comp-spacing-compact:var(--app-scale-3x, 15px);--comp-spacing:var(--tct-form-spacing-compact, var(--comp-spacing-compact) 0)}:host(:not([spacing]),[spacing=normal]) .container{--comp-spacing-normal:var(--app-scale-5x, 25px);--comp-spacing:var(--tct-form-spacing-normal, var(--comp-spacing-normal) 0)}:host([spacing=comfortable]) .container{--comp-spacing-comfortable:var(--app-scale-7x, 35px);--comp-spacing:var(--tct-form-spacing-comfortable, var(--comp-spacing-comfortable) 0)}";
|
|
8
8
|
const Q2FormStyle0 = q2FormCss;
|
|
9
9
|
|
|
10
10
|
const Q2Checkbox = class {
|
|
@@ -13,7 +13,7 @@ const Q2Checkbox = class {
|
|
|
13
13
|
this.spacing = 'normal';
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h("div", { key: '
|
|
16
|
+
return (index.h("div", { key: '377fbc8245a6d6734536a37f3d733384801fd00b', class: "container" }, index.h("slot", { key: '73d1054f5ca1af44c78a4f85b1009143989a5530' })));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
Q2Checkbox.style = Q2FormStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"q2-form.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,
|
|
1
|
+
{"file":"q2-form.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,4mDAA4mD,CAAC;AAC/nD,qBAAe,SAAS;;MCEX,UAAU;;;uBAE+D,QAAQ;;IAE1F,MAAM;QACF,QACIA,kEAAK,KAAK,EAAC,WAAW,IAClBA,oEAAQ,CACN,EACR;KACL;;;;;;","names":["h"],"sources":["src/components/q2-form/q2-form.scss?tag=q2-form&encapsulation=shadow","src/components/q2-form/q2-form.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n.container {\n :host([spacing='none']) & {\n --comp-spacing-none: #{var-list(--app-scale-0x, 0px)};\n --comp-spacing: #{var-list(--tct-form-spacing-none, unquote('var(--comp-spacing-none) 0'))};\n }\n :host([spacing='compact']) & {\n --comp-spacing-compact: #{var-list(--app-scale-3x, 15px)};\n --comp-spacing: #{var-list(--tct-form-spacing-compact, unquote('var(--comp-spacing-compact) 0'))};\n }\n :host(:not([spacing]), [spacing='normal']) & {\n --comp-spacing-normal: #{var-list(--app-scale-5x, 25px)};\n --comp-spacing: #{var-list(--tct-form-spacing-normal, unquote('var(--comp-spacing-normal) 0'))};\n }\n\n :host([spacing='comfortable']) & {\n --comp-spacing-comfortable: #{var-list(--app-scale-7x, 35px)};\n --comp-spacing: #{var-list(--tct-form-spacing-comfortable, unquote('var(--comp-spacing-comfortable) 0'))};\n }\n\n --tct-input-margin: var(--comp-spacing);\n --tct-select-margin: var(--comp-spacing);\n --tct-calendar-margin: var(--comp-spacing);\n --tct-file-picker-margin: var(--comp-spacing);\n --tct-textarea-margin: var(--comp-spacing);\n --tct-checkbox-group-margin: var(--comp-spacing);\n --tct-radio-group-margin: var(--comp-spacing);\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\n\n@Component({ tag: 'q2-form', shadow: true, styleUrl: 'q2-form.scss' })\nexport class Q2Checkbox implements ComponentInterface {\n /** Changes the vertical spacing of the form-fields contained within the component's slot */\n @Prop({ reflect: true }) spacing: 'none' | 'compact' | 'normal' | 'comfortable' = 'normal';\n\n render() {\n return (\n <div class=\"container\">\n <slot />\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -55,7 +55,7 @@ const Q2FormattedText = class {
|
|
|
55
55
|
// #region Render Methods
|
|
56
56
|
render() {
|
|
57
57
|
const { formattedTextClasses } = this;
|
|
58
|
-
return (index.h("div", { key: '
|
|
58
|
+
return (index.h("div", { key: '29aac8ea5e737d01243d42d0a9790d18a11f768c', class: formattedTextClasses, "aria-label": this.formattedValue }, index.h("span", { key: '613fe3f2d365edd4a2ffefd37ac2ec4f05220978' }, this.formattedValue)));
|
|
59
59
|
}
|
|
60
60
|
static get watchers() { return {
|
|
61
61
|
"value": ["propsUpdated"],
|
|
@@ -109,7 +109,7 @@ const Q2Item = class {
|
|
|
109
109
|
// #region Render Methods
|
|
110
110
|
render() {
|
|
111
111
|
const { clickable } = this;
|
|
112
|
-
return (index.h("div", { key: '
|
|
112
|
+
return (index.h("div", { key: '4afba65f3586f010f5e6f6faa72ab04d6ec79fb8', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (index.h("div", { key: '778ec58acfdc9a57662cb070028c5efbaced8056', class: this.bulletClasses }, index.h("slot", { key: '6429ec996adb7b400f7dbc37e66196394b2e4c5d', name: "bullet" }))), index.h("div", { key: '2a81129ad24d95857183c72813d60eb785ee1b2d', class: this.mainClasses }, this.hasHeaderSlotContent && (index.h("div", { key: '53315a1d62bc8ffc6f2f910e881659d61c670fbf', class: "header" }, index.h("slot", { key: 'a11063eda67cd353a7742397a4701c7939193d09', name: "header" }))), this.hasBodySlotContent && (index.h("div", { key: '903998a8a296b11c60ce105b6bb181badee3580c', class: "body" }, index.h("slot", { key: 'c47b8387918feea518d56b25d2f4770a1cae9c00', name: "body" })))), this.hasActionSlotContent && (index.h("div", { key: '7b44a3c72b6d8cca1b409b9a37764a317ba8acb7', class: this.actionClasses }, index.h("slot", { key: 'ea50fb238aeae9c96276cf53234cfe2bdea55b42', name: "action" }))), this.hasFooterSlotContent && (index.h("div", { key: '636e87198073af605443840a79ef2640ad7d4552', class: this.footerClasses }, index.h("slot", { key: '9b9112e049d8e6f2d5983ad499ad27ee6ec08b14', name: "footer" })))));
|
|
113
113
|
}
|
|
114
114
|
get hostElement() { return index.getElement(this); }
|
|
115
115
|
};
|
|
@@ -238,7 +238,7 @@ const Q2List = class {
|
|
|
238
238
|
// #endregion
|
|
239
239
|
// #region Render Methods
|
|
240
240
|
render() {
|
|
241
|
-
return (index.h("div", { key: '
|
|
241
|
+
return (index.h("div", { key: '815b7bb01cdd74d76d2390a9e969484189682c6b', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (index.h("div", { key: '3495d4aa9461d655f0c5bf5c67ce26b320324675', class: this.headerClasses }, index.h("div", { key: '9b5f21524fc50f41a38b7ff234cca04142e4783b', class: "label" }, this.label), this.hasFilterSlot && index.h("slot", { key: '4765b21b09161cad072e90f351e55d210c07a33c', name: "filter" }))), index.h("div", { key: '9157531d4ee7d3362fd23ae665dcc8f4ca28fd8d', role: "list" }, index.h("slot", { key: '6cfa2724ee61b1b2271d673b6b71113e7bfd06e7' }))));
|
|
242
242
|
}
|
|
243
243
|
get hostElement() { return index.getElement(this); }
|
|
244
244
|
};
|
|
@@ -106,7 +106,7 @@ const Q2Legend = class {
|
|
|
106
106
|
// #endregion
|
|
107
107
|
// #region Render Methods
|
|
108
108
|
render() {
|
|
109
|
-
return (index.h("click-elsewhere", { key: '
|
|
109
|
+
return (index.h("click-elsewhere", { key: '1253e1dba3334134aa16432ef4dd7e71a87d1420', onChange: () => this.onClickElsewhere(this) }, index.h("ul", { key: 'd9252af5543da55989ec69b18b4438624c39a90e' }, this.dataWithClasses.map(item => (index.h("li", { class: "item" }, index.h("button", { "test-id": "item", "aria-label": `${item.name} ${this.formatValue(item.value)}`, class: item.classes, onClick: event => this.onClick(event, item), onMouseEnter: event => this.onMouseEnter(event, item), onMouseLeave: event => this.onMouseLeave(event, item) }, index.h("span", { "test-id": "itemColor", class: "item-color-indicator", style: { backgroundColor: item.color }, "aria-hidden": "true" }), index.h("span", { "test-id": "itemName", class: "item-name" }, item.name), index.h("span", { id: `item-${item.id}`, "test-id": "itemValue", class: "item-value" }, this.formatValue(item.value)))))))));
|
|
110
110
|
}
|
|
111
111
|
static get watchers() { return {
|
|
112
112
|
"hoveredItemId": ["watchHoveredItemId"],
|
|
@@ -66,7 +66,7 @@ const Q2Message = class {
|
|
|
66
66
|
const addDivForAriaLive = !isFirefox && this.presentToggle;
|
|
67
67
|
const { description } = this;
|
|
68
68
|
const messageLabel = index$1.loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
|
|
69
|
-
return (index.h("div", { key: '
|
|
69
|
+
return (index.h("div", { key: 'e74bbda0808b5430f9f3533d5cfe32463c246fb7', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && index.h("div", { key: '11f8a2db8016024dc4cd51567a6e95a1eaea8e75', class: "sr" }), index.h("div", { key: 'e6c4f2f7aff57d19e0da9f5d6240f14ae881ddb8', class: "sr message-label" }, messageLabel), index.h("div", { key: 'e473b74d78048bc8c370f724356066e963b8667e', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, index.h("slot", { key: 'adcaf51ebf8a023b8b1d5a6556c79b3c2b64d8cc' }))));
|
|
70
70
|
}
|
|
71
71
|
get hostElement() { return index.getElement(this); }
|
|
72
72
|
};
|
|
@@ -161,7 +161,7 @@ const Q2Modal = class {
|
|
|
161
161
|
render() {
|
|
162
162
|
const interiorClasses = `interior`;
|
|
163
163
|
const renderStatus = `${this.renderStatus || ''}`;
|
|
164
|
-
return (index.h("dialog", { key: '
|
|
164
|
+
return (index.h("dialog", { key: '23605420f182cf36687c22f5d9a25512fe12aa1f', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, index.h("div", { key: 'e0bd45778d125c39028e9a7e999b36cdd920d471', class: interiorClasses }, this.title && (index.h("header", { key: '4658009b1bd010941c7d3128306ab44a1da80194' }, this.title && index.h("h2", { key: 'ec33e00aa837cd0033f3a5f84f292ee7fb59fb45', class: "title" }, this.title), !!this.closable && (index.h("q2-btn", { key: '19a02dda7a62729b20d79d7b380ac5225427a25b', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, index.h("q2-icon", { key: '513d17ba802c6681ec399e44fc07180568695cfb', type: "close" }))))), index.h("div", { key: 'd291afd421f5a4f4bcccb1e7762cf633f84ffce2', class: "content", ref: el => (this.contentElement = el) }, this.icon && (index.h("div", { key: '3e4256c22f6b1a0c4da33c6e950ad682115c0be8', class: "icon" }, index.h("q2-icon", { key: '9440c8af3d66157a1f66dbdbc15490e61d086ca8', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (index.h("div", { key: 'a6a8451fea0accc0ebf1236bce6581db59af53e8', class: "image" }, index.h("img", { key: 'a512e1803682e81187647ecddc8ac77d0d07240c', src: this.imageSrc }))), index$1.hasSlotContent(this.hostElement, 'content') && index.h("slot", { key: '128d28110b50319c978b96598f73b204a8b36c68', name: "content" }), this.description && index.h("p", { key: '498bc624e6187e76365d03e50ad7aeaed23c9a18', class: "description" }, this.description), this.customMarkup && (index.h("p", { key: '68c58bc1abbf26ed2729fd420b56db3e8b8cce10', class: "customMarkup", innerHTML: sanitizeHtmlString.sanitizeHTMLString(this.customMarkup) }))), index.h("footer", { key: '090a95b0eae17b929781cea8292cc531f67f0cb7' }, index.h("q2-action-group", { key: 'f2b72a7b97df9771be3eeb7d09d8baca6522a2f6', "full-width": true }, index.h("slot", { key: 'b6eca7b862e41fecd08516ade207a6d444c08ed3', name: "action" }))))));
|
|
165
165
|
}
|
|
166
166
|
get hostElement() { return index.getElement(this); }
|
|
167
167
|
};
|
|
@@ -145,10 +145,10 @@ const Q2MonthPicker = class {
|
|
|
145
145
|
// #endregion
|
|
146
146
|
// #region Render Methods
|
|
147
147
|
render() {
|
|
148
|
-
return (index.h("div", { key: '
|
|
148
|
+
return (index.h("div", { key: 'ef6f597bba438aaab680e81a46ead6824194be0b', class: "month-container", onKeyDown: this.onMonthKeydown }, index.h("div", { key: '47704b17e8e57736008bef75949940f45d9904f4', class: "navigation" }, index.h("q2-btn", { key: 'b93c143037130d7e7045ac0b6f9c3c9998b8fb71', class: "year-btn", onClick: () => this.viewChange.emit({
|
|
149
149
|
view: 'year',
|
|
150
150
|
selectedYear: this.year,
|
|
151
|
-
}) }, index.h("span", { key: '
|
|
151
|
+
}) }, index.h("span", { key: '5a955a89a4d24dca59bd3edcecdb3a183c6ee266', class: "year" }, this.year), index.h("q2-icon", { key: 'b1edd309501caa293294d1768324672737d7486b', class: "year-icon off", type: "chevron-down" })), index.h("div", { key: '307a38769bc318dc2b60f0c71cb50699d23c0b74', class: "month-controller" }, index.h("div", { key: 'e4248e62e113e5984220ebdb065c682b1e049214', class: "cal-year-prev-next" }, index.h("q2-btn", { key: '05845d8ec8daf805acb89f34867a0d6bba84b35f', label: index$1.loc('tecton.element.calendar.previousYear'), "hide-label": true, class: "cal-nav-btn prev-year", "test-id": "previousYearButton", onClick: () => this.selectYear(this.year - 1) }, index.h("q2-icon", { key: 'e986148af0f9952a60910669e5b39280d31bc3bd', type: "arrow-left" })), index.h("q2-btn", { key: 'f1f05af3e9e4b570d738e91dbdbb6560e69c171b', label: index$1.loc('tecton.element.calendar.nextYear'), "hide-label": true, class: "cal-nav-btn next-year", "test-id": "nextYearButton", onClick: () => this.selectYear(this.year + 1) }, index.h("q2-icon", { key: '0a4d0689881d13b43be98df62bd96b008c88b891', type: "arrow-right" }))))), index.h("div", { key: 'f80c97d98668100e9e086f5d665e881127ddd39d', class: "month-list", onClick: this.onMonthSelection }, this.months.map((month, index$1) => (index.h("div", { class: "month" }, index.h("span", { role: "button", class: "month-button", "data-index": index$1, "aria-label": month.label, tabindex: index$1 === this.focusedIndex ? 0 : -1 }, month.abbr))))), this.today && (index.h("div", { key: '83ddc501e823cf58e07784cae545a1a473ae263c', class: "today-label" }, index$1.loc('tecton.element.calendar.today'), ": ", this.today))));
|
|
152
152
|
}
|
|
153
153
|
get hostElement() { return index.getElement(this); }
|
|
154
154
|
};
|
|
@@ -53,7 +53,7 @@ const Q2Optgroup = class {
|
|
|
53
53
|
// #endregion
|
|
54
54
|
// #region Render Methods
|
|
55
55
|
render() {
|
|
56
|
-
return (index.h("div", { key: '
|
|
56
|
+
return (index.h("div", { key: 'ac0997f3f9bd1b65dced4ac274c3f51a72b41858', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, index.h("div", { key: 'a5b2c9d4c9e506f925fad95b272994516e8a6e39', class: "q2-optgroup-header", id: this.headerId }, (this.label && index$1.loc(this.label)) || ''), index.h("div", { key: 'bbbb697d598f71a7cf2ced1a59fbba713c9a7986', class: "q2-optgroup-options" }, index.h("slot", { key: '8e7fef13eb234ce7104fa4ce8227cf7792f4f9b6' }))));
|
|
57
57
|
}
|
|
58
58
|
get hostElement() { return index.getElement(this); }
|
|
59
59
|
static get watchers() { return {
|
|
@@ -577,7 +577,7 @@ const Q2OptionList = class {
|
|
|
577
577
|
// #endregion
|
|
578
578
|
// #region Render Methods
|
|
579
579
|
render() {
|
|
580
|
-
return (index.h(index.Host, { key: '
|
|
580
|
+
return (index.h(index.Host, { key: '608fc11b974c992855405ddd47cb340bde6be3dc' }, index.h("div", { key: 'a1cc689919b7099c559aa372adade9973aaad1d3', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, index.h("div", { key: 'b68880e08145e4f055736b1e08d9e2da22cb10ef', class: "options", "aria-label": index$1.loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": `${!!this.multiple}`, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, index.h("slot", { key: '3b0cf3b91296b54c060d0ab23b99dbe0630b6336' })))));
|
|
581
581
|
}
|
|
582
582
|
get hostElement() { return index.getElement(this); }
|
|
583
583
|
static get watchers() { return {
|
|
@@ -885,7 +885,7 @@ const Q2Popover = class {
|
|
|
885
885
|
containerClasses.push('show');
|
|
886
886
|
if (this.mode === 'legacy')
|
|
887
887
|
containerClasses.push('legacy');
|
|
888
|
-
return (index.h("div", { key: '
|
|
888
|
+
return (index.h("div", { key: '7f8b390b6a1e7fd2b17603fb803591fd1cb62ba4', ref: el => (this.containerElement = el), class: containerClasses.join(' '), "test-id": "outerContainer", tabIndex: -1 }, index.h("div", { key: '878b6b01de37233ce5cd9f36b694fad89d599b3e', ref: el => (this.contentElement = el), class: "content" }, index.h("slot", { key: '83b9de3b4fe050d82d9473cc098bd599fe5c645b' }))));
|
|
889
889
|
}
|
|
890
890
|
get hostElement() { return index.getElement(this); }
|
|
891
891
|
static get watchers() { return {
|
|
@@ -266,7 +266,7 @@ const Q2Pagination = class {
|
|
|
266
266
|
total,
|
|
267
267
|
});
|
|
268
268
|
}
|
|
269
|
-
return (index.h("nav", { key: '
|
|
269
|
+
return (index.h("nav", { key: 'e18f02a628ca1451833e97815e058fdc1517b7c5', class: "container", ref: el => (this.containerElement = el), "aria-label": index$1.loc('tecton.element.pagination.title') }, index.h("div", { key: '8801238ba154a24bcd118cf509091db356b0a1d1', class: "description", "test-id": "description" }, pagesOnly
|
|
270
270
|
? index$1.loc('tecton.element.pagination.pages', {
|
|
271
271
|
current: page,
|
|
272
272
|
total: totalPages,
|
|
@@ -275,10 +275,10 @@ const Q2Pagination = class {
|
|
|
275
275
|
range: currentRange,
|
|
276
276
|
recordType: recordType.toLowerCase(),
|
|
277
277
|
total: total.toLocaleString(),
|
|
278
|
-
})), index.h("div", { key: '
|
|
278
|
+
})), index.h("div", { key: '8a0cf0a8b262edaf0077a355c71879744f76430b', class: "btn-group" }, index.h("q2-btn", { key: 'f6f72d75981cbc97fe6fd7fd716f5d92bd16ca9d', ref: el => (this.firstPageBtn = el), label: index$1.loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, index.h("q2-icon", { key: '0ff61de6fd143ea8ea28ff08f2c22b2c4514cd2f', type: "chevron-double-left" })), index.h("q2-btn", { key: '6c31fb1cfc557a89a3471bae25d09be52897cfb7', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, index.h("q2-icon", { key: '6d0a5e92eff20620045439a95f13683d45b21ee9', type: "chevron-left" }))), index.h("div", { key: '4e7ece9248a798b9cb885f2b2811dbe43c53cc04', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, index.h("span", { key: '00925990c7d99ec9052d50eae011df20c55c0b95', "aria-hidden": "true" }, index$1.loc('tecton.element.pagination.page')), index.h("div", { key: '5f4100b75ac2b1145b9de2d61c4b20eb5f490108', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, index.h("q2-input", { key: 'fcccaf8f66e18aade799cdb031d4109f9844d71f', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${index$1.loc('tecton.element.pagination.page')} (${index$1.loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
|
|
279
279
|
event.stopPropagation();
|
|
280
280
|
this.handlePageChange(event.detail.value);
|
|
281
|
-
}, "test-id": "pageInput", current: "page" })), index.h("span", { key: '
|
|
281
|
+
}, "test-id": "pageInput", current: "page" })), index.h("span", { key: 'e0fdad1c715b9769b9c553f94200309f51a86607', "aria-hidden": "true" }, index$1.loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), index.h("div", { key: 'dbe11e2baf541ce460b6337af343a7dc3d118556', class: "btn-group" }, index.h("q2-btn", { key: '4ac8658d56c414ffa1ba221450aa14e3dfc8e0e7', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, index.h("q2-icon", { key: 'e6cbc43459c891d1bc8f54b85c3574d45a5c998b', type: "chevron-right" })), index.h("q2-btn", { key: 'ddafd0e4f3b12898ca349bb2ba94c148cc830214', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, index.h("q2-icon", { key: '7c1f82c1535d8cdbe0de180e7c426de2759bf282', type: "chevron-double-right" }))), index.h("div", { key: 'f27168fdb16b48520a9a3134e6a3db4acd1fa551', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
|
|
282
282
|
}
|
|
283
283
|
get hostElement() { return index.getElement(this); }
|
|
284
284
|
static get watchers() { return {
|
|
@@ -352,7 +352,7 @@ const Q2Pill = class {
|
|
|
352
352
|
wrapperClassNames.push('has-icon');
|
|
353
353
|
if (optionCount)
|
|
354
354
|
wrapperClassNames.push('has-options');
|
|
355
|
-
return (index.h("click-elsewhere", { key: '
|
|
355
|
+
return (index.h("click-elsewhere", { key: '5fe692c7573238a78296f886bd692b0844f895bd', onChange: this.onClickElsewhere }, index.h("div", { key: '8cddac8df3418aca8d04be122b9e6aa48bc74902', class: wrapperClassNames.join(' ') }, index.h("div", { key: 'e745b7a2898c15da468cb0b00046099def363414', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, index.h("button", { key: '522395fae2eee423a40ad74610472d8ce67c3e84', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleFocusOut, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && index.h("span", { key: '6e91c9098217a94765f2f2cc9420257c4d8ad3f5', class: "sr" }, "(", index$1.loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (index.h("q2-popover", { key: '3607af8a2bcf760f2b2a235302a4fd0e28a4561b', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, "max-height": this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, onFocusout: this.handleFocusOut }, index.h("div", { key: '999b8fbfcd6b11ba0aeffc3a5875b6f0a21e955a', class: "popover-content" }, index.h("div", { key: '10bcc35df0240b11da8e5df19db854576fe8dcbd', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, index.h("slot", { key: 'f2ada769ff4352ed962ca937172a8697e3a5b96b', name: "popover-top" })), index.h("q2-option-list", { key: '9b62b035a72927fea994a792630596d84401d8bb', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), label: index$1.loc('tecton.element.optionList.label', [this.optionListLabel]) }, index.h("slot", { key: '1867828a0d847460d0ee6cb55a31114de91e188a' })), index.h("div", { key: 'd25e55fcbc1322bb79a5f61d9f0a957df90c3173', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, index.h("slot", { key: 'cd358ea147bf56405752ec90fa54d21576ba64bc', name: "popover-bottom" })))))));
|
|
356
356
|
}
|
|
357
357
|
get hostElement() { return index.getElement(this); }
|
|
358
358
|
static get watchers() { return {
|
|
@@ -184,7 +184,7 @@ const Q2RadioGroup = class {
|
|
|
184
184
|
const showLabel = this.label || this.optional || this.readonly;
|
|
185
185
|
const { hasError } = this;
|
|
186
186
|
const showLabelRow = (showLabel && !this.hideLabel) || hasError;
|
|
187
|
-
return (index.h(index.Fragment, { key: '
|
|
187
|
+
return (index.h(index.Fragment, { key: '39bfe432997a547e9f29aabc768adfb1da9fac4b' }, showLabelRow && (index.h("div", { key: '1db8455585e6c9e35a59f9c6c7ce4f4d42b6ebf7', class: "label-row" }, showLabel && !this.hideLabel && index.h("div", { key: '1fe134c3173b2fdbf39640bc126540195bf53dbe', class: "group-legend" }, index$1.renderLabel(this)), hasError && (index.h("q2-icon", { key: 'd54e948759c7513c1fbe9cd7c348bdb3fe91eeb4', type: "error", "test-id": "iconError" })))), index.h("fieldset", { key: '67e545eb448161a1dffc6f253c5f380ee8a229b3', onChange: this.onInnerRadioChange, "aria-invalid": hasError ? `${hasError}` : undefined }, showLabel && index.h("legend", { key: 'b82a5b106cbd46552e3b5c85b74aea7c8350e786', class: "sr-only" }, index$1.renderLabel(this)), this.inputDom())));
|
|
188
188
|
}
|
|
189
189
|
get hostElement() { return index.getElement(this); }
|
|
190
190
|
static get watchers() { return {
|
|
@@ -85,7 +85,7 @@ const Q2Radio = class {
|
|
|
85
85
|
// #endregion
|
|
86
86
|
// #region Render Methods
|
|
87
87
|
render() {
|
|
88
|
-
return (index.h("div", { key: '
|
|
88
|
+
return (index.h("div", { key: '5b311e2632f73503ee3e53c23f236be4860f8ce2', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, index.h("input", { key: '3d16a54bc6c2978a38da4693fa5a8d010e99d9ca', ref: el => (this.inputField = el), class: "sr", id: this._id, type: "radio", name: this.name, value: this.value, disabled: this.disabled || this.groupDisabled, checked: this.checked, "aria-label": this.label && this.hideLabel ? index$1.loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), index.h("label", { key: 'eebe718f16014fb72c48aea6278769b38d4a1688', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (index.h("svg", { key: '2dcb05d6c75756087c5798c99c65e87d5ebda3f4', viewBox: "0 0 18 18" }, index.h("circle", { key: 'b808fee3319881566dca584233ca1b284ce8f1a6', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), index.h("circle", { key: '1abc2240fd5145a14586392be4e32bbff1bc16c3', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (index.h("div", { key: 'e42cb0d2c93aa87291ad40fe2b4128ac910d3ee8', class: "label-content" }, (this.label && index$1.loc(this.label)) || '', index.h("slot", { key: 'f850e0414cc02e68fc47840eff256762d8b91c54' }))))));
|
|
89
89
|
}
|
|
90
90
|
get hostElement() { return index.getElement(this); }
|
|
91
91
|
static get watchers() { return {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e7e68b1e.js');
|
|
6
|
-
const index$2 = require('./index-
|
|
6
|
+
const index$2 = require('./index-e0aba375.js');
|
|
7
7
|
const index$1 = require('./index-905f4c87.js');
|
|
8
8
|
|
|
9
9
|
const q2RelativeTimeCss = "*{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}";
|
|
@@ -145,7 +145,7 @@ const Q2RelativeTime = class {
|
|
|
145
145
|
// #region Render Methods
|
|
146
146
|
render() {
|
|
147
147
|
const { shouldShow, displayedMessage } = this;
|
|
148
|
-
return index.h(index.Fragment, { key: '
|
|
148
|
+
return index.h(index.Fragment, { key: 'a455dbdc3b6f4c6ed485ef33ec4569b8079faad5' }, shouldShow ? index.h("time", { dateTime: displayedMessage }, displayedMessage) : null);
|
|
149
149
|
}
|
|
150
150
|
get hostElement() { return index.getElement(this); }
|
|
151
151
|
static get watchers() { return {
|
|
@@ -82,7 +82,7 @@ const Q2ResizeObserver = class {
|
|
|
82
82
|
// #endregion
|
|
83
83
|
// #region Render Methods
|
|
84
84
|
render() {
|
|
85
|
-
return index.h("slot", { key: '
|
|
85
|
+
return index.h("slot", { key: 'a151697c5f85ba063588737fb0cb7b50d6082947', onSlotchange: this.handleSlotChange });
|
|
86
86
|
}
|
|
87
87
|
get hostElement() { return index.getElement(this); }
|
|
88
88
|
static get watchers() { return {
|
|
@@ -194,9 +194,9 @@ const Q2Section = class {
|
|
|
194
194
|
wrapperClasses.push('is-transitioning');
|
|
195
195
|
}
|
|
196
196
|
const showDefaultHeader = !this.hasYieldedHeader && !!this.label;
|
|
197
|
-
return (index.h("section", { key: '
|
|
197
|
+
return (index.h("section", { key: '5222957e3620819b8cf996c0fc286e46fff3bb4d', class: "wrapper" }, index.h("header", { key: 'bf81a872538c66fe3a05c0b5aa764ea44ab9c8a7', class: hasHeader ? 'has-header' : '' }, index.h("div", { key: '62062576c3a87c3dc1c9a81e962e4ed17b1d88e4', class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && index.h("h2", { key: 'e271f9fb1ef49db1a92d5573508b80fe5a1f90b4', class: "title" }, index$1.loc(this.label)), index.h("div", { key: 'c551740a3a5c0b7cb1d641e0901d7f2513fb8113', ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, index.h("slot", { key: '28a448d66c616084273625c1aff12f9f0572f1a0', ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (index.h("q2-btn", { key: '47d51785b31b5193c7dd9bf3b77e14bbc033841a', label: index$1.loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, index.h("q2-icon", { key: 'aaf00f646fb955ef54af0e9137683ca7798702cf', type: "chevron-up" })))), index.h("div", { key: 'a271132f91f52fb9b9fd6074d17dd06d49ac37bb', class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
|
|
198
198
|
height: this.contentHeight,
|
|
199
|
-
} }, index.h("div", { key: '
|
|
199
|
+
} }, index.h("div", { key: '8b283ad5652d583666c9106e920e8854a2a706f1', ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, index.h("slot", { key: '53803361cff5de900da3e2669d564eda1d5bfb35', ref: (el) => (this.contentSlot = el) })))));
|
|
200
200
|
}
|
|
201
201
|
get hostElement() { return index.getElement(this); }
|
|
202
202
|
static get watchers() { return {
|
|
@@ -613,11 +613,11 @@ const Q2Select = class {
|
|
|
613
613
|
}
|
|
614
614
|
render() {
|
|
615
615
|
var _a;
|
|
616
|
-
return (index.h("click-elsewhere", { key: '
|
|
616
|
+
return (index.h("click-elsewhere", { key: '2ef0c7239d7b33f9cce714e3cf0647ff9e947bde', class: this.wrapperClasses, onChange: this.clickedElsewhere }, index.h("div", { key: '3c787cbd45aaf3e9a184cccec58ba8b61c5dba1c', "aria-live": "polite", "aria-atomic": "true", role: "status", class: "sr" }, this.statusMessage), index.h("q2-input", { key: '8fefa7f567d571f4e3a80f5ba8274ecf60e5ab32', ref: el => (this.inputField = el), class: "q2-select-input", label: (this.label && index$1.loc(this.label)) || '', value: this.selectedDisplay, clearable: (this.clearable && (!!this.value || !!((_a = this.selectedOptions) === null || _a === void 0 ? void 0 : _a.length))) || undefined, errors: (Array.isArray(this.errors) &&
|
|
617
617
|
this.errors.length > 0 &&
|
|
618
618
|
this.errors.map(error => index$1.loc(error))) ||
|
|
619
619
|
(this.invalid && ['tecton.element.select.invalid']) ||
|
|
620
|
-
[], disabled: this.disabled, optional: this.optional, readonly: !!this.readonly, placeholder: this.placeholder || undefined, hideLabel: this.hideLabel, ariaExpanded: `${this.open}`, ariaControls: "option-list", ariaHaspopup: "listbox", "test-id": "toggleDropdown", "hide-messages": true, iconRight: "chevron-down", onClick: this.inputClickHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeydownHandler, onFocus: this.inputFocusHandler, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, badgeValue: this.badgeValue, badgeTheme: this.inputFocused ? 'primary' : undefined, _role: "combobox", _preventEntry: !this.searchable }, this.renderCustomDisplay()), index.h("div", { key: '
|
|
620
|
+
[], disabled: this.disabled, optional: this.optional, readonly: !!this.readonly, placeholder: this.placeholder || undefined, hideLabel: this.hideLabel, ariaExpanded: `${this.open}`, ariaControls: "option-list", ariaHaspopup: "listbox", "test-id": "toggleDropdown", "hide-messages": true, iconRight: "chevron-down", onClick: this.inputClickHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeydownHandler, onFocus: this.inputFocusHandler, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, badgeValue: this.badgeValue, badgeTheme: this.inputFocused ? 'primary' : undefined, _role: "combobox", _preventEntry: !this.searchable }, this.renderCustomDisplay()), index.h("div", { key: '875be4ff0cf304bfe81ff8c29c4508bd47d0ff33', class: "custom-display-content", hidden: !this.hasCustomDisplay || !!this.searchText, onClick: this.onCustomDisplayClick }, index.h("slot", { key: '48e9f6f0e9e9cb26835a4c32f0e960ad162688b4', name: "q2-select-display" })), this.renderOptionsDropdown()));
|
|
621
621
|
}
|
|
622
622
|
get hostElement() { return index.getElement(this); }
|
|
623
623
|
static get watchers() { return {
|
|
@@ -76,7 +76,7 @@ const Q2StepperPane = class {
|
|
|
76
76
|
// #region Render Methods
|
|
77
77
|
render() {
|
|
78
78
|
const { label, isActive } = this;
|
|
79
|
-
return (index.h(index.Host, { key: '
|
|
79
|
+
return (index.h(index.Host, { key: '099f264e941e013c0533c52b4e573852a0ae6ea3', role: "listitem" }, index.h(index.Fragment, { key: '20d1d11ba4fcf3f915922d35095b151b94f16480' }, index.h("div", { key: 'cb3c1c97ac77d96ce0299138c067dd62df759636', "aria-label": label && index$1.loc(label), tabindex: "0", hidden: !isActive && !(this.isChildActive && this.showWithChildren) }, index.h("slot", { key: 'fd87a5838f6011c1bb04386397899a45d8e9078e' })), index.h("div", { key: '1b0b6697f2fd732df2fef3f0c41b8b10a56c183e', hidden: true }, index.h("slot", { key: '168bd3a7e57a4fe43fec897c4e758b92dc505971', name: "label", onSlotchange: () => this.contentChange.emit() }), index.h("slot", { key: '2052ed532f9f27aa562b10502c88d1d583d1d73b', name: "description", onSlotchange: () => this.contentChange.emit() })), index.h("slot", { key: '8e6532c40ef987227a81729029e1e1d00329210a', name: "children" }))));
|
|
80
80
|
}
|
|
81
81
|
get hostElement() { return index.getElement(this); }
|
|
82
82
|
static get watchers() { return {
|
|
@@ -253,7 +253,7 @@ const Q2Stepper = class {
|
|
|
253
253
|
const containerClasses = ['step-container'];
|
|
254
254
|
if (scrollEnabled)
|
|
255
255
|
containerClasses.push('has-scroll');
|
|
256
|
-
return (index.h(index.Fragment, { key: '
|
|
256
|
+
return (index.h(index.Fragment, { key: '6e2394578ce0afca6f8664baf75d7a62e292baea' }, index.h("div", { key: '77c6b861e4ba9869422e8d0c941cd6b04af3a03b', class: containerClasses.join(' ') }, scrollEnabled && (index.h(index.Fragment, { key: '166afc15044285df0056d39e27f5bc475a8abf7e' }, index.h("div", { key: 'd79d172b808dac80bf32fd4419bde85b42083cc2', class: "gradient-left", hidden: !showScrollLeft }), index.h("div", { key: '095ea5e0944710606263c6216d1bb88f4535e1ed', class: "gradient-right", hidden: !showScrollRight }), index.h("q2-btn", { key: 'efefd1eced2e7e8f4d1f4e8744183307a066a4f5', class: "btn-left", hideLabel: true, hidden: !this.showScrollLeft, label: index$1.loc('tecton.element.stepper.scrollLeft'), onClick: () => this.onScrollBtnClick('left') }, index.h("q2-icon", { key: 'a72bd965e27344f5ad8ba460f49922f98808d560', type: "chevron-left" })), index.h("q2-btn", { key: '27feb6ba412296483dd990658f4ccd0704456821', class: "btn-right", hideLabel: true, hidden: !this.showScrollRight, label: index$1.loc('tecton.element.stepper.scrollRight'), onClick: () => this.onScrollBtnClick('right') }, index.h("q2-icon", { key: '8ee4b6790296d9a82db9b1fdc2d420b3d5249a0f', type: "chevron-right" })))), index.h("ul", { key: 'a25d2c222123d68c7274376dc49a51249732d000', onScroll: this.checkScrollState, ref: el => (this.listElement = el), role: "tablist" }, stepCount > 0 && [...Array(stepCount).keys()].map(stepIndex => this.renderStepBtn(stepIndex)))), index.h("div", { key: 'e1999ed9bff7ae2158a81029e0b9b1148b9d22c9', role: "list" }, index.h("slot", { key: '80e239e0484809834c7e096d7df50e68b4ff7c85', onSlotchange: () => this.onSlotChange() }))));
|
|
257
257
|
}
|
|
258
258
|
get hostElement() { return index.getElement(this); }
|
|
259
259
|
static get watchers() { return {
|
|
@@ -296,7 +296,7 @@ const Q2Textarea = class {
|
|
|
296
296
|
]))));
|
|
297
297
|
}
|
|
298
298
|
render() {
|
|
299
|
-
return (index.h("div", { key: '
|
|
299
|
+
return (index.h("div", { key: 'ece9138953ebdde47af2559b2f10c3edc8b73c91', class: this.wrapperClasses }, index$1.renderLabel(this), index.h("div", { key: '34c8ce254d131b4c0aefa5ff772c00e0d4b495b6', class: "content-container", ref: el => (this.contentContainer = el) }, this.renderInput(), this.maxlength ? this.renderMaxLength() : '', index$1.renderMessages(this))));
|
|
300
300
|
}
|
|
301
301
|
get hostElement() { return index.getElement(this); }
|
|
302
302
|
static get watchers() { return {
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"entries": [
|
|
3
3
|
"components/q2-btn/q2-btn.js",
|
|
4
|
-
"components/q2-data-table/q2-data-table.js",
|
|
5
|
-
"components/q2-file-picker/q2-file-picker.js",
|
|
6
|
-
"components/q2-badge/q2-badge.js",
|
|
7
|
-
"components/q2-icon/q2-icon.js",
|
|
8
|
-
"components/q2-option-list/q2-option-list.js",
|
|
9
|
-
"components/q2-stepper-pane/q2-stepper-pane.js",
|
|
10
4
|
"components/q2-calendar/q2-calendar.js",
|
|
11
5
|
"components/q2-carousel/q2-carousel.js",
|
|
12
6
|
"components/q2-checkbox/q2-checkbox.js",
|
|
@@ -17,8 +11,11 @@
|
|
|
17
11
|
"components/q2-editable-field/q2-editable-field.js",
|
|
18
12
|
"components/q2-loading/q2-loading.js",
|
|
19
13
|
"components/q2-radio/q2-radio.js",
|
|
14
|
+
"components/q2-option-list/q2-option-list.js",
|
|
20
15
|
"components/q2-select/q2-select.js",
|
|
21
16
|
"components/q2-popover/q2-popover.js",
|
|
17
|
+
"components/q2-icon/q2-icon.js",
|
|
18
|
+
"components/q2-badge/q2-badge.js",
|
|
22
19
|
"components/q2-input/q2-input.js",
|
|
23
20
|
"components/q2-textarea/q2-textarea.js",
|
|
24
21
|
"components/click-elsewhere/click-elsewhere.js",
|
|
@@ -32,8 +29,10 @@
|
|
|
32
29
|
"components/q2-chart-bar/q2-chart-bar.js",
|
|
33
30
|
"components/q2-chart-donut/q2-chart-donut.js",
|
|
34
31
|
"components/q2-currency/q2-currency.js",
|
|
32
|
+
"components/q2-data-table/q2-data-table.js",
|
|
35
33
|
"components/q2-detail/q2-detail.js",
|
|
36
34
|
"components/q2-example/q2-example.js",
|
|
35
|
+
"components/q2-file-picker/q2-file-picker.js",
|
|
37
36
|
"components/q2-form/q2-form.js",
|
|
38
37
|
"components/q2-formatted-text/q2-formatted-text.js",
|
|
39
38
|
"components/q2-item/q2-item.js",
|
|
@@ -52,6 +51,7 @@
|
|
|
52
51
|
"components/q2-resize-observer/q2-resize-observer.js",
|
|
53
52
|
"components/q2-section/q2-section.js",
|
|
54
53
|
"components/q2-stepper/q2-stepper.js",
|
|
54
|
+
"components/q2-stepper-pane/q2-stepper-pane.js",
|
|
55
55
|
"components/q2-stepper-vertical/q2-stepper-vertical.js",
|
|
56
56
|
"components/q2-tab-container/q2-tab-container.js",
|
|
57
57
|
"components/q2-tab-pane/q2-tab-pane.js",
|
|
@@ -103,7 +103,7 @@ export class Q2ActionGroup {
|
|
|
103
103
|
if (slottedTagName)
|
|
104
104
|
containerClassNames.push(`has-${slottedTagName}`);
|
|
105
105
|
containerClassNames.push(computedOrientation);
|
|
106
|
-
return (h("q2-resize-observer", { key: '
|
|
106
|
+
return (h("q2-resize-observer", { key: 'ca77351335d6cd0b3b5ded817abe29ada02a9f23', onTctResize: this.handleResize, disabled: shouldDisableResizeObserver }, h("div", { key: '95f25372105e6b871102df1fb108875e982d9143', ref: el => (this.container = el), class: containerClassNames.join(' '), role: "group" }, h("slot", { key: 'b4fc4021ab008863aaa5fab15a87431c589f070a' }))));
|
|
107
107
|
}
|
|
108
108
|
static get is() { return "q2-action-group"; }
|
|
109
109
|
static get encapsulation() { return "shadow"; }
|
|
@@ -208,7 +208,7 @@ export class Q2ActionSheet {
|
|
|
208
208
|
}
|
|
209
209
|
const appearance = (data === null || data === void 0 ? void 0 : data.appearance) || 'slot';
|
|
210
210
|
const interiorClasses = `interior is-${appearance}`;
|
|
211
|
-
return (h("dialog", { key: '
|
|
211
|
+
return (h("dialog", { key: 'fcadd164e925d3f162da360c51fc2c58a752862e', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'b433f77c7ad9e0a96a567076c8629adb2dbf6dc8', class: interiorClasses }, showHeader && (h("header", { key: 'd6eada64c40e41f0de9b84af14272cab8eb36560' }, h("div", { key: 'ca1e8cab90a3affcc7e95ac2dbd4e8b46d9d7c81', class: "title" }, (data === null || data === void 0 ? void 0 : data.title) || this.title), !this.hideClose && (h("q2-btn", { key: '00831d5aa1caacb9a7dff5cfac59f7dd3161712c', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.actionSheet.close", "hide-label": true }, h("q2-icon", { key: '4cd522551cbe767ac76fdb6b2b91333b5a866009', type: "close" }))))), ((_a = this.data) === null || _a === void 0 ? void 0 : _a.description) && h("p", { key: 'f2f46a11d8b749d83ccd8b5344b917f7bad88464' }, data.description), RenderContent && h(RenderContent, { key: 'b708eb9b66bbe9cda2cacf144f75210859f32c06', data: this.data }))));
|
|
212
212
|
}
|
|
213
213
|
static get is() { return "q2-action-sheet"; }
|
|
214
214
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,7 +48,7 @@ export class Q2Avatar {
|
|
|
48
48
|
const isLoaded = this.isLoaded;
|
|
49
49
|
const showInitials = (this.name || this.initials) && (!this.src || this.badSrc);
|
|
50
50
|
const showFallback = !this.name && !this.initials && (!this.src || this.badSrc);
|
|
51
|
-
return (h("div", { key: '
|
|
51
|
+
return (h("div", { key: '1d329487fd99584197298679c5509a741d8bbd05' }, showImg && (h("img", { key: 'c3707d989ee5c51247da10e9e4112ff44d274d0f', class: isLoaded ? 'avatar-img' : 'avatar-img-default', "test-id": "userImage", src: this.src, onError: this.onError, onLoad: this.onLoad, alt: this.name || '' })), showInitials && (h("svg", { key: '0b3521e7db6b93bb34b60ade469ca34322ffb273', viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid meet", "test-id": "userInitials", class: `avatar-initials size-${computedInitials.length}`, "aria-label": this.name, "aria-hidden": !this.name && 'true' }, h("text", { key: 'ed394397c95e4c3ca580ba9b151f5151b18c17c8', x: "50", y: "50", "dominant-baseline": "central", "text-anchor": "middle", "aria-hidden": "true" }, computedInitials))), showFallback && (h("div", { key: 'cb5591d95fd07d284ed115568d5688a6b13b3562', "test-id": "fallbackIcon", class: "fallback" }, h("q2-icon", { key: 'fe4ba5b90b1258d81eab0328a09317504e209bae', type: this.icon })))));
|
|
52
52
|
}
|
|
53
53
|
static get is() { return "q2-avatar"; }
|
|
54
54
|
static get encapsulation() { return "shadow"; }
|
|
@@ -788,7 +788,7 @@ export class Q2Calendar {
|
|
|
788
788
|
// #endregion
|
|
789
789
|
// #region Render Methods
|
|
790
790
|
render() {
|
|
791
|
-
return (h("click-elsewhere", { key: '
|
|
791
|
+
return (h("click-elsewhere", { key: '25256a2e56cb178c647f96135c5cdd6f3577f874', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.renderInputField(), h("q2-popover", { key: 'c364f0a2c9d6d98ca2e3c01b93cea47e3b6ff39c', ref: el => (this.popoverElement = el), controlElement: this.innerInputContainer, open: this.open, direction: this.popoverDirection, minHeight: this.popoverMinHeight, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: true }, this.renderHintField(), this.renderCalendarPopover())));
|
|
792
792
|
}
|
|
793
793
|
static get is() { return "q2-calendar"; }
|
|
794
794
|
static get encapsulation() { return "shadow"; }
|
|
@@ -134,10 +134,10 @@ export class Q2MonthPicker {
|
|
|
134
134
|
// #endregion
|
|
135
135
|
// #region Render Methods
|
|
136
136
|
render() {
|
|
137
|
-
return (h("div", { key: '
|
|
137
|
+
return (h("div", { key: 'ef6f597bba438aaab680e81a46ead6824194be0b', class: "month-container", onKeyDown: this.onMonthKeydown }, h("div", { key: '47704b17e8e57736008bef75949940f45d9904f4', class: "navigation" }, h("q2-btn", { key: 'b93c143037130d7e7045ac0b6f9c3c9998b8fb71', class: "year-btn", onClick: () => this.viewChange.emit({
|
|
138
138
|
view: 'year',
|
|
139
139
|
selectedYear: this.year,
|
|
140
|
-
}) }, h("span", { key: '
|
|
140
|
+
}) }, h("span", { key: '5a955a89a4d24dca59bd3edcecdb3a183c6ee266', class: "year" }, this.year), h("q2-icon", { key: 'b1edd309501caa293294d1768324672737d7486b', class: "year-icon off", type: "chevron-down" })), h("div", { key: '307a38769bc318dc2b60f0c71cb50699d23c0b74', class: "month-controller" }, h("div", { key: 'e4248e62e113e5984220ebdb065c682b1e049214', class: "cal-year-prev-next" }, h("q2-btn", { key: '05845d8ec8daf805acb89f34867a0d6bba84b35f', label: loc('tecton.element.calendar.previousYear'), "hide-label": true, class: "cal-nav-btn prev-year", "test-id": "previousYearButton", onClick: () => this.selectYear(this.year - 1) }, h("q2-icon", { key: 'e986148af0f9952a60910669e5b39280d31bc3bd', type: "arrow-left" })), h("q2-btn", { key: 'f1f05af3e9e4b570d738e91dbdbb6560e69c171b', label: loc('tecton.element.calendar.nextYear'), "hide-label": true, class: "cal-nav-btn next-year", "test-id": "nextYearButton", onClick: () => this.selectYear(this.year + 1) }, h("q2-icon", { key: '0a4d0689881d13b43be98df62bd96b008c88b891', type: "arrow-right" }))))), h("div", { key: 'f80c97d98668100e9e086f5d665e881127ddd39d', class: "month-list", onClick: this.onMonthSelection }, this.months.map((month, index) => (h("div", { class: "month" }, h("span", { role: "button", class: "month-button", "data-index": index, "aria-label": month.label, tabindex: index === this.focusedIndex ? 0 : -1 }, month.abbr))))), this.today && (h("div", { key: '83ddc501e823cf58e07784cae545a1a473ae263c', class: "today-label" }, loc('tecton.element.calendar.today'), ": ", this.today))));
|
|
141
141
|
}
|
|
142
142
|
static get is() { return "q2-month-picker"; }
|
|
143
143
|
static get encapsulation() { return "shadow"; }
|
|
@@ -338,7 +338,7 @@ export class Q2Carousel {
|
|
|
338
338
|
let paginationWrapperClasses = ['q2-carousel-pagination-navigation-wrapper'];
|
|
339
339
|
if (showNavigationArrows)
|
|
340
340
|
paginationWrapperClasses = [...paginationWrapperClasses, 'evenly-space'];
|
|
341
|
-
return (h(Host, { key: '
|
|
341
|
+
return (h(Host, { key: '6a99de530270464ec3eac1a5648ca89f486a1462', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, insufficientPanes ? (this.renderInsufficientPanesDisplay()) : (h(Fragment, null, paneCount > 1 && (h("div", { class: paginationWrapperClasses.join(' ') }, showNavigationArrows && this.renderPrevNavBtn(), h("div", { class: "q2-carousel-control-center-tray" }, !hidePagination && this.renderPaginationArea(), autoPlay && this.renderAutoPlayBtn()), showNavigationArrows && this.renderNextNavBtn())), h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": loc(label) }, h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": ariaLiveValue, onKeyDown: this.keydownHandler }, h("slot", null)))))));
|
|
342
342
|
}
|
|
343
343
|
static get is() { return "q2-carousel"; }
|
|
344
344
|
static get originalStyleUrls() {
|
|
@@ -92,12 +92,12 @@ export class Q2CarouselPane {
|
|
|
92
92
|
// #region Render Methods
|
|
93
93
|
render() {
|
|
94
94
|
const { label } = this;
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: 'd7aec99a66061fe4b10e7a27b776fd2217f99a59', class: this.generatePaneClass(this.currentPaneIndex), tabIndex: this.isActivePane ? 0 : -1, role: "group", "aria-roledescription": "slide", "aria-hidden": this.isActivePane ? undefined : 'true', "aria-label": label
|
|
96
96
|
? loc(label)
|
|
97
97
|
: loc('tecton.element.carousel.itemDescription', [
|
|
98
98
|
(this.currentPaneIndex + 1).toString(),
|
|
99
99
|
(this.siblingCount || 0).toString(),
|
|
100
|
-
]), onClick: this.paneClicked }, h("article", { key: '
|
|
100
|
+
]), onClick: this.paneClicked }, h("article", { key: 'a86077038f620f9a04dbd2f588ad58d696229271', class: "q2-carousel-pane-main-content" }, h("slot", { key: '12f82035ff518babb548e5a3c3421c1d7dd95006' }))));
|
|
101
101
|
}
|
|
102
102
|
static get is() { return "q2-carousel-pane"; }
|
|
103
103
|
static get originalStyleUrls() {
|
|
@@ -220,7 +220,7 @@ export class Q2ChartArea {
|
|
|
220
220
|
// #endregion
|
|
221
221
|
// #region Render Methods
|
|
222
222
|
render() {
|
|
223
|
-
return (h("div", { key: '
|
|
223
|
+
return (h("div", { key: '74826328108685d56456624ee97ebcfb2b76a2c7', class: "container" }, h("div", { key: '303b2046ca5b453257276c2e8e23f36aa0123a7c', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
|
|
224
224
|
}
|
|
225
225
|
static get is() { return "q2-chart-area"; }
|
|
226
226
|
static get encapsulation() { return "shadow"; }
|