q2-tecton-elements 1.55.4 → 1.55.5
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 +336 -324
- package/dist/cjs/{index-e0aba375.js → index-f69742cf.js} +1 -1
- package/dist/cjs/{index-e0aba375.js.map → index-f69742cf.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +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 +9 -1
- package/dist/cjs/q2-badge_7.cjs.entry.js.map +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 +1 -1
- package/dist/cjs/q2-checkbox.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 +9 -11
- package/dist/cjs/q2-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-editable-field.cjs.entry.js +6 -7
- package/dist/cjs/q2-editable-field.cjs.entry.js.map +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-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 +8 -4
- package/dist/cjs/q2-option-list_2.cjs.entry.js.map +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 +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-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +2 -1
- package/dist/cjs/q2-textarea.cjs.entry.js.map +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-btn/q2-btn.js +4 -0
- package/dist/collection/components/q2-btn/q2-btn.js.map +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.js +1 -1
- 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 +9 -11
- package/dist/collection/components/q2-dropdown/q2-dropdown.js.map +1 -1
- package/dist/collection/components/q2-editable-field/q2-editable-field.js +12 -7
- package/dist/collection/components/q2-editable-field/q2-editable-field.js.map +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.js +1 -1
- package/dist/collection/components/q2-formatted-text/q2-formatted-text.js +1 -1
- package/dist/collection/components/q2-icon/q2-icon.js +4 -0
- package/dist/collection/components/q2-icon/q2-icon.js.map +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 +7 -3
- 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 +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 +2 -1
- package/dist/collection/components/q2-textarea/q2-textarea.js.map +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-btn2.js +4 -0
- package/dist/components/q2-btn2.js.map +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 +1 -1
- package/dist/components/q2-checkbox2.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 +9 -11
- package/dist/components/q2-dropdown.js.map +1 -1
- package/dist/components/q2-editable-field.js +7 -8
- package/dist/components/q2-editable-field.js.map +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-icon2.js +4 -0
- package/dist/components/q2-icon2.js.map +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 +7 -3
- 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 +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 +2 -1
- package/dist/components/q2-textarea.js.map +1 -1
- package/dist/esm/{index-3bb7a785.js → index-3184c760.js} +1 -1
- package/dist/esm/{index-3bb7a785.js.map → index-3184c760.js.map} +1 -1
- package/dist/esm/loader.js +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 +9 -1
- package/dist/esm/q2-badge_7.entry.js.map +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 +1 -1
- package/dist/esm/q2-checkbox.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 +9 -11
- package/dist/esm/q2-dropdown.entry.js.map +1 -1
- package/dist/esm/q2-editable-field.entry.js +6 -7
- package/dist/esm/q2-editable-field.entry.js.map +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-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 +8 -4
- package/dist/esm/q2-option-list_2.entry.js.map +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 +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-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +2 -1
- package/dist/esm/q2-textarea.entry.js.map +1 -1
- package/dist/q2-tecton-elements/{index-3bb7a785.js → index-3184c760.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 +10 -2
- package/dist/q2-tecton-elements/q2-badge_7.entry.js.map +1 -1
- 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 +13 -13
- package/dist/q2-tecton-elements/q2-checkbox.entry.js +7 -7
- 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 +13 -15
- package/dist/q2-tecton-elements/q2-dropdown.entry.js.map +1 -1
- package/dist/q2-tecton-elements/q2-editable-field.entry.js +26 -17
- package/dist/q2-tecton-elements/q2-editable-field.entry.js.map +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-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 +15 -9
- package/dist/q2-tecton-elements/q2-option-list_2.entry.js.map +1 -1
- 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-tecton-elements.esm.js +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js.map +1 -1
- package/dist/q2-tecton-elements/q2-textarea.entry.js +3 -2
- package/dist/q2-tecton-elements/q2-textarea.entry.js.map +1 -1
- package/dist/types/components/q2-action-group/q2-action-group.d.ts +1 -0
- package/dist/types/components/q2-action-sheet/q2-action-sheet.d.ts +60 -0
- package/dist/types/components/q2-btn/q2-btn.d.ts +1 -0
- package/dist/types/components/q2-calendar/q2-calendar.d.ts +327 -0
- package/dist/types/components/q2-carousel/q2-carousel.d.ts +95 -0
- package/dist/types/components/q2-data-table/q2-data-table.d.ts +261 -0
- package/dist/types/components/q2-dropdown/q2-dropdown.d.ts +178 -0
- package/dist/types/components/q2-editable-field/q2-editable-field.d.ts +141 -0
- package/dist/types/components/q2-icon/q2-icon.d.ts +1 -0
- package/dist/types/components/q2-loading/skeleton/shapes.d.ts +1 -0
- package/dist/types/components/q2-optgroup/q2-optgroup.d.ts +1 -1
- package/dist/types/components/q2-option-list/q2-option-list.d.ts +100 -0
- package/dist/types/components/q2-pagination/q2-pagination.d.ts +117 -0
- package/dist/types/components/q2-pill/q2-pill.d.ts +143 -0
- package/dist/types/components/q2-select/q2-select.d.ts +238 -0
- package/dist/types/components/q2-stepper/q2-stepper.d.ts +61 -0
- package/dist/types/components/q2-stepper-vertical/q2-stepper-vertical.d.ts +68 -0
- package/dist/types/components/q2-tab-container/q2-tab-container.d.ts +2 -2
- package/dist/types/components/q2-tag/q2-tag.d.ts +91 -0
- package/dist/types/utils/action-sheet.d.ts +12 -0
- package/package.json +4 -3
- /package/dist/q2-tecton-elements/{index-3bb7a785.js.map → index-3184c760.js.map} +0 -0
- /package/dist/types/{Users/kvanhouten/Documents/Work/tecton_extra → builds/q2e/development/tecton/tecton}/packages/q2-tecton-elements/.stencil/jest.setup.d.ts +0 -0
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { r as t, c as i, h as
|
|
1
|
+
import { r as t, c as i, h as a, F as e, g as r } from "./index-7a5365e2.js";
|
|
2
2
|
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as o, o as n, i as s, f as d } from "./index-f2a66217.js";
|
|
4
4
|
|
|
5
5
|
const l = '*{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{--comp-default-radio-group-margin:var(--tct-radio-group-margin-top, var(--t-radio-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-radio-group-margin-bottom, var(--t-radio-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-radio-group-margin, var(--comp-default-radio-group-margin))}fieldset{padding:var(--tct-radio-group-fieldset-padding, 0);margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";column-gap:var(--tct-radio-group-label-column-gap, var(--app-scale-2x, 10px))}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-radio-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-radio-group-label-optional-color, var(--t-radio-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));font-size:var(--tct-radio-group-label-optional-font-size, var(--t-radio-group-label-optional-font-size, 12px));font-weight:var(--tct-radio-group-label-optional-font-weight, var(--t-radio-group-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-0x, 0px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-radio-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-radio-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';
|
|
6
6
|
|
|
7
7
|
const p = l;
|
|
8
8
|
|
|
9
9
|
const c = class {
|
|
10
|
-
constructor(
|
|
11
|
-
t(this,
|
|
10
|
+
constructor(a) {
|
|
11
|
+
t(this, a);
|
|
12
12
|
this.change = i(this, "change", 7);
|
|
13
13
|
// #region Own Properties
|
|
14
|
-
this._id = `radio-group-${
|
|
14
|
+
this._id = `radio-group-${o()}`;
|
|
15
15
|
this.checkedRadioExists = () => {
|
|
16
16
|
// Returns first checked individual q2-radio or undefined if none are set to checked={true}
|
|
17
17
|
const t = this.radioElements.find((t => t.checked === true)) || undefined;
|
|
@@ -81,29 +81,29 @@ const c = class {
|
|
|
81
81
|
}
|
|
82
82
|
keydownHandler(t) {
|
|
83
83
|
const i = t.target.getAttribute("value") || this.value;
|
|
84
|
-
let
|
|
85
|
-
let
|
|
84
|
+
let a = this.radioElements.findIndex((a => a === t.target || a.getAttribute("value") === i));
|
|
85
|
+
let e = 0;
|
|
86
86
|
switch (t.key) {
|
|
87
87
|
case "ArrowLeft":
|
|
88
88
|
case "ArrowUp":
|
|
89
|
-
|
|
89
|
+
e = -1;
|
|
90
90
|
break;
|
|
91
91
|
|
|
92
92
|
case "ArrowRight":
|
|
93
93
|
case "ArrowDown":
|
|
94
|
-
|
|
94
|
+
e = 1;
|
|
95
95
|
break;
|
|
96
96
|
}
|
|
97
|
-
if (
|
|
97
|
+
if (a === -1 || e === 0) {
|
|
98
98
|
return;
|
|
99
99
|
}
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
a += e;
|
|
101
|
+
a = e < 0 ? Math.max(0, a) : Math.min(this.radioElements.length - 1, a);
|
|
102
102
|
t.preventDefault();
|
|
103
103
|
if (!this.readonly) {
|
|
104
|
-
this.value = this.radioElements[
|
|
104
|
+
this.value = this.radioElements[a].value;
|
|
105
105
|
}
|
|
106
|
-
this.radioElements[
|
|
106
|
+
this.radioElements[a].dispatchEvent(new FocusEvent("focus"));
|
|
107
107
|
}
|
|
108
108
|
// #endregion
|
|
109
109
|
// #region Public Methods API
|
|
@@ -168,15 +168,15 @@ const c = class {
|
|
|
168
168
|
if (this.tileLayout) {
|
|
169
169
|
const {tileAlignment: t} = this;
|
|
170
170
|
const i = [ "left", "center", "right" ].includes(t) ? t : "center";
|
|
171
|
-
return
|
|
171
|
+
return a("div", {
|
|
172
172
|
class: `tile-container ${i}`
|
|
173
|
-
},
|
|
173
|
+
}, a("div", {
|
|
174
174
|
class: "options-container"
|
|
175
|
-
},
|
|
175
|
+
}, a("slot", null)));
|
|
176
176
|
} else {
|
|
177
|
-
return
|
|
177
|
+
return a("div", {
|
|
178
178
|
class: "options-container"
|
|
179
|
-
},
|
|
179
|
+
}, a("slot", null));
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
// #endregion
|
|
@@ -184,30 +184,30 @@ const c = class {
|
|
|
184
184
|
render() {
|
|
185
185
|
const t = this.label || this.optional || this.readonly;
|
|
186
186
|
const {hasError: i} = this;
|
|
187
|
-
const
|
|
188
|
-
return e
|
|
189
|
-
key: "
|
|
190
|
-
},
|
|
191
|
-
key: "
|
|
187
|
+
const r = t && !this.hideLabel || i;
|
|
188
|
+
return a(e, {
|
|
189
|
+
key: "d1d5bc5ec6dd3fc33332fa49e64ccb1dac4b542e"
|
|
190
|
+
}, r && a("div", {
|
|
191
|
+
key: "f2de38984a59682953612d73981a2de1afa1bc58",
|
|
192
192
|
class: "label-row"
|
|
193
|
-
}, t && !this.hideLabel &&
|
|
194
|
-
key: "
|
|
193
|
+
}, t && !this.hideLabel && a("div", {
|
|
194
|
+
key: "24d1a40c5ad7546e5901dd96e46a15e71d8ca4c3",
|
|
195
195
|
class: "group-legend"
|
|
196
|
-
}, d(this)), i &&
|
|
197
|
-
key: "
|
|
196
|
+
}, d(this)), i && a("q2-icon", {
|
|
197
|
+
key: "24be48ddc9c8cc60fa356056da6c59224a358a59",
|
|
198
198
|
type: "error",
|
|
199
199
|
"test-id": "iconError"
|
|
200
|
-
})),
|
|
201
|
-
key: "
|
|
200
|
+
})), a("fieldset", {
|
|
201
|
+
key: "48da393294f67ac8349606b563a122e0b6e70917",
|
|
202
202
|
onChange: this.onInnerRadioChange,
|
|
203
203
|
"aria-invalid": i ? `${i}` : undefined
|
|
204
|
-
}, t &&
|
|
205
|
-
key: "
|
|
204
|
+
}, t && a("legend", {
|
|
205
|
+
key: "544ba2b62bebcb501806527fec2354aaa70c3dd9",
|
|
206
206
|
class: "sr-only"
|
|
207
207
|
}, d(this)), this.inputDom()));
|
|
208
208
|
}
|
|
209
209
|
get hostElement() {
|
|
210
|
-
return
|
|
210
|
+
return r(this);
|
|
211
211
|
}
|
|
212
212
|
static get watchers() {
|
|
213
213
|
return {
|
|
@@ -83,10 +83,10 @@ const s = class {
|
|
|
83
83
|
// #region Render Methods
|
|
84
84
|
render() {
|
|
85
85
|
return r("div", {
|
|
86
|
-
key: "
|
|
86
|
+
key: "ed4340f095788108ea8112d28a3c45dbc1f2e4c4",
|
|
87
87
|
class: this.groupTileLayout ? "radio-tile" : "radio-container"
|
|
88
88
|
}, r("input", {
|
|
89
|
-
key: "
|
|
89
|
+
key: "30011c8b29f8bdf48e978904052e02b920e602b9",
|
|
90
90
|
ref: e => this.inputField = e,
|
|
91
91
|
class: "sr",
|
|
92
92
|
id: this._id,
|
|
@@ -99,32 +99,32 @@ const s = class {
|
|
|
99
99
|
onChange: this.inputChange,
|
|
100
100
|
"test-id": "q2RadioInnerRadioBox"
|
|
101
101
|
}), r("label", {
|
|
102
|
-
key: "
|
|
102
|
+
key: "657078aca6278f6bbd8997a1992109aecd2ad8a6",
|
|
103
103
|
htmlFor: this._id,
|
|
104
104
|
class: this.hideLabel ? "label-hidden" : undefined,
|
|
105
105
|
"test-id": "radioButton"
|
|
106
106
|
}, !this.groupTileLayout && r("svg", {
|
|
107
|
-
key: "
|
|
107
|
+
key: "9b4cf7c9e1968f862509c760a0dfee5cb90c3ce1",
|
|
108
108
|
viewBox: "0 0 18 18"
|
|
109
109
|
}, r("circle", {
|
|
110
|
-
key: "
|
|
110
|
+
key: "269619ffb0671e2f67dfa3da58b5da8264508586",
|
|
111
111
|
stroke: "none",
|
|
112
112
|
fill: "none",
|
|
113
113
|
cx: "9",
|
|
114
114
|
cy: "9",
|
|
115
115
|
r: "8"
|
|
116
116
|
}), r("circle", {
|
|
117
|
-
key: "
|
|
117
|
+
key: "9325caea79a38fe661db33ca62da9f075a06597f",
|
|
118
118
|
stroke: "none",
|
|
119
119
|
fill: "none",
|
|
120
120
|
cx: "9",
|
|
121
121
|
cy: "9",
|
|
122
122
|
r: "4"
|
|
123
123
|
})), !this.hideLabel && r("div", {
|
|
124
|
-
key: "
|
|
124
|
+
key: "fb674a98b4d028e35397da9ead2ab5083e8617fd",
|
|
125
125
|
class: "label-content"
|
|
126
126
|
}, this.label && l(this.label) || "", r("slot", {
|
|
127
|
-
key: "
|
|
127
|
+
key: "39a40ee6024f16b059ebad2675ee922a5c95324d"
|
|
128
128
|
}))));
|
|
129
129
|
}
|
|
130
130
|
get hostElement() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as e, h as t, F as i, g as s } from "./index-7a5365e2.js";
|
|
2
2
|
|
|
3
|
-
import { d as n } from "./index-
|
|
3
|
+
import { d as n } from "./index-3184c760.js";
|
|
4
4
|
|
|
5
5
|
import { l as a } from "./index-f2a66217.js";
|
|
6
6
|
|
|
@@ -135,7 +135,7 @@ const d = class {
|
|
|
135
135
|
render() {
|
|
136
136
|
const {shouldShow: e, displayedMessage: s} = this;
|
|
137
137
|
return t(i, {
|
|
138
|
-
key: "
|
|
138
|
+
key: "9026e0194b08d067c04188fc4c7c9ffa05727fb6"
|
|
139
139
|
}, e ? t("time", {
|
|
140
140
|
dateTime: s
|
|
141
141
|
}, s) : null);
|
|
@@ -187,29 +187,29 @@ const p = class {
|
|
|
187
187
|
}
|
|
188
188
|
const r = !this.hasYieldedHeader && !!this.label;
|
|
189
189
|
return i("section", {
|
|
190
|
-
key: "
|
|
190
|
+
key: "59a073f2fbbc37bb7e7f1c6823610e150fd1e256",
|
|
191
191
|
class: "wrapper"
|
|
192
192
|
}, i("header", {
|
|
193
|
-
key: "
|
|
193
|
+
key: "c02e2e531cb0ad833752f9254b95f6eb76d8b317",
|
|
194
194
|
class: t ? "has-header" : ""
|
|
195
195
|
}, i("div", {
|
|
196
|
-
key: "
|
|
196
|
+
key: "7d3b12f0640b7dd8b49bbca7ce710f6bb75325a2",
|
|
197
197
|
class: "header-content",
|
|
198
198
|
id: this.titleId,
|
|
199
199
|
onClick: this.collapsible && this.onHeaderClick
|
|
200
200
|
}, r && i("h2", {
|
|
201
|
-
key: "
|
|
201
|
+
key: "7552c47106c63ce813145a13bf29e6fa4db74c58",
|
|
202
202
|
class: "title"
|
|
203
203
|
}, c(this.label)), i("div", {
|
|
204
|
-
key: "
|
|
204
|
+
key: "4823d86d58f2a214a31987b8892802d861388a5d",
|
|
205
205
|
ref: t => this.headerSlotWrapper = t,
|
|
206
206
|
class: "header-slot-wrapper"
|
|
207
207
|
}, i("slot", {
|
|
208
|
-
key: "
|
|
208
|
+
key: "f70123a46f2077c23cb0a25c56e83d59e3432485",
|
|
209
209
|
ref: t => this.headerSlot = t,
|
|
210
210
|
name: "q2-section-header"
|
|
211
211
|
}))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
|
|
212
|
-
key: "
|
|
212
|
+
key: "7330e6657cd6eeb8e448a04b2b3530e3843d1763",
|
|
213
213
|
label: c(this.label || "tecton.element.section.defaultToggleLabel"),
|
|
214
214
|
ariaExpanded: `${!!this.expanded}`,
|
|
215
215
|
ariaControls: this.contentId,
|
|
@@ -217,10 +217,10 @@ const p = class {
|
|
|
217
217
|
"hide-label": true,
|
|
218
218
|
onClick: this.onHeaderClick
|
|
219
219
|
}, i("q2-icon", {
|
|
220
|
-
key: "
|
|
220
|
+
key: "8a953908c20c980198ad77e66b41d5da3337ea28",
|
|
221
221
|
type: "chevron-up"
|
|
222
222
|
}))), i("div", {
|
|
223
|
-
key: "
|
|
223
|
+
key: "caa5b37b95099c0959b048f6d7f030c1e0bdf16f",
|
|
224
224
|
class: e.join(" "),
|
|
225
225
|
id: this.contentId,
|
|
226
226
|
"aria-labelledby": this.titleId,
|
|
@@ -230,12 +230,12 @@ const p = class {
|
|
|
230
230
|
height: this.contentHeight
|
|
231
231
|
}
|
|
232
232
|
}, i("div", {
|
|
233
|
-
key: "
|
|
233
|
+
key: "c4e83982d85944756eb7f9f379a3671ce7faee6b",
|
|
234
234
|
ref: t => this.contentContainer = t,
|
|
235
235
|
class: "content",
|
|
236
236
|
tabindex: "-1"
|
|
237
237
|
}, i("slot", {
|
|
238
|
-
key: "
|
|
238
|
+
key: "336a133e83f81a21da1e3008b0b4f35ffe25a4a6",
|
|
239
239
|
ref: t => this.contentSlot = t
|
|
240
240
|
}))));
|
|
241
241
|
}
|
|
@@ -623,17 +623,17 @@ const v = class {
|
|
|
623
623
|
render() {
|
|
624
624
|
var t;
|
|
625
625
|
return i("click-elsewhere", {
|
|
626
|
-
key: "
|
|
626
|
+
key: "74b318aa5e949451bb9e594ca15bbb899d5af833",
|
|
627
627
|
class: this.wrapperClasses,
|
|
628
628
|
onChange: this.clickedElsewhere
|
|
629
629
|
}, i("div", {
|
|
630
|
-
key: "
|
|
630
|
+
key: "841ca38b6c5d5a2bce3da89119f2206157fa9dfc",
|
|
631
631
|
"aria-live": "polite",
|
|
632
632
|
"aria-atomic": "true",
|
|
633
633
|
role: "status",
|
|
634
634
|
class: "sr"
|
|
635
635
|
}, this.statusMessage), i("q2-input", {
|
|
636
|
-
key: "
|
|
636
|
+
key: "d141c2482a503fff0977dd9e268927fceda5519b",
|
|
637
637
|
ref: t => this.inputField = t,
|
|
638
638
|
class: "q2-select-input",
|
|
639
639
|
label: this.label && o(this.label) || "",
|
|
@@ -662,12 +662,12 @@ const v = class {
|
|
|
662
662
|
_role: "combobox",
|
|
663
663
|
_preventEntry: !this.searchable
|
|
664
664
|
}, this.renderCustomDisplay()), i("div", {
|
|
665
|
-
key: "
|
|
665
|
+
key: "e2bc0e2346e8854a092aa6e6298079335f736f37",
|
|
666
666
|
class: "custom-display-content",
|
|
667
667
|
hidden: !this.hasCustomDisplay || !!this.searchText,
|
|
668
668
|
onClick: this.onCustomDisplayClick
|
|
669
669
|
}, i("slot", {
|
|
670
|
-
key: "
|
|
670
|
+
key: "d7d6ce24fab1745448a8fbf9285fb1c67b2b7e6a",
|
|
671
671
|
name: "q2-select-display"
|
|
672
672
|
})), this.renderOptionsDropdown());
|
|
673
673
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as e, c as t, h as i, F as s, H as n, g as a } from "./index-7a5365e2.js";
|
|
2
2
|
|
|
3
|
-
import { c as o, n as
|
|
3
|
+
import { c as o, n as d, l as h } from "./index-f2a66217.js";
|
|
4
4
|
|
|
5
5
|
const c = "*{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:block;position:relative}";
|
|
6
6
|
|
|
@@ -58,7 +58,7 @@ const l = class {
|
|
|
58
58
|
}
|
|
59
59
|
checkForActiveChildren() {
|
|
60
60
|
if (!this.showWithChildren) return;
|
|
61
|
-
|
|
61
|
+
d((() => {
|
|
62
62
|
setTimeout((() => {
|
|
63
63
|
this.isChildActive = !!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]");
|
|
64
64
|
}));
|
|
@@ -77,30 +77,30 @@ const l = class {
|
|
|
77
77
|
render() {
|
|
78
78
|
const {label: e, isActive: t} = this;
|
|
79
79
|
return i(n, {
|
|
80
|
-
key: "
|
|
80
|
+
key: "5577f8962c2f65e0c80a626268d78b321aaeebad",
|
|
81
81
|
role: "listitem"
|
|
82
82
|
}, i(s, {
|
|
83
|
-
key: "
|
|
83
|
+
key: "b555f074841b2dfd439f0428944d00ca4905844d"
|
|
84
84
|
}, i("div", {
|
|
85
|
-
key: "
|
|
86
|
-
"aria-label": e &&
|
|
85
|
+
key: "6f2cbfee6f87526b90a8f9db71d81c3f9411a307",
|
|
86
|
+
"aria-label": e && h(e),
|
|
87
87
|
tabindex: "0",
|
|
88
88
|
hidden: !t && !(this.isChildActive && this.showWithChildren)
|
|
89
89
|
}, i("slot", {
|
|
90
|
-
key: "
|
|
90
|
+
key: "633709be729c63190bbcf621d0e9078f750db2c0"
|
|
91
91
|
})), i("div", {
|
|
92
|
-
key: "
|
|
92
|
+
key: "aaa34c1ca944fb104630f60afbd8405a841e552b",
|
|
93
93
|
hidden: true
|
|
94
94
|
}, i("slot", {
|
|
95
|
-
key: "
|
|
95
|
+
key: "432bc5035bc265bb19bb3c493d1c3cdbcb939ac5",
|
|
96
96
|
name: "label",
|
|
97
97
|
onSlotchange: () => this.contentChange.emit()
|
|
98
98
|
}), i("slot", {
|
|
99
|
-
key: "
|
|
99
|
+
key: "24f3d22fd72773ae6edcbf12e6d14b34831385ee",
|
|
100
100
|
name: "description",
|
|
101
101
|
onSlotchange: () => this.contentChange.emit()
|
|
102
102
|
})), i("slot", {
|
|
103
|
-
key: "
|
|
103
|
+
key: "d0024a07468337896f9c4f45059dce8de988f6ad",
|
|
104
104
|
name: "children"
|
|
105
105
|
})));
|
|
106
106
|
}
|
|
@@ -222,8 +222,8 @@ const p = class {
|
|
|
222
222
|
const b = this.getPaneSlotOrProperty(c, "label");
|
|
223
223
|
const h = this.getPaneSlotOrProperty(c, "description");
|
|
224
224
|
const v = t + 1;
|
|
225
|
-
const
|
|
226
|
-
const
|
|
225
|
+
const f = v === a;
|
|
226
|
+
const u = !!b && `label-${p}`;
|
|
227
227
|
const g = !!b && !!h && `description-${p}`;
|
|
228
228
|
const m = !b && l("tecton.element.stepper.number", [ `${v}`, `${s}` ]);
|
|
229
229
|
let w;
|
|
@@ -237,13 +237,13 @@ const p = class {
|
|
|
237
237
|
}, r("button", {
|
|
238
238
|
class: x.join(" "),
|
|
239
239
|
type: "button",
|
|
240
|
-
"aria-labelledby":
|
|
240
|
+
"aria-labelledby": u,
|
|
241
241
|
"aria-describedBy": g,
|
|
242
242
|
"aria-label": m,
|
|
243
|
-
"aria-selected":
|
|
243
|
+
"aria-selected": f,
|
|
244
244
|
"aria-disabled": y ? "true" : null,
|
|
245
245
|
role: "tab",
|
|
246
|
-
tabIndex:
|
|
246
|
+
tabIndex: f ? 0 : -1,
|
|
247
247
|
onKeyDown: t => this.onStepKeyDown(t, v),
|
|
248
248
|
onClick: t => !k && this.onStepClick(t, v)
|
|
249
249
|
}, r(i, null, w ? r("div", {
|
|
@@ -252,11 +252,11 @@ const p = class {
|
|
|
252
252
|
type: w
|
|
253
253
|
})) : r("div", {
|
|
254
254
|
class: "step-bubble"
|
|
255
|
-
}, v),
|
|
255
|
+
}, v), u && r("div", {
|
|
256
256
|
class: "step-label",
|
|
257
|
-
id:
|
|
257
|
+
id: u,
|
|
258
258
|
innerHTML: b
|
|
259
|
-
}),
|
|
259
|
+
}), u && g && r("div", {
|
|
260
260
|
class: "step-description",
|
|
261
261
|
id: g,
|
|
262
262
|
innerHTML: h
|
|
@@ -269,50 +269,50 @@ const p = class {
|
|
|
269
269
|
const a = [ "step-container" ];
|
|
270
270
|
if (e) a.push("has-scroll");
|
|
271
271
|
return r(i, {
|
|
272
|
-
key: "
|
|
272
|
+
key: "21459e973c382d566ad74cfa1079bcede3bc4bb4"
|
|
273
273
|
}, r("div", {
|
|
274
|
-
key: "
|
|
274
|
+
key: "fb74e21ddf7346d79668b47f926ed3cf3473d6ce",
|
|
275
275
|
class: a.join(" ")
|
|
276
276
|
}, e && r(i, {
|
|
277
|
-
key: "
|
|
277
|
+
key: "6b4ba9451964d04c22e162d3b06b4dd493e6acdc"
|
|
278
278
|
}, r("div", {
|
|
279
|
-
key: "
|
|
279
|
+
key: "317d4dd68f295878cf2b27508f882dbbf41c660d",
|
|
280
280
|
class: "gradient-left",
|
|
281
281
|
hidden: !o
|
|
282
282
|
}), r("div", {
|
|
283
|
-
key: "
|
|
283
|
+
key: "ddb5edf2ba557d5a7d2b19d48f5c11fba7c9fecc",
|
|
284
284
|
class: "gradient-right",
|
|
285
285
|
hidden: !s
|
|
286
286
|
}), r("q2-btn", {
|
|
287
|
-
key: "
|
|
287
|
+
key: "2c2d7a851f2e089b64d1884cc5109b6bed07138b",
|
|
288
288
|
class: "btn-left",
|
|
289
289
|
hideLabel: true,
|
|
290
290
|
hidden: !this.showScrollLeft,
|
|
291
291
|
label: l("tecton.element.stepper.scrollLeft"),
|
|
292
292
|
onClick: () => this.onScrollBtnClick("left")
|
|
293
293
|
}, r("q2-icon", {
|
|
294
|
-
key: "
|
|
294
|
+
key: "8752b1fa6b71189a513088998bad57e9cd372c02",
|
|
295
295
|
type: "chevron-left"
|
|
296
296
|
})), r("q2-btn", {
|
|
297
|
-
key: "
|
|
297
|
+
key: "6299ffdbaee72154f91f75bad7fdecac49f1f491",
|
|
298
298
|
class: "btn-right",
|
|
299
299
|
hideLabel: true,
|
|
300
300
|
hidden: !this.showScrollRight,
|
|
301
301
|
label: l("tecton.element.stepper.scrollRight"),
|
|
302
302
|
onClick: () => this.onScrollBtnClick("right")
|
|
303
303
|
}, r("q2-icon", {
|
|
304
|
-
key: "
|
|
304
|
+
key: "9ddface0e855a5c6af58e6415ddc13a327a50e06",
|
|
305
305
|
type: "chevron-right"
|
|
306
306
|
}))), r("ul", {
|
|
307
|
-
key: "
|
|
307
|
+
key: "18d55fe631add203b41784d7e10b60c6d587702a",
|
|
308
308
|
onScroll: this.checkScrollState,
|
|
309
309
|
ref: t => this.listElement = t,
|
|
310
310
|
role: "tablist"
|
|
311
311
|
}, t > 0 && [ ...Array(t).keys() ].map((t => this.renderStepBtn(t))))), r("div", {
|
|
312
|
-
key: "
|
|
312
|
+
key: "29141e95496abf8d409ce8ccdc71010f8cb6efdd",
|
|
313
313
|
role: "list"
|
|
314
314
|
}, r("slot", {
|
|
315
|
-
key: "
|
|
315
|
+
key: "f4cace12ffe8239c98ea12daee44fa3ff1369354",
|
|
316
316
|
onSlotchange: () => this.onSlotChange()
|
|
317
317
|
})));
|
|
318
318
|
}
|