q2-tecton-elements 1.44.0 → 1.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/click-elsewhere_2.cjs.entry.js +2 -2
- package/dist/cjs/{index-1deac3ee.js → index-0e15dc8d.js} +14 -1
- package/dist/cjs/index-0e15dc8d.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +1 -5
- package/dist/cjs/q2-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-badge.cjs.entry.js +4 -4
- package/dist/cjs/q2-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-btn_2.cjs.entry.js +20 -9
- package/dist/cjs/q2-btn_2.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +50 -19
- package/dist/cjs/q2-calendar.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-card.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +7 -6
- package/dist/cjs/q2-carousel-pane.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +25 -11
- package/dist/cjs/q2-carousel.cjs.entry.js.map +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 +18 -10
- package/dist/cjs/q2-chart-donut.cjs.entry.js.map +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-data-table.cjs.entry.js +3 -3
- package/dist/cjs/q2-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-detail.cjs.entry.js +2 -2
- package/dist/cjs/q2-detail.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js.map +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-icon.cjs.entry.js +206 -211
- package/dist/cjs/q2-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-input.cjs.entry.js +31 -6
- package/dist/cjs/q2-input.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-item.cjs.entry.js +120 -0
- package/dist/cjs/q2-item.cjs.entry.js.map +1 -0
- package/dist/cjs/q2-list.cjs.entry.js +84 -0
- package/dist/cjs/q2-list.cjs.entry.js.map +1 -0
- package/dist/cjs/q2-loc.cjs.entry.js +2 -2
- package/dist/cjs/q2-message.cjs.entry.js +3 -3
- package/dist/cjs/q2-message.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup_2.cjs.entry.js +4 -4
- package/dist/cjs/q2-optgroup_2.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-option-list.cjs.entry.js +1 -1
- package/dist/cjs/q2-pagination.cjs.entry.js +3 -3
- package/dist/cjs/q2-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-pill.cjs.entry.js +4 -3
- package/dist/cjs/q2-pill.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +3 -3
- package/dist/cjs/q2-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-relative-time.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +3 -3
- package/dist/cjs/q2-select.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +3 -3
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-stepper.cjs.entry.js +2 -2
- package/dist/cjs/q2-tab-container.cjs.entry.js +3 -3
- package/dist/cjs/q2-tab-container.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-tag.cjs.entry.js +3 -3
- package/dist/cjs/q2-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +2 -2
- package/dist/cjs/q2-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/q2-avatar/q2-avatar.js +1 -5
- package/dist/collection/components/q2-avatar/q2-avatar.js.map +1 -1
- package/dist/collection/components/q2-badge/q2-badge.js +5 -4
- package/dist/collection/components/q2-badge/q2-badge.js.map +1 -1
- package/dist/collection/components/q2-btn/q2-btn.css +1 -1
- package/dist/collection/components/q2-btn/q2-btn.js +25 -8
- package/dist/collection/components/q2-btn/q2-btn.js.map +1 -1
- package/dist/collection/components/q2-calendar/q2-calendar-helpers.js +1 -1
- package/dist/collection/components/q2-calendar/q2-calendar-helpers.js.map +1 -1
- package/dist/collection/components/q2-calendar/q2-calendar.js +48 -17
- package/dist/collection/components/q2-calendar/q2-calendar.js.map +1 -1
- package/dist/collection/components/q2-carousel/q2-carousel.css +3 -1
- package/dist/collection/components/q2-carousel/q2-carousel.js +47 -10
- package/dist/collection/components/q2-carousel/q2-carousel.js.map +1 -1
- package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.css +6 -0
- package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.js +25 -4
- package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.js.map +1 -1
- package/dist/collection/components/q2-chart-donut/q2-chart-donut.js +17 -12
- package/dist/collection/components/q2-chart-donut/q2-chart-donut.js.map +1 -1
- package/dist/collection/components/q2-data-table/q2-data-table.css +1 -1
- package/dist/collection/components/q2-data-table/q2-data-table.js +2 -2
- package/dist/collection/components/q2-data-table/q2-data-table.js.map +1 -1
- package/dist/collection/components/q2-detail/q2-detail.css +24 -21
- package/dist/collection/components/q2-dropdown-item/q2-dropdown-item.js +1 -1
- package/dist/collection/components/q2-dropdown-item/q2-dropdown-item.js.map +1 -1
- package/dist/collection/components/q2-icon/assets/cards.symbol.svg +1 -1
- package/dist/collection/components/q2-icon/assets/icon-list.json +1 -1
- package/dist/collection/components/q2-icon/assets/icon-map.json +1 -1
- package/dist/collection/components/q2-icon/assets/legacy.symbol.svg +1 -1
- package/dist/collection/components/q2-icon/assets/standard.symbol.svg +1 -1
- package/dist/collection/components/q2-icon/q2-icon.css +0 -2
- package/dist/collection/components/q2-icon/q2-icon.js +7 -35
- package/dist/collection/components/q2-icon/q2-icon.js.map +1 -1
- package/dist/collection/components/q2-input/q2-input.css +3 -5
- package/dist/collection/components/q2-input/q2-input.js +30 -5
- package/dist/collection/components/q2-input/q2-input.js.map +1 -1
- package/dist/collection/components/q2-item/q2-item.css +261 -0
- package/dist/collection/components/q2-item/q2-item.js +145 -0
- package/dist/collection/components/q2-item/q2-item.js.map +1 -0
- package/dist/collection/components/q2-list/q2-list.css +173 -0
- package/dist/collection/components/q2-list/q2-list.js +126 -0
- package/dist/collection/components/q2-list/q2-list.js.map +1 -0
- package/dist/collection/components/q2-loc/q2-loc.js +1 -1
- package/dist/collection/components/q2-message/q2-message.css +6 -3
- package/dist/collection/components/q2-message/q2-message.js +1 -1
- package/dist/collection/components/q2-optgroup/q2-optgroup.js +1 -1
- package/dist/collection/components/q2-option/q2-option.css +1 -1
- package/dist/collection/components/q2-option/q2-option.js +1 -1
- package/dist/collection/components/q2-pagination/q2-pagination.js +3 -3
- package/dist/collection/components/q2-pagination/q2-pagination.js.map +1 -1
- package/dist/collection/components/q2-pill/q2-pill.css +13 -9
- package/dist/collection/components/q2-pill/q2-pill.js +19 -1
- package/dist/collection/components/q2-pill/q2-pill.js.map +1 -1
- package/dist/collection/components/q2-popover/q2-popover.js +1 -1
- package/dist/collection/components/q2-radio/q2-radio.css +9 -6
- package/dist/collection/components/q2-radio/q2-radio.js +1 -1
- package/dist/collection/components/q2-radio/q2-radio.js.map +1 -1
- package/dist/collection/components/q2-relative-time/q2-relative-time.js +1 -1
- package/dist/collection/components/q2-section/q2-section.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 +1 -1
- package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.css +6 -2
- package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js +1 -1
- package/dist/collection/components/q2-tab-container/q2-tab-container.css +2 -2
- package/dist/collection/components/q2-tab-container/q2-tab-container.js +1 -1
- package/dist/collection/components/q2-tab-pane/q2-tab-pane.js +1 -1
- package/dist/collection/components/q2-tag/q2-tag.css +6 -6
- package/dist/collection/components/q2-tag/q2-tag.js +1 -1
- package/dist/collection/components/q2-textarea/q2-textarea.css +4 -24
- package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.js +2 -2
- package/dist/collection/utils/index.js +12 -0
- package/dist/collection/utils/index.js.map +1 -1
- package/dist/components/index.js +4 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/index2.js +13 -1
- package/dist/components/index2.js.map +1 -1
- package/dist/components/q2-avatar2.js +2 -5
- package/dist/components/q2-avatar2.js.map +1 -1
- package/dist/components/q2-badge2.js +4 -4
- package/dist/components/q2-badge2.js.map +1 -1
- package/dist/components/q2-btn2.js +21 -10
- package/dist/components/q2-btn2.js.map +1 -1
- package/dist/components/q2-calendar.js +49 -18
- package/dist/components/q2-calendar.js.map +1 -1
- package/dist/components/q2-carousel-pane.js +8 -6
- package/dist/components/q2-carousel-pane.js.map +1 -1
- package/dist/components/q2-carousel.js +26 -10
- package/dist/components/q2-carousel.js.map +1 -1
- package/dist/components/q2-chart-donut.js +19 -11
- package/dist/components/q2-chart-donut.js.map +1 -1
- package/dist/components/q2-checkbox-group.js +1 -1
- package/dist/components/q2-data-table.js +2 -2
- package/dist/components/q2-data-table.js.map +1 -1
- package/dist/components/q2-detail.js +2 -2
- package/dist/components/q2-detail.js.map +1 -1
- package/dist/components/q2-dropdown-item2.js.map +1 -1
- package/dist/components/q2-icon2.js +207 -3106
- package/dist/components/q2-icon2.js.map +1 -1
- package/dist/components/q2-input2.js +31 -6
- package/dist/components/q2-input2.js.map +1 -1
- package/dist/components/q2-item.d.ts +11 -0
- package/dist/components/q2-item.js +137 -0
- package/dist/components/q2-item.js.map +1 -0
- package/dist/components/q2-list.d.ts +11 -0
- package/dist/components/q2-list.js +102 -0
- package/dist/components/q2-list.js.map +1 -0
- package/dist/components/q2-loc.js +1 -1
- package/dist/components/q2-message2.js +3 -3
- package/dist/components/q2-message2.js.map +1 -1
- package/dist/components/q2-optgroup2.js +1 -1
- package/dist/components/q2-option-list2.js +1 -1
- package/dist/components/q2-option2.js +2 -2
- package/dist/components/q2-option2.js.map +1 -1
- package/dist/components/q2-pagination.js +2 -2
- package/dist/components/q2-pagination.js.map +1 -1
- package/dist/components/q2-pill.js +4 -2
- package/dist/components/q2-pill.js.map +1 -1
- package/dist/components/q2-popover2.js +2 -2
- package/dist/components/q2-radio-group.js +1 -1
- package/dist/components/q2-radio.js +2 -2
- package/dist/components/q2-radio.js.map +1 -1
- package/dist/components/q2-relative-time.js +1 -1
- package/dist/components/q2-section.js +2 -2
- package/dist/components/q2-select.js +1 -1
- package/dist/components/q2-stepper-pane.js +1 -1
- package/dist/components/q2-stepper-vertical.js +2 -2
- package/dist/components/q2-stepper-vertical.js.map +1 -1
- package/dist/components/q2-stepper.js +1 -1
- package/dist/components/q2-tab-container.js +2 -2
- package/dist/components/q2-tab-container.js.map +1 -1
- package/dist/components/q2-tab-pane.js +1 -1
- package/dist/components/q2-tag.js +2 -2
- package/dist/components/q2-tag.js.map +1 -1
- package/dist/components/q2-textarea.js +2 -2
- package/dist/components/q2-textarea.js.map +1 -1
- package/dist/components/tecton-tab-pane.js +2 -2
- package/dist/esm/click-elsewhere_2.entry.js +2 -2
- package/dist/esm/{index-12c2a320.js → index-0a702dd6.js} +14 -2
- package/dist/esm/index-0a702dd6.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-sheet.entry.js +1 -1
- package/dist/esm/q2-avatar.entry.js +1 -5
- package/dist/esm/q2-avatar.entry.js.map +1 -1
- package/dist/esm/q2-badge.entry.js +4 -4
- package/dist/esm/q2-badge.entry.js.map +1 -1
- package/dist/esm/q2-btn_2.entry.js +20 -9
- package/dist/esm/q2-btn_2.entry.js.map +1 -1
- package/dist/esm/q2-calendar.entry.js +50 -19
- package/dist/esm/q2-calendar.entry.js.map +1 -1
- package/dist/esm/q2-card.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +7 -6
- package/dist/esm/q2-carousel-pane.entry.js.map +1 -1
- package/dist/esm/q2-carousel.entry.js +25 -11
- package/dist/esm/q2-carousel.entry.js.map +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 +18 -10
- package/dist/esm/q2-chart-donut.entry.js.map +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-data-table.entry.js +3 -3
- package/dist/esm/q2-data-table.entry.js.map +1 -1
- package/dist/esm/q2-detail.entry.js +2 -2
- package/dist/esm/q2-detail.entry.js.map +1 -1
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown-item.entry.js.map +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-icon.entry.js +206 -211
- package/dist/esm/q2-icon.entry.js.map +1 -1
- package/dist/esm/q2-input.entry.js +31 -6
- package/dist/esm/q2-input.entry.js.map +1 -1
- package/dist/esm/q2-item.entry.js +116 -0
- package/dist/esm/q2-item.entry.js.map +1 -0
- package/dist/esm/q2-list.entry.js +80 -0
- package/dist/esm/q2-list.entry.js.map +1 -0
- package/dist/esm/q2-loc.entry.js +2 -2
- package/dist/esm/q2-message.entry.js +3 -3
- package/dist/esm/q2-message.entry.js.map +1 -1
- package/dist/esm/q2-month-picker.entry.js +1 -1
- package/dist/esm/q2-optgroup_2.entry.js +4 -4
- package/dist/esm/q2-optgroup_2.entry.js.map +1 -1
- package/dist/esm/q2-option-list.entry.js +1 -1
- package/dist/esm/q2-pagination.entry.js +3 -3
- package/dist/esm/q2-pagination.entry.js.map +1 -1
- package/dist/esm/q2-pill.entry.js +4 -3
- package/dist/esm/q2-pill.entry.js.map +1 -1
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +3 -3
- package/dist/esm/q2-radio.entry.js.map +1 -1
- package/dist/esm/q2-relative-time.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +3 -3
- package/dist/esm/q2-select.entry.js +1 -1
- package/dist/esm/q2-stepper-pane.entry.js +2 -2
- package/dist/esm/q2-stepper-vertical.entry.js +3 -3
- package/dist/esm/q2-stepper-vertical.entry.js.map +1 -1
- package/dist/esm/q2-stepper.entry.js +2 -2
- package/dist/esm/q2-tab-container.entry.js +3 -3
- package/dist/esm/q2-tab-container.entry.js.map +1 -1
- package/dist/esm/q2-tab-pane.entry.js +1 -1
- package/dist/esm/q2-tag.entry.js +3 -3
- package/dist/esm/q2-tag.entry.js.map +1 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +2 -2
- package/dist/esm/q2-textarea.entry.js.map +1 -1
- package/dist/esm/q2-tooltip.entry.js +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +2 -2
- package/dist/q2-tecton-elements/assets/cards.symbol.svg +1 -1
- package/dist/q2-tecton-elements/assets/icon-list.json +1 -1
- package/dist/q2-tecton-elements/assets/icon-map.json +1 -1
- package/dist/q2-tecton-elements/assets/legacy.symbol.svg +1 -1
- package/dist/q2-tecton-elements/assets/standard.symbol.svg +1 -1
- package/dist/q2-tecton-elements/p-05b015a8.entry.js +2 -0
- package/dist/q2-tecton-elements/p-05b015a8.entry.js.map +1 -0
- package/dist/q2-tecton-elements/p-0d548810.entry.js +2 -0
- package/dist/q2-tecton-elements/p-0d548810.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-cbbc7659.entry.js → p-1c17d118.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-1c17d118.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-86cf292d.entry.js → p-2132da06.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-1fac9c85.entry.js → p-22661533.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-2436c843.entry.js +2 -0
- package/dist/q2-tecton-elements/p-2436c843.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-5ebb80b6.entry.js → p-391acc00.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-5ebb80b6.entry.js.map → p-391acc00.entry.js.map} +1 -1
- package/dist/q2-tecton-elements/p-3b1ea100.entry.js +2 -0
- package/dist/q2-tecton-elements/p-3b1ea100.entry.js.map +1 -0
- package/dist/q2-tecton-elements/p-42302f6f.js +2 -0
- package/dist/q2-tecton-elements/p-42302f6f.js.map +1 -0
- package/dist/q2-tecton-elements/{p-92955258.entry.js → p-4570ff06.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-47868d6d.entry.js +2 -0
- package/dist/q2-tecton-elements/p-47868d6d.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-c1e03092.entry.js → p-4a332c2a.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-0a705412.entry.js → p-4b81a121.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-4bbe563f.entry.js +2 -0
- package/dist/q2-tecton-elements/p-4bbe563f.entry.js.map +1 -0
- package/dist/q2-tecton-elements/p-4f7e2c8a.entry.js +2 -0
- package/dist/q2-tecton-elements/p-4f7e2c8a.entry.js.map +1 -0
- package/dist/q2-tecton-elements/p-50bd4437.entry.js +2 -0
- package/dist/q2-tecton-elements/p-50bd4437.entry.js.map +1 -0
- package/dist/q2-tecton-elements/p-515d424b.entry.js +2 -0
- package/dist/q2-tecton-elements/{p-913a23f5.entry.js.map → p-515d424b.entry.js.map} +1 -1
- package/dist/q2-tecton-elements/{p-bb6e6290.entry.js → p-57bf9342.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-0fccdca2.entry.js → p-5dc5c4e2.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-5dc5c4e2.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-5b9ee831.entry.js → p-63192fac.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-281e7ce7.entry.js → p-685b821c.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-bd5e5864.entry.js → p-71180fcd.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-db615608.entry.js → p-7523305d.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-ca8dd86f.entry.js → p-7f663376.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-b52eb7ce.entry.js → p-8dc489e1.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-a214077c.entry.js +2 -0
- package/dist/q2-tecton-elements/p-a214077c.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-3bc27513.entry.js → p-aec64fcb.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-aed969d4.entry.js +2 -0
- package/dist/q2-tecton-elements/p-aed969d4.entry.js.map +1 -0
- package/dist/q2-tecton-elements/p-b21ed2d9.entry.js +2 -0
- package/dist/q2-tecton-elements/p-b21ed2d9.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-1954ab7d.entry.js → p-b3322f94.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-b3322f94.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-25eccf38.entry.js → p-b3d10d52.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-25eccf38.entry.js.map → p-b3d10d52.entry.js.map} +1 -1
- package/dist/q2-tecton-elements/{p-5b3f885f.entry.js → p-b7d5fd12.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-b7d5fd12.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-cb30f949.entry.js → p-bf125cdf.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-d1a9ed3d.entry.js +2 -0
- package/dist/q2-tecton-elements/p-d1a9ed3d.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-73a3c437.entry.js → p-d635e39f.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-a5b16c01.entry.js → p-d9e19f70.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-d9e19f70.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-a89814b8.entry.js → p-dc057a9c.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-debd5249.entry.js +2 -0
- package/dist/q2-tecton-elements/p-debd5249.entry.js.map +1 -0
- package/dist/q2-tecton-elements/p-df297a77.entry.js +2 -0
- package/dist/q2-tecton-elements/p-df297a77.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-6afb4d46.entry.js → p-e762526f.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-698f82c5.entry.js → p-f1265647.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-954d49de.entry.js → p-f162c670.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-f418967b.entry.js +2 -0
- package/dist/q2-tecton-elements/p-f418967b.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-fddebc47.entry.js → p-f4d77672.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-fcc84527.entry.js +2 -0
- package/dist/q2-tecton-elements/p-fcc84527.entry.js.map +1 -0
- 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/test/elements/q2-badge-test.e2e.js +11 -3
- package/dist/test/elements/q2-badge-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-btn-test.e2e.js +25 -25
- package/dist/test/elements/q2-btn-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-calendar-test.e2e.js +3 -3
- package/dist/test/elements/q2-calendar-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-carousel-pane-test.e2e.js +16 -86
- package/dist/test/elements/q2-carousel-pane-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-carousel-pane-test.spec.js +113 -0
- package/dist/test/elements/q2-carousel-pane-test.spec.js.map +1 -0
- package/dist/test/elements/q2-carousel-test.e2e.js +27 -1
- package/dist/test/elements/q2-carousel-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-chart-donut-test.e2e.js +64 -30
- package/dist/test/elements/q2-chart-donut-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-currency-test.e2e.js +7 -7
- package/dist/test/elements/q2-currency-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-detail/q2-detail-test.e2e.js +1 -1
- package/dist/test/elements/q2-detail/q2-detail-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-detail/q2-item-test.e2e.js +223 -0
- package/dist/test/elements/q2-detail/q2-item-test.e2e.js.map +1 -0
- package/dist/test/elements/q2-detail/q2-list-test.e2e.js +92 -0
- package/dist/test/elements/q2-detail/q2-list-test.e2e.js.map +1 -0
- package/dist/test/elements/q2-icon-test.e2e.js +20 -98
- package/dist/test/elements/q2-icon-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-input-test.e2e.js +140 -7
- package/dist/test/elements/q2-input-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-pill-test.e2e.js +23 -0
- package/dist/test/elements/q2-pill-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-relative-time-test.e2e.js +50 -48
- package/dist/test/elements/q2-relative-time-test.e2e.js.map +1 -1
- package/dist/test/elements/q2-textarea-test.e2e.js +4 -8
- package/dist/test/elements/q2-textarea-test.e2e.js.map +1 -1
- package/dist/test/helpers.js +18 -16
- package/dist/test/helpers.js.map +1 -1
- package/dist/test/utils/index.spec.js +18 -0
- package/dist/test/utils/index.spec.js.map +1 -0
- package/dist/types/components/q2-avatar/q2-avatar.d.ts +0 -1
- package/dist/types/components/q2-badge/q2-badge.d.ts +1 -0
- package/dist/types/components/q2-btn/q2-btn.d.ts +1 -0
- package/dist/types/components/q2-carousel/q2-carousel.d.ts +3 -0
- package/dist/types/components/q2-carousel-pane/q2-carousel-pane.d.ts +5 -0
- package/dist/types/components/q2-chart-donut/q2-chart-donut.d.ts +13 -12
- package/dist/types/components/q2-icon/q2-icon.d.ts +1 -5
- package/dist/types/components/q2-input/q2-input.d.ts +8 -0
- package/dist/types/components/q2-item/q2-item.d.ts +21 -0
- package/dist/types/components/q2-list/q2-list.d.ts +20 -0
- package/dist/types/components.d.ts +82 -14
- package/dist/types/global.d.ts +1 -1
- package/dist/types/utils/index.d.ts +6 -0
- package/dist/types/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +1 -1
- package/package.json +3 -3
- package/dist/cjs/icons-04e4f595.js +0 -2900
- package/dist/cjs/icons-04e4f595.js.map +0 -1
- package/dist/cjs/index-1deac3ee.js.map +0 -1
- package/dist/collection/components/q2-icon/icons.js +0 -1184
- package/dist/collection/components/q2-icon/icons.js.map +0 -1
- package/dist/esm/icons-8f4c3b69.js +0 -2898
- package/dist/esm/icons-8f4c3b69.js.map +0 -1
- package/dist/esm/index-12c2a320.js.map +0 -1
- package/dist/q2-tecton-elements/p-043bb5c0.entry.js +0 -2
- package/dist/q2-tecton-elements/p-043bb5c0.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-0e2e7b2d.entry.js +0 -2
- package/dist/q2-tecton-elements/p-0e2e7b2d.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-0fccdca2.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-1954ab7d.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-55bc5c9b.entry.js +0 -2
- package/dist/q2-tecton-elements/p-55bc5c9b.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-562d598b.entry.js +0 -2
- package/dist/q2-tecton-elements/p-562d598b.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-5b3f885f.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-5c46acb8.js +0 -2
- package/dist/q2-tecton-elements/p-5c46acb8.js.map +0 -1
- package/dist/q2-tecton-elements/p-5dd0eede.entry.js +0 -2
- package/dist/q2-tecton-elements/p-5dd0eede.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-6479c450.entry.js +0 -2
- package/dist/q2-tecton-elements/p-6479c450.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-7c5d43cf.entry.js +0 -2
- package/dist/q2-tecton-elements/p-7c5d43cf.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-7ff4c446.entry.js +0 -2
- package/dist/q2-tecton-elements/p-7ff4c446.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-87d72e3e.entry.js +0 -2
- package/dist/q2-tecton-elements/p-87d72e3e.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-913a23f5.entry.js +0 -2
- package/dist/q2-tecton-elements/p-a5b16c01.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-c13ce2d3.entry.js +0 -2
- package/dist/q2-tecton-elements/p-c13ce2d3.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-cbbc7659.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-d7e608f7.entry.js +0 -2
- package/dist/q2-tecton-elements/p-d7e608f7.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-dce084f9.entry.js +0 -2
- package/dist/q2-tecton-elements/p-dce084f9.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-ecce27a0.entry.js +0 -2
- package/dist/q2-tecton-elements/p-ecce27a0.entry.js.map +0 -1
- package/dist/q2-tecton-elements/p-f6c1f69b.js +0 -2
- package/dist/q2-tecton-elements/p-f6c1f69b.js.map +0 -1
- package/dist/q2-tecton-elements/p-f8c7cad7.entry.js +0 -2
- package/dist/q2-tecton-elements/p-f8c7cad7.entry.js.map +0 -1
- package/dist/types/components/q2-icon/icons.d.ts +0 -3
- /package/dist/q2-tecton-elements/{p-86cf292d.entry.js.map → p-2132da06.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-1fac9c85.entry.js.map → p-22661533.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-92955258.entry.js.map → p-4570ff06.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-c1e03092.entry.js.map → p-4a332c2a.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-0a705412.entry.js.map → p-4b81a121.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-bb6e6290.entry.js.map → p-57bf9342.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-5b9ee831.entry.js.map → p-63192fac.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-281e7ce7.entry.js.map → p-685b821c.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-bd5e5864.entry.js.map → p-71180fcd.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-db615608.entry.js.map → p-7523305d.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-ca8dd86f.entry.js.map → p-7f663376.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-b52eb7ce.entry.js.map → p-8dc489e1.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-3bc27513.entry.js.map → p-aec64fcb.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-cb30f949.entry.js.map → p-bf125cdf.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-73a3c437.entry.js.map → p-d635e39f.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-a89814b8.entry.js.map → p-dc057a9c.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-6afb4d46.entry.js.map → p-e762526f.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-698f82c5.entry.js.map → p-f1265647.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-954d49de.entry.js.map → p-f162c670.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-fddebc47.entry.js.map → p-f4d77672.entry.js.map} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["q2PillCss","Q2PillStyle0","Q2Pill","this","scheduledAfterRender","syncValueProperties","value","selectedOptions","length","selectedOptionsChanged","valueChanged","getOption","async","optionList","options","getOptions","find","option","hostElement","querySelector","updateSelectedOptionElements","selectedValues","map","_a","optionCount","active","selectedOptionElements","filter","includes","determineOptionCount","numberOfOptions","querySelectorAll","clearSelectedOptions","open","primaryBtn","focus","change","emit","values","push","resizeIframe","handleClick","event","stopPropagation","disabled","shouldShowActionSheet","executeActionSheet","popoverElement","toggle","label","isActive","display","handleKeydown","isTabMetaOrCtrl","metaKey","ctrlKey","key","preventDefault","handleExternalKeydown","handleButtonFocusout","relatedTarget","tagName","handleChange","handleSelectionChanges","detail","handleWrapperClick","click","onClickElsewhere","target","localName","window","Tecton","useActionSheets","componentWillLoad","observer","MutationObserver","observe","childList","attributes","mutationObserver","componentDidLoad","overrideFocus","componentDidRender","forEach","fn","disconnectedCallback","disconnect","buttonContent","loc","count","truncatedButtonContent","maxLength","substring","result","showActionSheetList","changeDetails","multiple","onchange","undefined","selectedOption","newValue","firstValue","_b","delegateFocus","isEventFromElement","popoverStateHandler","setActiveElement","handleSelectedDisplay","generateIcon","isButton","TagName","iconName","h","class","onClick","type","generateHiddenElement","id","render","wrapperClassNames","onChange","join","ref","el","primaryBtnWrapper","tabIndex","role","onKeyDown","onFocusout","controlElement","minHeight","popoverMinHeight","direction","popoverDirection","align","popoverAlignment","onReady","optionListLabel"],"sources":["src/components/q2-pill/q2-pill.scss?tag=q2-pill&encapsulation=shadow","src/components/q2-pill/q2-pill.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-block;\n position: relative;\n line-height: 0;\n}\n\n:host(:not(:last-child)) {\n margin-inline-end: var-list(var-prefixer(pill-margin), --app-scale-2x, 10px);\n}\n\nq2-popover,\n.btn-wrapper {\n --comp-pill-min-height: #{var-list(var-prefixer(pill-min-height), 44px)};\n --comp-pill-btn-height: #{var-list(var-prefixer(pill-btn-height), 30px)};\n}\n\n.btn-wrapper {\n --comp-pill-btn-border-width: #{var-list(var-prefixer(pill-btn-border-width), 2px)};\n --comp-close-size: 0px;\n --comp-btn-background: #{var-list(var-prefixer(pill-btn-background), --t-base, #ffffff)};\n --comp-hover-btn-background: #{var-list(var-prefixer(pill-hover-btn-background), --t-gray-13, #e6e6e6)};\n --comp-btn-padding: #{var-list(var-prefixer(pill-btn-padding-inline), --app-scale-3x, 15px)};\n --comp-btn-color: #{var-list(var-prefixer(pill-btn-color), --t-gray-3, #262626)};\n --comp-active-btn-color: var(--comp-btn-background);\n --comp-active-btn-background: #{var-list(var-prefixer(pill-active-btn-background), --t-gray-7, #666666)};\n --comp-active-btn-border-color: #{var-list(var-prefixer(pill-active-btn-border-color), --t-gray-7, #666666)};\n --comp-hover-active-btn-background: #{var-list(var-prefixer(pill-active-btn-background), --t-gray-6, #4d4d4d)};\n --comp-hover-active-btn-border-color: #{var-list(var-prefixer(pill-active-btn-background), --t-gray-6, #4d4d4d)};\n\n position: relative;\n\n :host(:not(:empty)) &,\n &.has-icon {\n --comp-close-size: var(--comp-pill-btn-height);\n }\n\n :host([active]) & {\n --comp-btn-color: #{var-list(var-prefixer(pill-active-btn-color), --t-base, #ffffff)};\n }\n\n :host([theme='primary']) & {\n --comp-active-btn-background: #{var-list(--tct-pill-primary-active-background, --t-primary, #61c4ff)};\n --comp-active-btn-color: #{var-list(--tct-pill-primary-active-font-color, --t-primary-text, #ffffff)};\n --comp-active-btn-border-color: #{var-list(--tct-pill-primary-active-border-color, --t-primary, #61c4ff)};\n --comp-hover-active-btn-background: #{var-list(\n --tct-pill-primary-active-hover-background,\n --t-primary-l3,\n #21acff\n )};\n --comp-hover-active-btn-border-color: #{var-list(\n --tct-pill-primary-active-hover-border-color,\n --t-primary-l3,\n #21acff\n )};\n }\n\n :host([theme='secondary']) & {\n --comp-active-btn-background: #{var-list(--tct-pill-secondary-active-background, --t-secondary, #d9e1e6)};\n --comp-active-btn-color: #{var-list(--tct-pill-secondary-active-font-color, --t-secondary-text, #141414)};\n --comp-active-btn-border-color: #{var-list(--tct-pill-secondary-active-border-color, --t-secondary, #d9e1e6)};\n --comp-hover-active-btn-background: #{var-list(\n --tct-pill-secondary-active-hover-background,\n --t-secondary-l3,\n #c9d5db\n )};\n --comp-hover-active-btn-border-color: #{var-list(\n --tct-pill-secondary-active-hover-border-color,\n --t-secondary-l3,\n #c9d5db\n )};\n }\n\n :host([theme='tertiary']) & {\n --comp-active-btn-background: #{var-list(--tct-pill-tertiary-active-background, --t-tertiary, #f4fafe)};\n --comp-active-btn-color: #{var-list(--tct-pill-tertiary-active-font-color, --t-tertiary-text, #141414)};\n --comp-active-btn-border-color: #{var-list(--tct-pill-tertiary-active-border-color, --t-tertiary, #f4fafe)};\n --comp-hover-active-btn-background: #{var-list(\n --tct-pill-tertiary-active-hover-background,\n --t-tertiary-l3,\n #eff8fd\n )};\n --comp-hover-active-btn-border-color: #{var-list(\n --tct-pill-tertiary-active-hover-border-color,\n --t-tertiary-l3,\n #eff8fd\n )};\n }\n}\n\n.btn-height-wrapper {\n height: var(--comp-pill-min-height);\n display: flex;\n align-items: center;\n cursor: pointer;\n &:focus {\n box-shadow: none;\n }\n\n :host([disabled]) & {\n cursor: not-allowed;\n }\n}\n\n.btn-close,\n.btn-primary {\n cursor: pointer;\n height: var(--comp-pill-btn-height);\n border-style: solid;\n border-radius: var-list(var-prefixer(pill-btn-border-radius), 30px);\n transition-property: background, color, padding, width, opacity;\n transition: var-list(var-prefixer(pill-btn-tween), --app-tween-1, unquote('0.2s ease'));\n}\n\n.btn-close,\n.btn-primary,\nq2-icon {\n :host([disabled]) & {\n opacity: var-list(var-prefixer(pill-disabled-opacity), --tct-disabled-opacity, --app-disabled-opacity, 0.4);\n cursor: not-allowed;\n }\n}\n\n.btn-primary {\n background: var(--comp-btn-background);\n border-width: var-list(--comp-pill-btn-border-width);\n border-color: var-list(var-prefixer(pill-btn-border-color), --t-a11y-gray-color-AA, #949494);\n padding-inline: var(--comp-btn-padding);\n padding-right: calc(var(--comp-btn-padding) + var(--comp-close-size));\n font-size: var-list(var-prefixer(pill-btn-font-size), --app-font-size, 14px);\n color: var(--comp-btn-color);\n display: block;\n width: 100%;\n text-align: start;\n\n &:focus,\n &:hover {\n background: var(--comp-hover-btn-background);\n }\n\n :host(:not(:empty)) &,\n .has-icon & {\n padding-right: calc(#{var-list(var-prefixer(pill-icon-gap), --app-scale-1x, 5px)} + var(--comp-close-size));\n }\n\n .has-options & {\n @include line-clamp(1);\n max-width: var-list(var-prefixer(pill-max-width), 200px);\n }\n\n :host([active]) & {\n background: var(--comp-active-btn-background);\n border-color: var(--comp-active-btn-border-color);\n color: var(--comp-active-btn-color);\n\n &:focus,\n &:hover {\n background: var(--comp-hover-active-btn-background);\n border-color: var(--comp-hover-active-btn-border-color);\n }\n }\n}\n\n.btn-close {\n background: transparent;\n border-color: transparent;\n border-width: var(--comp-pill-btn-border-width);\n width: var(--comp-close-size);\n height: var(--comp-close-size);\n padding: 0;\n border: 0;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n opacity: 0;\n :host([active]) & {\n color: var(--comp-active-btn-color);\n }\n\n :host(:not(:empty)) &,\n .has-icon & {\n opacity: 1;\n }\n}\n\nq2-icon {\n --t-icon-stroke-primary: currentcolor;\n width: var-list(var-prefixer(pill-icon-size), 14px);\n height: var-list(var-prefixer(pill-icon-size), 14px);\n transition-property: transform;\n transition: var-list(var-prefixer(pill-btn-tween), --app-tween-1, unquote('0.2s ease'));\n}\n\ndiv.btn-close {\n pointer-events: none;\n\n :host([open]) & q2-icon {\n transform: rotate(180deg);\n }\n}\n\nbutton.btn-close {\n :host([active]) & {\n &:focus,\n &:hover {\n background: var-list(var-prefixer(pill-hover-close-btn-background), --t-top-a1, rgba(13, 13, 13, 0.35));\n border-color: var-list(var-prefixer(pill-hover-close-btn-border-color), --t-top-a1, rgba(13, 13, 13, 0.35));\n }\n }\n}\n\nq2-popover {\n top: calc(var(--comp-pill-min-height) - calc(calc(var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2));\n}\n","import {\n Component,\n State,\n Prop,\n h,\n ComponentInterface,\n Listen,\n Watch,\n Element,\n EventEmitter,\n Event,\n} from '@stencil/core';\nimport { isEventFromElement, loc, overrideFocus, resizeIframe } from 'src/utils';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\nimport { IOptionValue } from '../q2-option-list/q2-option-list';\n\n@Component({ tag: 'q2-pill', shadow: true, styleUrl: 'q2-pill.scss' })\nexport class Q2Pill implements ComponentInterface {\n /** Determine if the elements is in the selected state, with values. */\n @Prop({ reflect: true, mutable: true }) active: boolean;\n\n /** Indicates the pill cannot be focused or interacted with. */\n @Prop({ reflect: true }) disabled: boolean;\n\n /**\n * Instructs the component to use the action sheet workflow for displaying its options.\n *\n * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).\n */\n @Prop() hoist: boolean = !!window.Tecton?.useActionSheets;\n\n /**\n * The text that populates the label.\n * @localizable\n */\n @Prop({ reflect: true }) label: string;\n\n /**\n * The maximum number of characters to display before ellipcizing.\n * @info\n * Limitless by default.\n */\n @Prop({ reflect: true }) maxLength: number;\n\n /**\n * Enables the multi-select ability for the dropdown.\n * @info\n * Only applicable when options are provided.\n */\n @Prop({ reflect: true }) multiple: boolean;\n\n /** Determine whether the popover is open or closed. */\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /** Determines the label that is applied to the option list for accessibility purposes. */\n @Prop() optionListLabel: string;\n\n /**\n * Force the direction of the popover dropdown when it opens.\n * If no value is passed, the component will auto-detect the direction based on available space.\n */\n @Prop() popoverDirection: 'up' | 'down';\n\n /** Aligns the popover dropdown to the left or right side of the input field. */\n @Prop({ mutable: true }) popoverAlignment: 'left' | 'right' = 'right';\n\n /** @deprecated */\n @Prop() popoverMinHeight: number = 150;\n\n /** A list of the selected options on the element. */\n @Prop({ mutable: true }) selectedOptions: IOptionValue[] = [];\n\n /** The color of the element when in the active state. */\n @Prop({ reflect: true }) theme: 'primary' | 'secondary' | 'tertiary';\n\n /** The value emitted when the component is selected. */\n @Prop({ reflect: true, mutable: true }) value: string;\n\n @State() optionCount: number;\n @State() selectedOptionElements: HTMLQ2OptionElement[] = [];\n\n @Element() hostElement: HTMLElement;\n\n /**\n * Emitted when the pill is clicked or the selected options change.\n * @legacyEvent\n */\n @Event() change: EventEmitter<{ value: string; values: IOptionValue[]; active: boolean }>;\n scheduledAfterRender: (() => void)[] = [];\n primaryBtn: HTMLButtonElement;\n primaryBtnWrapper: HTMLElement;\n optionList: HTMLQ2OptionListElement;\n mutationObserver: MutationObserver;\n popoverElement: HTMLQ2PopoverElement;\n\n /// LifeCycle Hooks ///\n componentWillLoad() {\n const observer = new MutationObserver(this.determineOptionCount);\n observer.observe(this.hostElement, { childList: true, attributes: true });\n this.mutationObserver = observer;\n }\n\n componentDidLoad() {\n overrideFocus(this.hostElement);\n this.syncValueProperties();\n }\n\n componentDidRender() {\n this.scheduledAfterRender.forEach(fn => fn());\n this.scheduledAfterRender = [];\n }\n\n disconnectedCallback() {\n this.mutationObserver.disconnect();\n this.mutationObserver = null;\n }\n\n /// Getters ///\n get buttonContent() {\n const { label, selectedOptions, selectedOptionElements, optionCount } = this;\n\n if (!optionCount || selectedOptionElements.length === 0) return loc(label);\n else if (selectedOptionElements.length === 1) return loc(selectedOptionElements[0].display);\n\n return loc('tecton.element.pill.activeCount', { count: selectedOptions.length });\n }\n\n get truncatedButtonContent() {\n const { maxLength, buttonContent } = this;\n if (maxLength)\n return buttonContent.length > maxLength ? `${buttonContent.substring(0, maxLength)}…` : buttonContent;\n else return buttonContent;\n }\n\n /// Helpers ///\n syncValueProperties = () => {\n const { value, selectedOptions } = this;\n if (!!selectedOptions?.length) this.selectedOptionsChanged(selectedOptions);\n else if (value) this.valueChanged(value);\n };\n\n getOption = async (value: string) => {\n if (this.optionList) {\n const options = await this.optionList.getOptions();\n return options.find(option => option.value === value);\n } else {\n return this.hostElement.querySelector<HTMLQ2OptionElement>(`q2-option[value=\"${value}\"]`);\n }\n };\n\n updateSelectedOptionElements = async () => {\n const { selectedOptions = [] } = this;\n const selectedValues = selectedOptions.map(option => option.value);\n const options = await this.optionList?.getOptions();\n if (this.optionCount) this.active = !!selectedValues.length;\n this.selectedOptionElements = options?.filter(option => selectedValues.includes(option.value)) || [];\n };\n\n determineOptionCount = () => {\n const numberOfOptions = this.hostElement.querySelectorAll('q2-option').length;\n this.optionCount = numberOfOptions;\n };\n\n async executeActionSheet(event: MouseEvent | KeyboardEvent) {\n const result = await showActionSheetList(this, event);\n this.handleSelectionChanges(result);\n }\n\n async handleSelectionChanges(changeDetails: { value?: string; values?: IOptionValue[] }) {\n const { multiple } = this;\n const { value = '', values = [] } = changeDetails;\n const isActive = multiple ? !!values.length : !!value;\n if (!this.hostElement.onchange) {\n if (multiple) {\n this.selectedOptions = values;\n this.value = undefined;\n } else {\n const selectedOption = await this.getOption(value);\n this.selectedOptions = selectedOption\n ? [{ value: selectedOption.value, display: selectedOption.display }]\n : [];\n this.value = selectedOption?.value || undefined;\n }\n }\n\n this.change.emit({\n value,\n values,\n active: isActive,\n });\n }\n\n clearSelectedOptions = () => {\n this.selectedOptions = [];\n this.value = null;\n this.active = false;\n this.open = false;\n this.primaryBtn.focus();\n this.change.emit({ value: null, values: [], active: false });\n this.scheduledAfterRender.push(resizeIframe);\n };\n\n /// Watchers ///\n @Watch('value')\n async valueChanged(newValue) {\n const { multiple, selectedOptions } = this;\n const firstValue = selectedOptions?.[0]?.value ?? null;\n if (multiple) return;\n if (newValue === firstValue) this.updateSelectedOptionElements();\n else {\n const selectedOption = await this.getOption(newValue);\n const { value, display } = selectedOption || { value: newValue, display: null };\n this.selectedOptions = value ? [{ value, display }] : [];\n }\n }\n\n @Watch('selectedOptions')\n selectedOptionsChanged(newValue) {\n const { multiple } = this;\n const firstValue = newValue?.[0]?.value ?? null;\n if (multiple) {\n if (this.value) this.value = null;\n this.updateSelectedOptionElements();\n } else if (this.value === firstValue) {\n this.updateSelectedOptionElements();\n } else {\n this.value = firstValue;\n }\n }\n\n /// Listeners ///\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n this.primaryBtn.focus();\n }\n\n @Listen('popoverStateChanged')\n popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n if (this.open !== open) this.open = open;\n if (open) return;\n this.optionList.setActiveElement(null);\n }\n\n @Listen('displayChanged')\n handleSelectedDisplay() {\n if (this.multiple) return;\n this.updateSelectedOptionElements();\n }\n /// Event Handlers ///\n\n handleClick = async (event: MouseEvent) => {\n event.stopPropagation();\n if (this.disabled) return;\n if (this.optionCount) {\n if (shouldShowActionSheet(this)) {\n this.executeActionSheet(event);\n } else {\n await this.popoverElement.toggle();\n }\n } else {\n const { value, label } = this;\n const isActive = (this.active = !this.active);\n const values = isActive ? [{ value, display: label }] : [];\n this.selectedOptions = values;\n this.change.emit({\n value,\n values,\n active: isActive,\n });\n }\n };\n\n handleKeydown = async (event: KeyboardEvent) => {\n const isTabMetaOrCtrl = event.metaKey || event.ctrlKey || event.key === 'Tab';\n if (!this.optionCount || this.disabled || isTabMetaOrCtrl) return;\n\n event.preventDefault();\n if (shouldShowActionSheet(this, event)) {\n this.executeActionSheet(event);\n } else {\n this.optionList.handleExternalKeydown(event);\n }\n };\n\n handleButtonFocusout = async (event: FocusEvent) => {\n const relatedTarget = event.relatedTarget as unknown as HTMLElement;\n if (relatedTarget?.tagName === 'Q2-OPTION' ?? false) return;\n this.open = false;\n };\n\n handleChange = event => {\n event.stopPropagation();\n if (!this.optionCount) return;\n this.handleSelectionChanges(event.detail);\n };\n\n handleWrapperClick = () => {\n this.primaryBtn.focus();\n this.primaryBtn.click();\n };\n\n onClickElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName === 'click-elsewhere') {\n event.stopPropagation();\n const { popoverElement } = this;\n if (!popoverElement) return;\n popoverElement.open = false;\n }\n };\n\n /// DOM ///\n generateIcon() {\n const { optionCount, active } = this;\n const isButton = optionCount && active;\n const TagName = isButton ? 'button' : 'div';\n const iconName = isButton || !optionCount ? 'close' : 'chevron-down';\n\n return (\n <TagName\n class=\"btn-close\"\n onClick={isButton && this.clearSelectedOptions}\n disabled={isButton && this.disabled}\n aria-label={isButton && loc('tecton.element.pill.clearSelection')}\n type={isButton && 'button'}\n >\n <q2-icon type={iconName}></q2-icon>\n </TagName>\n );\n }\n\n generateHiddenElement() {\n return (\n <div\n id=\"option-description\"\n class=\"sr\"\n aria-hidden=\"true\"\n >\n {loc('tecton.element.optionList.optionCount', [this.optionCount])}\n </div>\n );\n }\n\n render() {\n const { optionCount, active, open } = this;\n const wrapperClassNames = ['btn-wrapper'];\n if (optionCount || active) wrapperClassNames.push('has-icon');\n if (optionCount) wrapperClassNames.push('has-options');\n\n return (\n <click-elsewhere onChange={this.onClickElsewhere}>\n <div class={wrapperClassNames.join(' ')}>\n <div\n class=\"btn-height-wrapper\"\n ref={el => (this.primaryBtnWrapper = el)}\n onClick={this.handleWrapperClick}\n tabIndex={-1}\n >\n <button\n class=\"btn-primary\"\n test-id=\"btn-control\"\n type=\"button\"\n role=\"combobox\"\n ref={el => (this.primaryBtn = el)}\n onClick={this.handleClick}\n onKeyDown={this.handleKeydown}\n onFocusout={this.handleButtonFocusout}\n disabled={this.disabled}\n aria-roledescription={!optionCount && 'filter'}\n aria-controls={optionCount && 'option-list'}\n aria-expanded={(optionCount && `${!!open}`) || undefined}\n aria-label={this.maxLength && this.buttonContent}\n aria-describedby={(optionCount && 'option-description') || undefined}\n >\n {this.truncatedButtonContent}\n {!optionCount && active && <span class=\"sr\">({loc('tecton.element.pill.active')})</span>}\n </button>\n </div>\n {this.generateIcon()}\n {this.generateHiddenElement()}\n </div>\n {this.optionCount > 0 && (\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.primaryBtn}\n open={this.open}\n minHeight={this.popoverMinHeight}\n direction={this.popoverDirection}\n align={this.popoverAlignment}\n >\n <q2-option-list\n type=\"listbox\"\n ref={el => (this.optionList = el)}\n id=\"option-list\"\n onChange={this.handleChange}\n multiple={this.multiple}\n selectedOptions={this.selectedOptions}\n onReady={() => this.updateSelectedOptionElements()}\n label={loc('tecton.element.optionList.label', [this.optionListLabel])}\n >\n <slot />\n </q2-option-list>\n </q2-popover>\n )}\n </click-elsewhere>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,g as i}from"./p-a5f18e27.js";import{o as a,l as n,i as o}from"./p-5c46acb8.js";import{bo as s,W as l,_ as c,av as u,bp as h,bq as v,b2 as f,br as d,D as p,bs as m,x as g,a0 as b,I as y,bt as x,aJ as w,bu as S,bv as T,j as M,bw as C,E as I,bx as k,by as z,bz as A,bA as D,d as N,bB as L,bC as O,bD as B,bE as U,bF as R,bG as P,bH as W,bI as F,a as Y,bJ as G,bK as j,bL as H,bM as X,bN as E,bg as _,aH as K,bO as q,aY as $,bP as J,bQ as Z,bR as V,a9 as Q,aZ as tt,bS as et,ax as rt,bT as it,a4 as at,m as nt,a6 as ot,o as st,y as lt,bU as ct,bV as ut,b as ht,bW as vt,a$ as ft,bX as dt,bY as pt,bZ as mt,c as gt,af as bt,G as yt,ay as xt,b3 as wt,az as St,b_ as Tt,a_ as Mt,u as Ct,b$ as It,at as kt,a3 as zt,R as At,bj as Dt,i as Nt,s as Lt,z as Ot,t as Bt,g as Ut,bb as Rt,c0 as Pt,V as Wt,b5 as Ft,C as Yt,ah as Gt,aj as jt,c1 as Ht,c2 as Xt,c3 as Et,S as _t,c4 as Kt,ab as qt,aa as $t,ac as Jt}from"./p-dfed434e.js";import{l as Zt,a as Vt,g as Qt,s as te,b as ee,i as re}from"./p-e640b69a.js";function ie(t,e){var r=s(e.get("padding"));var i=e.getItemStyle(["color","opacity"]);i.fill=e.get("backgroundColor");t=new l({shape:{x:t.x-r[3],y:t.y-r[0],width:t.width+r[1]+r[3],height:t.height+r[0]+r[2],r:e.get("borderRadius")},style:i,silent:true,z2:-1});return t}var ae=function(t){c(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.type="tooltip";e.dependencies=["axisPointer"];e.defaultOption={z:60,show:true,showContent:true,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:false,displayMode:"single",renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,enterable:false,backgroundColor:"#fff",shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:"#999",width:1,type:"dashed",textStyle:{}}},textStyle:{color:"#666",fontSize:14}};return e}(u);const ne=ae;function oe(t){var e=t.get("confine");return e!=null?!!e:t.get("renderMode")==="richText"}function se(t){if(!v.domSupported){return}var e=document.documentElement.style;for(var r=0,i=t.length;r<i;r++){if(t[r]in e){return t[r]}}}var le=se(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);var ce=se(["webkitTransition","transition","OTransition","MozTransition","msTransition"]);function ue(t,e){if(!t){return e}e=h(e,true);var r=t.indexOf(e);t=r===-1?e:"-"+t.slice(0,r)+"-"+e;return t.toLowerCase()}function he(t,e){var r=t.currentStyle||document.defaultView&&document.defaultView.getComputedStyle(t);return r?e?r[e]:r:null}var ve=ue(ce,"transition");var fe=ue(le,"transform");var de="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(v.transform3dSupported?"will-change:transform;":"");function pe(t){t=t==="left"?"right":t==="right"?"left":t==="top"?"bottom":"top";return t}function me(t,e,r){if(!f(r)||r==="inside"){return""}var i=t.get("backgroundColor");var a=t.get("borderWidth");e=g(e);var n=pe(r);var o=Math.max(Math.round(a)*1.5,6);var s="";var l=fe+":";var c;if(w(["left","right"],n)>-1){s+="top:50%";l+="translateY(-50%) rotate("+(c=n==="left"?-225:-45)+"deg)"}else{s+="left:50%";l+="translateX(-50%) rotate("+(c=n==="top"?225:45)+"deg)"}var u=c*Math.PI/180;var h=o+a;var v=h*Math.abs(Math.cos(u))+h*Math.abs(Math.sin(u));var d=Math.round(((v-Math.SQRT2*a)/2+Math.SQRT2*a-(v-h)/2)*100)/100;s+=";"+n+":-"+d+"px";var p=e+" solid "+a+"px;";var m=["position:absolute;width:"+o+"px;height:"+o+"px;z-index:-1;",s+";"+l+";","border-bottom:"+p,"border-right:"+p,"background-color:"+i+";"];return'<div style="'+m.join("")+'"></div>'}function ge(t,e){var r="cubic-bezier(0.23,1,0.32,1)";var i=" "+t/2+"s "+r;var a="opacity"+i+",visibility"+i;if(!e){i=" "+t+"s "+r;a+=v.transformSupported?","+fe+i:",left"+i+",top"+i}return ve+":"+a}function be(t,e,r){var i=t.toFixed(0)+"px";var a=e.toFixed(0)+"px";if(!v.transformSupported){return r?"top:"+a+";left:"+i+";":[["top",a],["left",i]]}var n=v.transform3dSupported;var o="translate"+(n?"3d":"")+"("+i+","+a+(n?",0":"")+")";return r?"top:0;left:0;"+fe+":"+o+";":[["top",0],["left",0],[le,o]]}function ye(t){var e=[];var r=t.get("fontSize");var i=t.getTextColor();i&&e.push("color:"+i);e.push("font:"+t.getFont());r&&e.push("line-height:"+Math.round(r*3/2)+"px");var a=t.get("textShadowColor");var n=t.get("textShadowBlur")||0;var o=t.get("textShadowOffsetX")||0;var s=t.get("textShadowOffsetY")||0;a&&n&&e.push("text-shadow:"+o+"px "+s+"px "+n+"px "+a);y(["decoration","align"],(function(r){var i=t.get(r);i&&e.push("text-"+r+":"+i)}));return e.join(";")}function xe(t,e,r){var i=[];var a=t.get("transitionDuration");var n=t.get("backgroundColor");var o=t.get("shadowBlur");var l=t.get("shadowColor");var c=t.get("shadowOffsetX");var u=t.get("shadowOffsetY");var v=t.getModel("textStyle");var f=S(t,"html");var d=c+"px "+u+"px "+o+"px "+l;i.push("box-shadow:"+d);e&&a&&i.push(ge(a,r));if(n){i.push("background-color:"+n)}y(["width","color","radius"],(function(e){var r="border-"+e;var a=h(r);var n=t.get(a);n!=null&&i.push(r+":"+n+(e==="color"?"":"px"))}));i.push(ye(v));if(f!=null){i.push("padding:"+s(f).join("px ")+"px")}return i.join(";")+";"}function we(t,e,r,i,a){var n=e&&e.painter;if(r){var o=n&&n.getViewportRoot();if(o){T(t,o,r,i,a)}}else{t[0]=i;t[1]=a;var s=n&&n.getViewportRootOffset();if(s){t[0]+=s.offsetLeft;t[1]+=s.offsetTop}}t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}var Se=function(){function t(t,e){this._show=false;this._styleCoord=[0,0,0,0];this._enterable=true;this._alwaysShowContent=false;this._firstShow=true;this._longHide=true;if(v.wxa){return null}var r=document.createElement("div");r.domBelongToZr=true;this.el=r;var i=this._zr=t.getZr();var a=e.appendTo;var n=a&&(f(a)?document.querySelector(a):d(a)?a:p(a)&&a(t.getDom()));we(this._styleCoord,i,n,t.getWidth()/2,t.getHeight()/2);(n||t.getDom()).appendChild(r);this._api=t;this._container=n;var o=this;r.onmouseenter=function(){if(o._enterable){clearTimeout(o._hideTimeout);o._show=true}o._inContent=true};r.onmousemove=function(t){t=t||window.event;if(!o._enterable){var e=i.handler;var r=i.painter.getViewportRoot();m(r,t,true);e.dispatch("mousemove",t)}};r.onmouseleave=function(){o._inContent=false;if(o._enterable){if(o._show){o.hideLater(o._hideDelay)}}}}t.prototype.update=function(t){if(!this._container){var e=this._api.getDom();var r=he(e,"position");var i=e.style;if(i.position!=="absolute"&&r!=="absolute"){i.position="relative"}}var a=t.get("alwaysShowContent");a&&this._moveIfResized();this._alwaysShowContent=a;this.el.className=t.get("className")||""};t.prototype.show=function(t,e){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var r=this.el;var i=r.style;var a=this._styleCoord;if(!r.innerHTML){i.display="none"}else{i.cssText=de+xe(t,!this._firstShow,this._longHide)+be(a[0],a[1],true)+("border-color:"+g(e)+";")+(t.get("extraCssText")||"")+(";pointer-events:"+(this._enterable?"auto":"none"))}this._show=true;this._firstShow=false;this._longHide=false};t.prototype.setContent=function(t,e,r,i,a){var n=this.el;if(t==null){n.innerHTML="";return}var o="";if(f(a)&&r.get("trigger")==="item"&&!oe(r)){o=me(r,i,a)}if(f(t)){n.innerHTML=t+o}else if(t){n.innerHTML="";if(!b(t)){t=[t]}for(var s=0;s<t.length;s++){if(d(t[s])&&t[s].parentNode!==n){n.appendChild(t[s])}}if(o&&n.childNodes.length){var l=document.createElement("div");l.innerHTML=o;n.appendChild(l)}}};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;return[t.offsetWidth,t.offsetHeight]};t.prototype.moveTo=function(t,e){var r=this._styleCoord;we(r,this._zr,this._container,t,e);if(r[0]!=null&&r[1]!=null){var i=this.el.style;var a=be(r[0],r[1]);y(a,(function(t){i[t[0]]=t[1]}))}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){var t=this;var e=this.el.style;e.visibility="hidden";e.opacity="0";v.transform3dSupported&&(e.willChange="");this._show=false;this._longHideTimeout=setTimeout((function(){return t._longHide=true}),500)};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(x(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var t=this.el.parentNode;t&&t.removeChild(this.el);this.el=this._container=null};return t}();const Te=Se;var Me=function(){function t(t){this._show=false;this._styleCoord=[0,0,0,0];this._alwaysShowContent=false;this._enterable=true;this._zr=t.getZr();ke(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized();this._alwaysShowContent=e};t.prototype.show=function(){if(this._hideTimeout){clearTimeout(this._hideTimeout)}this.el.show();this._show=true};t.prototype.setContent=function(t,e,r,i,a){var n=this;if(M(t)){C("")}if(this.el){this._zr.remove(this.el)}var o=r.getModel("textStyle");this.el=new I({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:o.get("textShadowColor"),fill:r.get(["textStyle","color"]),padding:S(r,"richText"),verticalAlign:"top",align:"left"},z:r.get("z")});y(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){n.el.style[t]=r.get(t)}));y(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){n.el.style[t]=o.get(t)||0}));this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){if(s._enterable){clearTimeout(s._hideTimeout);s._show=true}s._inContent=true}));this.el.on("mouseout",(function(){if(s._enterable){if(s._show){s.hideLater(s._hideDelay)}}s._inContent=false}))};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;var e=this.el.getBoundingRect();var r=Ie(t.style);return[e.width+r.left+r.right,e.height+r.top+r.bottom]};t.prototype.moveTo=function(t,e){var r=this.el;if(r){var i=this._styleCoord;ke(i,this._zr,t,e);t=i[0];e=i[1];var a=r.style;var n=Ce(a.borderWidth||0);var o=Ie(a);r.x=t+n+o.left;r.y=e+n+o.top;r.markRedraw()}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){if(this.el){this.el.hide()}this._show=false};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(x(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){this._zr.remove(this.el)};return t}();function Ce(t){return Math.max(0,t)}function Ie(t){var e=Ce(t.shadowBlur||0);var r=Ce(t.shadowOffsetX||0);var i=Ce(t.shadowOffsetY||0);return{left:Ce(e-r),right:Ce(e+r),top:Ce(e-i),bottom:Ce(e+i)}}function ke(t,e,r,i){t[0]=r;t[1]=i;t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}const ze=Me;var Ae=new l({shape:{x:-1,y:-1,width:2,height:2}});var De=function(t){c(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.init=function(t,e){if(v.node||!e.getDom()){return}var r=t.getComponent("tooltip");var i=this._renderMode=k(r.get("renderMode"));this._tooltipContent=i==="richText"?new ze(e):new Te(e,{appendTo:r.get("appendToBody",true)?"body":r.get("appendTo",true)})};e.prototype.render=function(t,e,r){if(v.node||!r.getDom()){return}this.group.removeAll();this._tooltipModel=t;this._ecModel=e;this._api=r;var i=this._tooltipContent;i.update(t);i.setEnterable(t.get("enterable"));this._initGlobalListener();this._keepShow();if(this._renderMode!=="richText"&&t.get("transitionDuration")){z(this,"_updatePosition",50,"fixRate")}else{A(this,"_updatePosition")}};e.prototype._initGlobalListener=function(){var t=this._tooltipModel;var e=t.get("triggerOn");D("itemTooltip",this._api,x((function(t,r,i){if(e!=="none"){if(e.indexOf(t)>=0){this._tryShow(r,i)}else if(t==="leave"){this._hide(i)}}}),this))};e.prototype._keepShow=function(){var t=this._tooltipModel;var e=this._ecModel;var r=this._api;var i=t.get("triggerOn");if(this._lastX!=null&&this._lastY!=null&&i!=="none"&&i!=="click"){var a=this;clearTimeout(this._refreshUpdateTimeout);this._refreshUpdateTimeout=setTimeout((function(){!r.isDisposed()&&a.manuallyShowTip(t,e,r,{x:a._lastX,y:a._lastY,dataByCoordSys:a._lastDataByCoordSys})}))}};e.prototype.manuallyShowTip=function(t,e,r,i){if(i.from===this.uid||v.node||!r.getDom()){return}var a=Le(i,r);this._ticket="";var n=i.dataByCoordSys;var o=Pe(i,e,r);if(o){var s=o.el.getBoundingRect().clone();s.applyTransform(o.el.transform);this._tryShow({offsetX:s.x+s.width/2,offsetY:s.y+s.height/2,target:o.el,position:i.position,positionDefault:"bottom"},a)}else if(i.tooltip&&i.x!=null&&i.y!=null){var l=Ae;l.x=i.x;l.y=i.y;l.update();N(l).tooltipConfig={name:null,option:i.tooltip};this._tryShow({offsetX:i.x,offsetY:i.y,target:l},a)}else if(n){this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:n,tooltipOption:i.tooltipOption},a)}else if(i.seriesIndex!=null){if(this._manuallyAxisShowTip(t,e,r,i)){return}var c=L(i,e);var u=c.point[0];var h=c.point[1];if(u!=null&&h!=null){this._tryShow({offsetX:u,offsetY:h,target:c.el,position:i.position,positionDefault:"bottom"},a)}}else if(i.x!=null&&i.y!=null){r.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y});this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:r.getZr().findHover(i.x,i.y).target},a)}};e.prototype.manuallyHideTip=function(t,e,r,i){var a=this._tooltipContent;if(this._tooltipModel){a.hideLater(this._tooltipModel.get("hideDelay"))}this._lastX=this._lastY=this._lastDataByCoordSys=null;if(i.from!==this.uid){this._hide(Le(i,r))}};e.prototype._manuallyAxisShowTip=function(t,e,r,i){var a=i.seriesIndex;var n=i.dataIndex;var o=e.getComponent("axisPointer").coordSysAxesInfo;if(a==null||n==null||o==null){return}var s=e.getSeriesByIndex(a);if(!s){return}var l=s.getData();var c=Ne([l.getItemModel(n),s,(s.coordinateSystem||{}).model],this._tooltipModel);if(c.get("trigger")!=="axis"){return}r.dispatchAction({type:"updateAxisPointer",seriesIndex:a,dataIndex:n,position:i.position});return true};e.prototype._tryShow=function(t,e){var r=t.target;var i=this._tooltipModel;if(!i){return}this._lastX=t.offsetX;this._lastY=t.offsetY;var a=t.dataByCoordSys;if(a&&a.length){this._showAxisTooltip(a,t)}else if(r){var n=N(r);if(n.ssrType==="legend"){return}this._lastDataByCoordSys=null;var o;var s;O(r,(function(t){if(N(t).dataIndex!=null){o=t;return true}if(N(t).tooltipConfig!=null){s=t;return true}}),true);if(o){this._showSeriesItemTooltip(t,o,e)}else if(s){this._showComponentItemTooltip(t,s,e)}else{this._hide(e)}}else{this._lastDataByCoordSys=null;this._hide(e)}};e.prototype._showOrMove=function(t,e){var r=t.get("showDelay");e=x(e,this);clearTimeout(this._showTimout);r>0?this._showTimout=setTimeout(e,r):e()};e.prototype._showAxisTooltip=function(t,e){var r=this._ecModel;var i=this._tooltipModel;var a=[e.offsetX,e.offsetY];var n=Ne([e.tooltipOption],i);var o=this._renderMode;var s=[];var l=B("section",{blocks:[],noHeader:true});var c=[];var u=new U;y(t,(function(t){y(t.dataByAxis,(function(t){var e=r.getComponent(t.axisDim+"Axis",t.axisIndex);var a=t.value;if(!e||a==null){return}var n=R(a,e.axis,r,t.seriesDataIndices,t.valueLabelOpt);var h=B("section",{header:n,noHeader:!P(n),sortBlocks:true,blocks:[]});l.blocks.push(h);y(t.seriesDataIndices,(function(l){var v=r.getSeriesByIndex(l.seriesIndex);var f=l.dataIndexInside;var d=v.getDataParams(f);if(d.dataIndex<0){return}d.axisDim=t.axisDim;d.axisIndex=t.axisIndex;d.axisType=t.axisType;d.axisId=t.axisId;d.axisValue=W(e.axis,{value:a});d.axisValueLabel=n;d.marker=u.makeTooltipMarker("item",g(d.color),o);var p=F(v.formatTooltip(f,true,null));var m=p.frag;if(m){var b=Ne([v],i).get("valueFormatter");h.blocks.push(b?Y({valueFormatter:b},m):m)}if(p.text){c.push(p.text)}s.push(d)}))}))}));l.blocks.reverse();c.reverse();var h=e.position;var v=n.get("order");var f=G(l,u,o,v,r.get("useUTC"),n.get("textStyle"));f&&c.unshift(f);var d=o==="richText"?"\n\n":"<br/>";var p=c.join(d);this._showOrMove(n,(function(){if(this._updateContentNotChangedOnAxis(t,s)){this._updatePosition(n,h,a[0],a[1],this._tooltipContent,s)}else{this._showTooltipContent(n,p,s,Math.random()+"",a[0],a[1],h,null,u)}}))};e.prototype._showSeriesItemTooltip=function(t,e,r){var i=this._ecModel;var a=N(e);var n=a.seriesIndex;var o=i.getSeriesByIndex(n);var s=a.dataModel||o;var l=a.dataIndex;var c=a.dataType;var u=s.getData(c);var h=this._renderMode;var v=t.positionDefault;var f=Ne([u.getItemModel(l),s,o&&(o.coordinateSystem||{}).model],this._tooltipModel,v?{position:v}:null);var d=f.get("trigger");if(d!=null&&d!=="item"){return}var p=s.getDataParams(l,c);var m=new U;p.marker=m.makeTooltipMarker("item",g(p.color),h);var b=F(s.formatTooltip(l,false,c));var y=f.get("order");var x=f.get("valueFormatter");var w=b.frag;var S=w?G(x?Y({valueFormatter:x},w):w,m,h,y,i.get("useUTC"),f.get("textStyle")):b.text;var T="item_"+s.name+"_"+l;this._showOrMove(f,(function(){this._showTooltipContent(f,S,p,T,t.offsetX,t.offsetY,t.position,t.target,m)}));r({type:"showTip",dataIndexInside:l,dataIndex:u.getRawIndex(l),seriesIndex:n,from:this.uid})};e.prototype._showComponentItemTooltip=function(t,e,r){var i=this._renderMode==="html";var a=N(e);var n=a.tooltipConfig;var o=n.option||{};var s=o.encodeHTMLContent;if(f(o)){var l=o;o={content:l,formatter:l};s=true}if(s&&i&&o.content){o=j(o);o.content=H(o.content)}var c=[o];var u=this._ecModel.getComponent(a.componentMainType,a.componentIndex);if(u){c.push(u)}c.push({formatter:o.content});var h=t.positionDefault;var v=Ne(c,this._tooltipModel,h?{position:h}:null);var d=v.get("content");var p=Math.random()+"";var m=new U;this._showOrMove(v,(function(){var r=j(v.get("formatterParams")||{});this._showTooltipContent(v,d,r,p,t.offsetX,t.offsetY,t.position,e,m)}));r({type:"showTip",from:this.uid})};e.prototype._showTooltipContent=function(t,e,r,i,a,n,o,s,l){this._ticket="";if(!t.get("showContent")||!t.get("show")){return}var c=this._tooltipContent;c.setEnterable(t.get("enterable"));var u=t.get("formatter");o=o||t.get("position");var h=e;var v=this._getNearestPoint([a,n],r,t.get("trigger"),t.get("borderColor"));var d=v.color;if(u){if(f(u)){var m=t.ecModel.get("useUTC");var g=b(r)?r[0]:r;var y=g&&g.axisType&&g.axisType.indexOf("time")>=0;h=u;if(y){h=X(g.axisValue,h,m)}h=E(h,r,true)}else if(p(u)){var w=x((function(e,i){if(e===this._ticket){c.setContent(i,l,t,d,o);this._updatePosition(t,o,a,n,c,r,s)}}),this);this._ticket=i;h=u(r,i,w)}else{h=u}}c.setContent(h,l,t,d,o);c.show(t,d);this._updatePosition(t,o,a,n,c,r,s)};e.prototype._getNearestPoint=function(t,e,r,i){if(r==="axis"||b(e)){return{color:i||(this._renderMode==="html"?"#fff":"none")}}if(!b(e)){return{color:i||e.color||e.borderColor}}};e.prototype._updatePosition=function(t,e,r,i,a,n,o){var s=this._api.getWidth();var l=this._api.getHeight();e=e||t.get("position");var c=a.getSize();var u=t.get("align");var h=t.get("verticalAlign");var v=o&&o.getBoundingRect().clone();o&&v.applyTransform(o.transform);if(p(e)){e=e([r,i],n,a.el,v,{viewSize:[s,l],contentSize:c.slice()})}if(b(e)){r=_(e[0],s);i=_(e[1],l)}else if(M(e)){var d=e;d.width=c[0];d.height=c[1];var m=K(d,{width:s,height:l});r=m.x;i=m.y;u=null;h=null}else if(f(e)&&o){var g=Ue(e,v,c,t.get("borderWidth"));r=g[0];i=g[1]}else{var g=Oe(r,i,a,s,l,u?null:20,h?null:20);r=g[0];i=g[1]}u&&(r-=Re(u)?c[0]/2:u==="right"?c[0]:0);h&&(i-=Re(h)?c[1]/2:h==="bottom"?c[1]:0);if(oe(t)){var g=Be(r,i,a,s,l);r=g[0];i=g[1]}a.moveTo(r,i)};e.prototype._updateContentNotChangedOnAxis=function(t,e){var r=this._lastDataByCoordSys;var i=this._cbParamsList;var a=!!r&&r.length===t.length;a&&y(r,(function(r,n){var o=r.dataByAxis||[];var s=t[n]||{};var l=s.dataByAxis||[];a=a&&o.length===l.length;a&&y(o,(function(t,r){var n=l[r]||{};var o=t.seriesDataIndices||[];var s=n.seriesDataIndices||[];a=a&&t.value===n.value&&t.axisType===n.axisType&&t.axisId===n.axisId&&o.length===s.length;a&&y(o,(function(t,e){var r=s[e];a=a&&t.seriesIndex===r.seriesIndex&&t.dataIndex===r.dataIndex}));i&&y(t.seriesDataIndices,(function(t){var r=t.seriesIndex;var n=e[r];var o=i[r];if(n&&o&&o.data!==n.data){a=false}}))}))}));this._lastDataByCoordSys=t;this._cbParamsList=e;return!!a};e.prototype._hide=function(t){this._lastDataByCoordSys=null;t({type:"hideTip",from:this.uid})};e.prototype.dispose=function(t,e){if(v.node||!e.getDom()){return}A(this,"_updatePosition");this._tooltipContent.dispose();q("itemTooltip",e)};e.type="tooltip";return e}($);function Ne(t,e,r){var i=e.ecModel;var a;if(r){a=new J(r,i,i);a=new J(e.option,a,i)}else{a=e}for(var n=t.length-1;n>=0;n--){var o=t[n];if(o){if(o instanceof J){o=o.get("tooltip",true)}if(f(o)){o={formatter:o}}if(o){a=new J(o,a,i)}}}return a}function Le(t,e){return t.dispatchAction||x(e.dispatchAction,e)}function Oe(t,e,r,i,a,n,o){var s=r.getSize();var l=s[0];var c=s[1];if(n!=null){if(t+l+n+2>i){t-=l+n}else{t+=n}}if(o!=null){if(e+c+o>a){e-=c+o}else{e+=o}}return[t,e]}function Be(t,e,r,i,a){var n=r.getSize();var o=n[0];var s=n[1];t=Math.min(t+o,i)-o;e=Math.min(e+s,a)-s;t=Math.max(t,0);e=Math.max(e,0);return[t,e]}function Ue(t,e,r,i){var a=r[0];var n=r[1];var o=Math.ceil(Math.SQRT2*i)+8;var s=0;var l=0;var c=e.width;var u=e.height;switch(t){case"inside":s=e.x+c/2-a/2;l=e.y+u/2-n/2;break;case"top":s=e.x+c/2-a/2;l=e.y-n-o;break;case"bottom":s=e.x+c/2-a/2;l=e.y+u+o;break;case"left":s=e.x-a-o;l=e.y+u/2-n/2;break;case"right":s=e.x+c+o;l=e.y+u/2-n/2}return[s,l]}function Re(t){return t==="center"||t==="middle"}function Pe(t,e,r){var i=Z(t).queryOptionMap;var a=i.keys()[0];if(!a||a==="series"){return}var n=V(e,a,i.get(a),{useDefault:false,enableAll:false,enableNone:false});var o=n.models[0];if(!o){return}var s=r.getViewOfComponentModel(o);var l;s.group.traverse((function(e){var r=N(e).tooltipConfig;if(r&&r.name===t.name){l=e;return true}}));if(l){return{componentMainType:a,componentIndex:o.componentIndex,el:l}}}const We=De;function Fe(t){Q(tt);t.registerComponentModel(ne);t.registerComponentView(We);t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},et);t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},et)}var Ye=function(t,e){if(e==="all"){return{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}}else if(e==="inverse"){return{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}}};var Ge=function(t){c(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.layoutMode={type:"box",ignoreSize:true};return r}e.prototype.init=function(t,e,r){this.mergeDefaultAndTheme(t,r);t.selected=t.selected||{};this._updateSelector(t)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);this._updateSelector(e)};e.prototype._updateSelector=function(t){var e=t.selector;var r=this.ecModel;if(e===true){e=t.selector=["all","inverse"]}if(b(e)){y(e,(function(t,i){f(t)&&(t={type:t});e[i]=rt(t,Ye(r,t.type))}))}};e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&this.get("selectedMode")==="single"){var e=false;for(var r=0;r<t.length;r++){var i=t[r].get("name");if(this.isSelected(i)){this.select(i);e=true;break}}!e&&this.select(t[0].get("name"))}};e.prototype._updateData=function(t){var e=[];var r=[];t.eachRawSeries((function(i){var a=i.name;r.push(a);var n;if(i.legendVisualProvider){var o=i.legendVisualProvider;var s=o.getAllNames();if(!t.isSeriesFiltered(i)){r=r.concat(s)}if(s.length){e=e.concat(s)}else{n=true}}else{n=true}if(n&&it(i)){e.push(i.name)}}));this._availableNames=r;var i=this.get("data")||e;var a=at();var n=nt(i,(function(t){if(f(t)||st(t)){t={name:t}}if(a.get(t.name)){return null}a.set(t.name,true);return new J(t,this,this.ecModel)}),this);this._data=ot(n,(function(t){return!!t}))};e.prototype.getData=function(){return this._data};e.prototype.select=function(t){var e=this.option.selected;var r=this.get("selectedMode");if(r==="single"){var i=this._data;y(i,(function(t){e[t.get("name")]=false}))}e[t]=true};e.prototype.unSelect=function(t){if(this.get("selectedMode")!=="single"){this.option.selected[t]=false}};e.prototype.toggleSelected=function(t){var e=this.option.selected;if(!e.hasOwnProperty(t)){e[t]=true}this[e[t]?"unSelect":"select"](t)};e.prototype.allSelect=function(){var t=this._data;var e=this.option.selected;y(t,(function(t){e[t.get("name",true)]=true}))};e.prototype.inverseSelect=function(){var t=this._data;var e=this.option.selected;y(t,(function(t){var r=t.get("name",true);if(!e.hasOwnProperty(r)){e[r]=true}e[r]=!e[r]}))};e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&w(this._availableNames,t)>=0};e.prototype.getOrient=function(){return this.get("orient")==="vertical"?{index:1,name:"vertical"}:{index:0,name:"horizontal"}};e.type="legend.plain";e.dependencies=["series"];e.defaultOption={z:4,show:true,orient:"horizontal",left:"center",top:0,align:"auto",backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",borderRadius:0,borderWidth:0,padding:5,itemGap:10,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:true,inactiveColor:"#ccc",inactiveBorderColor:"#ccc",inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:"#ccc",inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:"#333"},selectedMode:true,selector:false,selectorLabel:{show:true,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:"#666",borderWidth:1,borderColor:"#666"},emphasis:{selectorLabel:{show:true,color:"#eee",backgroundColor:"#666"}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:false}};return e}(u);const je=Ge;var He=bt;var Xe=y;var Ee=yt;var _e=function(t){c(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=false;return r}e.prototype.init=function(){this.group.add(this._contentGroup=new Ee);this.group.add(this._selectorGroup=new Ee);this._isFirstRender=true};e.prototype.getContentGroup=function(){return this._contentGroup};e.prototype.getSelectorGroup=function(){return this._selectorGroup};e.prototype.render=function(t,e,r){var i=this._isFirstRender;this._isFirstRender=false;this.resetInner();if(!t.get("show",true)){return}var a=t.get("align");var n=t.get("orient");if(!a||a==="auto"){a=t.get("left")==="right"&&n==="vertical"?"right":"left"}var o=t.get("selector",true);var s=t.get("selectorPosition",true);if(o&&(!s||s==="auto")){s=n==="horizontal"?"end":"start"}this.renderInner(a,t,e,r,o,n,s);var l=t.getBoxLayoutParams();var c={width:r.getWidth(),height:r.getHeight()};var u=t.get("padding");var h=K(l,c,u);var v=this.layoutInner(t,a,h,i,o,s);var f=K(lt({width:v.width,height:v.height},l),c,u);this.group.x=f.x-v.x;this.group.y=f.y-v.y;this.group.markRedraw();this.group.add(this._backgroundEl=ie(v,t))};e.prototype.resetInner=function(){this.getContentGroup().removeAll();this._backgroundEl&&this.group.remove(this._backgroundEl);this.getSelectorGroup().removeAll()};e.prototype.renderInner=function(t,e,r,i,a,n,o){var s=this.getContentGroup();var l=at();var c=e.get("selectedMode");var u=[];r.eachRawSeries((function(t){!t.get("legendHoverLink")&&u.push(t.id)}));Xe(e.getData(),(function(a,n){var o=a.get("name");if(!this.newlineDisabled&&(o===""||o==="\n")){var h=new Ee;h.newline=true;s.add(h);return}var v=r.getSeriesByName(o)[0];if(l.get(o)){return}if(v){var f=v.getData();var d=f.getVisual("legendLineStyle")||{};var p=f.getVisual("legendIcon");var m=f.getVisual("style");var g=this._createItem(v,o,n,a,e,t,d,m,p,c,i);g.on("click",He($e,o,null,i,u)).on("mouseover",He(Ze,v.name,null,i,u)).on("mouseout",He(Ve,v.name,null,i,u));if(r.ssr){g.eachChild((function(t){var e=N(t);e.seriesIndex=v.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}else{r.eachRawSeries((function(s){if(l.get(o)){return}if(s.legendVisualProvider){var h=s.legendVisualProvider;if(!h.containName(o)){return}var v=h.indexOfName(o);var f=h.getItemVisual(v,"style");var d=h.getItemVisual(v,"legendIcon");var p=ct(f.fill);if(p&&p[3]===0){p[3]=.2;f=Y(Y({},f),{fill:ut(p,"rgba")})}var m=this._createItem(s,o,n,a,e,t,{},f,d,c,i);m.on("click",He($e,null,o,i,u)).on("mouseover",He(Ze,null,o,i,u)).on("mouseout",He(Ve,null,o,i,u));if(r.ssr){m.eachChild((function(t){var e=N(t);e.seriesIndex=s.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}}),this)}}),this);if(a){this._createSelector(a,e,i,n,o)}};e.prototype._createSelector=function(t,e,r,i,a){var n=this.getSelectorGroup();Xe(t,(function t(i){var a=i.type;var o=new I({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){r.dispatchAction({type:a==="all"?"legendAllSelect":"legendInverseSelect"})}});n.add(o);var s=e.getModel("selectorLabel");var l=e.getModel(["emphasis","selectorLabel"]);ht(o,{normal:s,emphasis:l},{defaultText:i.title});vt(o)}))};e.prototype._createItem=function(t,e,r,i,a,n,o,s,c,u,h){var v=t.visualDrawType;var d=a.get("itemWidth");var m=a.get("itemHeight");var g=a.isSelected(e);var b=i.get("symbolRotate");var y=i.get("symbolKeepAspect");var x=i.get("icon");c=x||c||"roundRect";var w=Ke(c,i,o,s,v,g,h);var S=new Ee;var T=i.getModel("textStyle");if(p(t.getLegendIcon)&&(!x||x==="inherit")){S.add(t.getLegendIcon({itemWidth:d,itemHeight:m,icon:c,iconRotate:b,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}else{var M=x==="inherit"&&t.getData().getVisual("symbol")?b==="inherit"?t.getData().getVisual("symbolRotate"):b:0;S.add(qe({itemWidth:d,itemHeight:m,icon:c,iconRotate:M,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}var C=n==="left"?d+5:-5;var k=n;var z=a.get("formatter");var A=e;if(f(z)&&z){A=z.replace("{name}",e!=null?e:"")}else if(p(z)){A=z(e)}var D=g?T.getTextColor():i.get("inactiveColor");S.add(new I({style:ft(T,{text:A,x:C,y:m/2,fill:D,align:k,verticalAlign:"middle"},{inheritColor:D})}));var N=new l({shape:S.getBoundingRect(),style:{fill:"transparent"}});var L=i.getModel("tooltip");if(L.get("show")){dt({el:N,componentModel:a,itemName:e,itemTooltipOption:L.option})}S.add(N);S.eachChild((function(t){t.silent=true}));N.silent=!u;this.getContentGroup().add(S);vt(S);S.__legendDataIndex=r;return S};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getContentGroup();var s=this.getSelectorGroup();pt(t.get("orient"),o,t.get("itemGap"),r.width,r.height);var l=o.getBoundingRect();var c=[-l.x,-l.y];s.markRedraw();o.markRedraw();if(a){pt("horizontal",s,t.get("selectorItemGap",true));var u=s.getBoundingRect();var h=[-u.x,-u.y];var v=t.get("selectorButtonGap",true);var f=t.getOrient().index;var d=f===0?"width":"height";var p=f===0?"height":"width";var m=f===0?"y":"x";if(n==="end"){h[f]+=l[d]+v}else{c[f]+=u[d]+v}h[1-f]+=l[p]/2-u[p]/2;s.x=h[0];s.y=h[1];o.x=c[0];o.y=c[1];var g={x:0,y:0};g[d]=l[d]+v+u[d];g[p]=Math.max(l[p],u[p]);g[m]=Math.min(0,u[m]+h[1-f]);return g}else{o.x=c[0];o.y=c[1];return this.group.getBoundingRect()}};e.prototype.remove=function(){this.getContentGroup().removeAll();this._isFirstRender=true};e.type="legend.plain";return e}($);function Ke(t,e,r,i,a,n,o){function s(t,e){if(t.lineWidth==="auto"){t.lineWidth=e.lineWidth>0?2:0}Xe(t,(function(r,i){t[i]==="inherit"&&(t[i]=e[i])}))}var l=e.getModel("itemStyle");var c=l.getItemStyle();var u=t.lastIndexOf("empty",0)===0?"fill":"stroke";var h=l.getShallow("decal");c.decal=!h||h==="inherit"?i.decal:mt(h,o);if(c.fill==="inherit"){c.fill=i[a]}if(c.stroke==="inherit"){c.stroke=i[u]}if(c.opacity==="inherit"){c.opacity=(a==="fill"?i:r).opacity}s(c,i);var v=e.getModel("lineStyle");var f=v.getLineStyle();s(f,r);c.fill==="auto"&&(c.fill=i.fill);c.stroke==="auto"&&(c.stroke=i.fill);f.stroke==="auto"&&(f.stroke=i.fill);if(!n){var d=e.get("inactiveBorderWidth");var p=c[u];c.lineWidth=d==="auto"?i.lineWidth>0&&p?2:0:c.lineWidth;c.fill=e.get("inactiveColor");c.stroke=e.get("inactiveBorderColor");f.stroke=v.get("inactiveColor");f.lineWidth=v.get("inactiveWidth")}return{itemStyle:c,lineStyle:f}}function qe(t){var e=t.icon||"roundRect";var r=gt(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);r.setStyle(t.itemStyle);r.rotation=(t.iconRotate||0)*Math.PI/180;r.setOrigin([t.itemWidth/2,t.itemHeight/2]);if(e.indexOf("empty")>-1){r.style.stroke=r.style.fill;r.style.fill="#fff";r.style.lineWidth=2}return r}function $e(t,e,r,i){Ve(t,e,r,i);r.dispatchAction({type:"legendToggleSelect",name:t!=null?t:e});Ze(t,e,r,i)}function Je(t){var e=t.getZr().storage.getDisplayList();var r;var i=0;var a=e.length;while(i<a&&!(r=e[i].states.emphasis)){i++}return r&&r.hoverLayer}function Ze(t,e,r,i){if(!Je(r)){r.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}}function Ve(t,e,r,i){if(!Je(r)){r.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}}const Qe=_e;function tr(t){var e=t.findComponents({mainType:"legend"});if(e&&e.length){t.filterSeries((function(t){for(var r=0;r<e.length;r++){if(!e[r].isSelected(t.name)){return false}}return true}))}}function er(t,e,r){var i={};var a=t==="toggleSelected";var n;r.eachComponent("legend",(function(r){if(a&&n!=null){r[n?"select":"unSelect"](e.name)}else if(t==="allSelect"||t==="inverseSelect"){r[t]()}else{r[t](e.name);n=r.isSelected(e.name)}var o=r.getData();y(o,(function(t){var e=t.get("name");if(e==="\n"||e===""){return}var a=r.isSelected(e);if(i.hasOwnProperty(e)){i[e]=i[e]&&a}else{i[e]=a}}))}));return t==="allSelect"||t==="inverseSelect"?{selected:i}:{name:e.name,selected:i}}function rr(t){t.registerAction("legendToggleSelect","legendselectchanged",bt(er,"toggleSelected"));t.registerAction("legendAllSelect","legendselectall",bt(er,"allSelect"));t.registerAction("legendInverseSelect","legendinverseselect",bt(er,"inverseSelect"));t.registerAction("legendSelect","legendselected",bt(er,"select"));t.registerAction("legendUnSelect","legendunselected",bt(er,"unSelect"))}function ir(t){t.registerComponentModel(je);t.registerComponentView(Qe);t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,tr);t.registerSubTypeDefaulter("legend",(function(){return"plain"}));rr(t)}var ar=function(t){c(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t};e.prototype.init=function(e,r,i){var a=xt(e);t.prototype.init.call(this,e,r,i);nr(this,e,a)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);nr(this,this.option,e)};e.type="legend.scroll";e.defaultOption=wt(je.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:"#2f4554",pageIconInactiveColor:"#aaa",pageIconSize:15,pageTextStyle:{color:"#333"},animationDurationUpdate:800});return e}(je);function nr(t,e,r){var i=t.getOrient();var a=[1,1];a[i.index]=0;St(e,r,{type:"box",ignoreSize:!!a})}const or=ar;var sr=yt;var lr=["width","height"];var cr=["x","y"];var ur=function(t){c(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=true;r._currentIndex=0;return r}e.prototype.init=function(){t.prototype.init.call(this);this.group.add(this._containerGroup=new sr);this._containerGroup.add(this.getContentGroup());this.group.add(this._controllerGroup=new sr)};e.prototype.resetInner=function(){t.prototype.resetInner.call(this);this._controllerGroup.removeAll();this._containerGroup.removeClipPath();this._containerGroup.__rectSize=null};e.prototype.renderInner=function(e,r,i,a,n,o,s){var l=this;t.prototype.renderInner.call(this,e,r,i,a,n,o,s);var c=this._controllerGroup;var u=r.get("pageIconSize",true);var h=b(u)?u:[u,u];f("pagePrev",0);var v=r.getModel("pageTextStyle");c.add(new I({name:"pageText",style:{text:"xx/xx",fill:v.getTextColor(),font:v.getFont(),verticalAlign:"middle",align:"center"},silent:true}));f("pageNext",1);function f(t,e){var i=t+"DataIndex";var n=Tt(r.get("pageIcons",true)[r.getOrient().name][e],{onclick:x(l._pageGo,l,i,r,a)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});n.name=t;c.add(n)}};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getSelectorGroup();var s=t.getOrient().index;var l=lr[s];var c=cr[s];var u=lr[1-s];var h=cr[1-s];a&&pt("horizontal",o,t.get("selectorItemGap",true));var v=t.get("selectorButtonGap",true);var f=o.getBoundingRect();var d=[-f.x,-f.y];var p=j(r);a&&(p[l]=r[l]-f[l]-v);var m=this._layoutContentAndController(t,i,p,s,l,u,h,c);if(a){if(n==="end"){d[s]+=m[l]+v}else{var g=f[l]+v;d[s]-=g;m[c]-=g}m[l]+=f[l]+v;d[1-s]+=m[h]+m[u]/2-f[u]/2;m[u]=Math.max(m[u],f[u]);m[h]=Math.min(m[h],f[h]+d[1-s]);o.x=d[0];o.y=d[1];o.markRedraw()}return m};e.prototype._layoutContentAndController=function(t,e,r,i,a,n,o,s){var c=this.getContentGroup();var u=this._containerGroup;var h=this._controllerGroup;pt(t.get("orient"),c,t.get("itemGap"),!i?null:r.width,i?null:r.height);pt("horizontal",h,t.get("pageButtonItemGap",true));var v=c.getBoundingRect();var f=h.getBoundingRect();var d=this._showController=v[a]>r[a];var p=[-v.x,-v.y];if(!e){p[i]=c[s]}var m=[0,0];var g=[-f.x,-f.y];var b=Mt(t.get("pageButtonGap",true),t.get("itemGap",true));if(d){var y=t.get("pageButtonPosition",true);if(y==="end"){g[i]+=r[a]-f[a]}else{m[i]+=f[a]+b}}g[1-i]+=v[n]/2-f[n]/2;c.setPosition(p);u.setPosition(m);h.setPosition(g);var x={x:0,y:0};x[a]=d?r[a]:v[a];x[n]=Math.max(v[n],f[n]);x[o]=Math.min(0,f[o]+g[1-i]);u.__rectSize=r[a];if(d){var w={x:0,y:0};w[a]=Math.max(r[a]-f[a]-b,0);w[n]=x[n];u.setClipPath(new l({shape:w}));u.__rectSize=w[a]}else{h.eachChild((function(t){t.attr({invisible:true,silent:true})}))}var S=this._getPageInfo(t);S.pageIndex!=null&&Ct(c,{x:S.contentPosition[0],y:S.contentPosition[1]},d?t:null);this._updatePageInfoView(t,S);return x};e.prototype._pageGo=function(t,e,r){var i=this._getPageInfo(e)[t];i!=null&&r.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})};e.prototype._updatePageInfoView=function(t,e){var r=this._controllerGroup;y(["pagePrev","pageNext"],(function(i){var a=i+"DataIndex";var n=e[a]!=null;var o=r.childOfName(i);if(o){o.setStyle("fill",n?t.get("pageIconColor",true):t.get("pageIconInactiveColor",true));o.cursor=n?"pointer":"default"}}));var i=r.childOfName("pageText");var a=t.get("pageFormatter");var n=e.pageIndex;var o=n!=null?n+1:0;var s=e.pageCount;i&&a&&i.setStyle("text",f(a)?a.replace("{current}",o==null?"":o+"").replace("{total}",s==null?"":s+""):a({current:o,total:s}))};e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",true);var r=this.getContentGroup();var i=this._containerGroup.__rectSize;var a=t.getOrient().index;var n=lr[a];var o=cr[a];var s=this._findTargetItemIndex(e);var l=r.children();var c=l[s];var u=l.length;var h=!u?0:1;var v={contentPosition:[r.x,r.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!c){return v}var f=b(c);v.contentPosition[a]=-f.s;for(var d=s+1,p=f,m=f,g=null;d<=u;++d){g=b(l[d]);if(!g&&m.e>p.s+i||g&&!y(g,p.s)){if(m.i>p.i){p=m}else{p=g}if(p){if(v.pageNextDataIndex==null){v.pageNextDataIndex=p.i}++v.pageCount}}m=g}for(var d=s-1,p=f,m=f,g=null;d>=-1;--d){g=b(l[d]);if((!g||!y(m,g.s))&&p.i<m.i){m=p;if(v.pagePrevDataIndex==null){v.pagePrevDataIndex=p.i}++v.pageCount;++v.pageIndex}p=g}return v;function b(t){if(t){var e=t.getBoundingRect();var r=e[o]+t[o];return{s:r,e:r+e[n],i:t.__legendDataIndex}}}function y(t,e){return t.e>=e&&t.s<=e+i}};e.prototype._findTargetItemIndex=function(t){if(!this._showController){return 0}var e;var r=this.getContentGroup();var i;r.eachChild((function(r,a){var n=r.__legendDataIndex;if(i==null&&n!=null){i=a}if(n===t){e=a}}));return e!=null?e:i};e.type="legend.scroll";return e}(Qe);const hr=ur;function vr(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var r=t.scrollDataIndex;r!=null&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(r)}))}))}function fr(t){Q(ir);t.registerComponentModel(or);t.registerComponentView(hr);vr(t)}function dr(t){Q(ir);Q(fr)}var pr=Math.PI*2;var mr=Math.PI/180;function gr(t,e){return K(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}function br(t,e){var r=gr(t,e);var i=t.get("center");var a=t.get("radius");if(!b(a)){a=[0,a]}var n=_(r.width,e.getWidth());var o=_(r.height,e.getHeight());var s=Math.min(n,o);var l=_(a[0],s/2);var c=_(a[1],s/2);var u;var h;var v=t.coordinateSystem;if(v){var f=v.dataToPoint(i);u=f[0]||0;h=f[1]||0}else{if(!b(i)){i=[i,i]}u=_(i[0],n)+r.x;h=_(i[1],o)+r.y}return{cx:u,cy:h,r0:l,r:c}}function yr(t,e,r){e.eachSeriesByType(t,(function(t){var e=t.getData();var i=e.mapDimension("value");var a=gr(t,r);var n=br(t,r),o=n.cx,s=n.cy,l=n.r,c=n.r0;var u=-t.get("startAngle")*mr;var h=t.get("endAngle");var v=t.get("padAngle")*mr;h=h==="auto"?u-pr:-h*mr;var f=t.get("minAngle")*mr;var d=f+v;var p=0;e.each(i,(function(t){!isNaN(t)&&p++}));var m=e.getSum(i);var g=Math.PI/(m||p)*2;var b=t.get("clockwise");var y=t.get("roseType");var x=t.get("stillShowZeroSum");var w=e.getDataExtent(i);w[0]=0;var S=b?1:-1;var T=[u,h];var M=S*v/2;It(T,!b);u=T[0],h=T[1];var C=xr(t);C.startAngle=u;C.endAngle=h;C.clockwise=b;var I=Math.abs(h-u);var k=I;var z=0;var A=u;e.setLayout({viewRect:a,r:l});e.each(i,(function(t,r){var i;if(isNaN(t)){e.setItemLayout(r,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:b,cx:o,cy:s,r0:c,r:y?NaN:l});return}if(y!=="area"){i=m===0&&x?g:t*g}else{i=I/p}if(i<d){i=d;k-=d}else{z+=t}var a=A+S*i;var n=0;var u=0;if(v>i){n=A+S*i/2;u=n}else{n=A+M;u=a-M}e.setItemLayout(r,{angle:i,startAngle:n,endAngle:u,clockwise:b,cx:o,cy:s,r0:c,r:y?kt(t,w,[c,l]):l});A=a}));if(k<pr&&p){if(k<=.001){var D=I/p;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);i.angle=D;var a=0;var n=0;if(D<v){a=u+S*(r+1/2)*D;n=a}else{a=u+S*r*D+M;n=u+S*(r+1)*D-M}i.startAngle=a;i.endAngle=n}}))}else{g=k/z;A=u;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);var a=i.angle===d?d:t*g;var n=0;var o=0;if(a<v){n=A+S*a/2;o=n}else{n=A+M;o=A+S*a-M}i.startAngle=n;i.endAngle=o;A+=S*a}}))}}}))}var xr=zt();function wr(t){return{seriesType:t,reset:function(t,e){var r=e.findComponents({mainType:"legend"});if(!r||!r.length){return}var i=t.getData();i.filterSelf((function(t){var e=i.getName(t);for(var a=0;a<r.length;a++){if(!r[a].isSelected(e)){return false}}return true}))}}}var Sr=Math.PI/180;function Tr(t,e,r,i,a,n,o,s,l,c){if(t.length<2){return}function u(t){var n=t.rB;var o=n*n;for(var s=0;s<t.list.length;s++){var l=t.list[s];var c=Math.abs(l.label.y-r);var u=i+l.len;var h=u*u;var v=Math.sqrt((1-Math.abs(c*c/o))*h);var f=e+(v+l.len2)*a;var d=f-l.label.x;var p=l.targetTextWidth-d*a;Cr(l,p,true);l.label.x=f}}function h(t){var n={list:[],maxY:0};var o={list:[],maxY:0};for(var s=0;s<t.length;s++){if(t[s].labelAlignTo!=="none"){continue}var l=t[s];var c=l.label.y>r?o:n;var h=Math.abs(l.label.y-r);if(h>=c.maxY){var v=l.label.x-e-l.len2*a;var f=i+l.len;var d=Math.abs(v)<f?Math.sqrt(h*h/(1-v*v/f/f)):f;c.rB=d;c.maxY=h}c.list.push(l)}u(n);u(o)}var v=t.length;for(var f=0;f<v;f++){if(t[f].position==="outer"&&t[f].labelAlignTo==="labelLine"){var d=t[f].label.x-c;t[f].linePoints[1][0]+=d;t[f].label.x=c}}if(Dt(t,l,l+o)){h(t)}}function Mr(t,e,r,i,a,n,o,s){var l=[];var c=[];var u=Number.MAX_VALUE;var h=-Number.MAX_VALUE;for(var v=0;v<t.length;v++){var f=t[v].label;if(Ir(t[v])){continue}if(f.x<e){u=Math.min(u,f.x);l.push(t[v])}else{h=Math.max(h,f.x);c.push(t[v])}}for(var v=0;v<t.length;v++){var d=t[v];if(!Ir(d)&&d.linePoints){if(d.labelStyleWidth!=null){continue}var f=d.label;var p=d.linePoints;var m=void 0;if(d.labelAlignTo==="edge"){if(f.x<e){m=p[2][0]-d.labelDistance-o-d.edgeDistance}else{m=o+a-d.edgeDistance-p[2][0]-d.labelDistance}}else if(d.labelAlignTo==="labelLine"){if(f.x<e){m=u-o-d.bleedMargin}else{m=o+a-h-d.bleedMargin}}else{if(f.x<e){m=f.x-o-d.bleedMargin}else{m=o+a-f.x-d.bleedMargin}}d.targetTextWidth=m;Cr(d,m)}}Tr(c,e,r,i,1,a,n,o,s,h);Tr(l,e,r,i,-1,a,n,o,s,u);for(var v=0;v<t.length;v++){var d=t[v];if(!Ir(d)&&d.linePoints){var f=d.label;var p=d.linePoints;var g=d.labelAlignTo==="edge";var b=f.style.padding;var y=b?b[1]+b[3]:0;var x=f.style.backgroundColor?0:y;var w=d.rect.width+x;var S=p[1][0]-p[2][0];if(g){if(f.x<e){p[2][0]=o+d.edgeDistance+w+d.labelDistance}else{p[2][0]=o+a-d.edgeDistance-w-d.labelDistance}}else{if(f.x<e){p[2][0]=f.x+d.labelDistance}else{p[2][0]=f.x-d.labelDistance}p[1][0]=p[2][0]+S}p[1][1]=p[2][1]=f.y}}}function Cr(t,e,r){if(r===void 0){r=false}if(t.labelStyleWidth!=null){return}var i=t.label;var a=i.style;var n=t.rect;var o=a.backgroundColor;var s=a.padding;var l=s?s[1]+s[3]:0;var c=a.overflow;var u=n.width+(o?0:l);if(e<u||r){var h=n.height;if(c&&c.match("break")){i.setStyle("backgroundColor",null);i.setStyle("width",e-l);var v=i.getBoundingRect();i.setStyle("width",Math.ceil(v.width));i.setStyle("backgroundColor",o)}else{var f=e-l;var d=e<u?f:r?f>t.unconstrainedWidth?null:f:null;i.setStyle("width",d)}var p=i.getBoundingRect();n.width=p.width;var m=(i.style.margin||0)+2.1;n.height=p.height+m;n.y-=(n.height-h)/2}}function Ir(t){return t.position==="center"}function kr(t){var e=t.getData();var r=[];var i;var a;var n=false;var o=(t.get("minShowLabelAngle")||0)*Sr;var s=e.getLayout("viewRect");var l=e.getLayout("r");var c=s.width;var u=s.x;var h=s.y;var v=s.height;function f(t){t.ignore=true}function d(t){if(!t.ignore){return true}for(var e in t.states){if(t.states[e].ignore===false){return true}}return false}e.each((function(t){var s=e.getItemGraphicEl(t);var h=s.shape;var v=s.getTextContent();var p=s.getTextGuideLine();var m=e.getItemModel(t);var g=m.getModel("label");var b=g.get("position")||m.get(["emphasis","label","position"]);var x=g.get("distanceToLabelLine");var w=g.get("alignTo");var S=_(g.get("edgeDistance"),c);var T=g.get("bleedMargin");var M=m.getModel("labelLine");var C=M.get("length");C=_(C,c);var I=M.get("length2");I=_(I,c);if(Math.abs(h.endAngle-h.startAngle)<o){y(v.states,f);v.ignore=true;if(p){y(p.states,f);p.ignore=true}return}if(!d(v)){return}var k=(h.startAngle+h.endAngle)/2;var z=Math.cos(k);var A=Math.sin(k);var D;var N;var L;var O;i=h.cx;a=h.cy;var B=b==="inside"||b==="inner";if(b==="center"){D=h.cx;N=h.cy;O="center"}else{var U=(B?(h.r+h.r0)/2*z:h.r*z)+i;var R=(B?(h.r+h.r0)/2*A:h.r*A)+a;D=U+z*3;N=R+A*3;if(!B){var P=U+z*(C+l-h.r);var W=R+A*(C+l-h.r);var F=P+(z<0?-1:1)*I;var Y=W;if(w==="edge"){D=z<0?u+S:u+c-S}else{D=F+(z<0?-x:x)}N=Y;L=[[U,R],[P,W],[F,Y]]}O=B?"center":w==="edge"?z>0?"right":"left":z>0?"left":"right"}var G=Math.PI;var j=0;var H=g.get("rotate");if(st(H)){j=H*(G/180)}else if(b==="center"){j=0}else if(H==="radial"||H===true){var X=z<0?-k+G:-k;j=X}else if(H==="tangential"&&b!=="outside"&&b!=="outer"){var E=Math.atan2(z,A);if(E<0){E=G*2+E}var K=A>0;if(K){E=G+E}j=E-G}n=!!j;v.x=D;v.y=N;v.rotation=j;v.setStyle({verticalAlign:"middle"});if(!B){var q=v.getBoundingRect().clone();q.applyTransform(v.getComputedTransform());var $=(v.style.margin||0)+2.1;q.y-=$/2;q.height+=$;r.push({label:v,labelLine:p,position:b,len:C,len2:I,minTurnAngle:M.get("minTurnAngle"),maxSurfaceAngle:M.get("maxSurfaceAngle"),surfaceNormal:new At(z,A),linePoints:L,textAlign:O,labelDistance:x,labelAlignTo:w,edgeDistance:S,bleedMargin:T,rect:q,unconstrainedWidth:q.width,labelStyleWidth:v.style.width})}else{v.setStyle({align:O});var J=v.states.select;if(J){J.x+=v.x;J.y+=v.y}}s.setTextConfig({inside:B})}));if(!n&&t.get("avoidLabelOverlap")){Mr(r,i,a,l,c,v,u,h)}for(var p=0;p<r.length;p++){var m=r[p];var g=m.label;var b=m.labelLine;var x=isNaN(g.x)||isNaN(g.y);if(g){g.setStyle({align:m.textAlign});if(x){y(g.states,f);g.ignore=true}var w=g.states.select;if(w){w.x+=g.x;w.y+=g.y}}if(b){var S=m.linePoints;if(x||!S){y(b.states,f);b.ignore=true}else{Zt(S,m.minTurnAngle);Vt(S,m.surfaceNormal,m.maxSurfaceAngle);b.setShape({points:S});g.__hostTarget.textGuideLineConfig={anchor:new At(S[0][0],S[0][1])}}}}}var zr=function(t){c(e,t);function e(e,r,i){var a=t.call(this)||this;a.z2=2;var n=new I;a.setTextContent(n);a.updateData(e,r,i,true);return a}e.prototype.updateData=function(t,e,r,i){var a=this;var n=t.hostModel;var o=t.getItemModel(e);var s=o.getModel("emphasis");var l=t.getItemLayout(e);var c=Y(Qt(o.getModel("itemStyle"),l,true),l);if(isNaN(c.startAngle)){a.setShape(c);return}if(i){a.setShape(c);var u=n.getShallow("animationType");if(n.ecModel.ssr){Nt(a,{scaleX:0,scaleY:0},n,{dataIndex:e,isFrom:true});a.originX=c.cx;a.originY=c.cy}else if(u==="scale"){a.shape.r=l.r0;Nt(a,{shape:{r:l.r}},n,e)}else{if(r!=null){a.setShape({startAngle:r,endAngle:r});Nt(a,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},n,e)}else{a.shape.endAngle=l.startAngle;Ct(a,{shape:{endAngle:l.endAngle}},n,e)}}}else{Lt(a);Ct(a,{shape:c},n,e)}a.useStyle(t.getItemVisual(e,"style"));Ot(a,o);var h=(l.startAngle+l.endAngle)/2;var v=n.get("selectedOffset");var f=Math.cos(h)*v;var d=Math.sin(h)*v;var p=o.getShallow("cursor");p&&a.attr("cursor",p);this._updateLabel(n,t,e);a.ensureState("emphasis").shape=Y({r:l.r+(s.get("scale")?s.get("scaleSize")||0:0)},Qt(s.getModel("itemStyle"),l));Y(a.ensureState("select"),{x:f,y:d,shape:Qt(o.getModel(["select","itemStyle"]),l)});Y(a.ensureState("blur"),{shape:Qt(o.getModel(["blur","itemStyle"]),l)});var m=a.getTextGuideLine();var g=a.getTextContent();m&&Y(m.ensureState("select"),{x:f,y:d});Y(g.ensureState("select"),{x:f,y:d});Bt(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))};e.prototype._updateLabel=function(t,e,r){var i=this;var a=e.getItemModel(r);var n=a.getModel("labelLine");var o=e.getItemVisual(r,"style");var s=o&&o.fill;var l=o&&o.opacity;ht(i,Ut(a),{labelFetcher:e.hostModel,labelDataIndex:r,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(r,"normal")||e.getName(r)});var c=i.getTextContent();i.setTextConfig({position:null,rotation:null});c.attr({z2:10});var u=t.get(["label","position"]);if(u!=="outside"&&u!=="outer"){i.removeTextGuideLine()}else{var h=this.getTextGuideLine();if(!h){h=new Rt;this.setTextGuideLine(h)}te(this,ee(a),{stroke:s,opacity:Pt(n.get(["lineStyle","opacity"]),l,1)})}};return e}(Wt);var Ar=function(t){c(e,t);function e(){var e=t!==null&&t.apply(this,arguments)||this;e.ignoreLabelLineUpdate=true;return e}e.prototype.render=function(t,e,r,i){var a=t.getData();var n=this._data;var o=this.group;var s;if(!n&&a.count()>0){var l=a.getItemLayout(0);for(var c=1;isNaN(l&&l.startAngle)&&c<a.count();++c){l=a.getItemLayout(c)}if(l){s=l.startAngle}}if(this._emptyCircleSector){o.remove(this._emptyCircleSector)}if(a.count()===0&&t.get("showEmptyCircle")){var u=xr(t);var h=new Wt({shape:Y(br(t,r),u)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle());this._emptyCircleSector=h;o.add(h)}a.diff(n).add((function(t){var e=new zr(a,t,s);a.setItemGraphicEl(t,e);o.add(e)})).update((function(t,e){var r=n.getItemGraphicEl(e);r.updateData(a,t,s);r.off("click");o.add(r);a.setItemGraphicEl(t,r)})).remove((function(e){var r=n.getItemGraphicEl(e);Ft(r,t,e)})).execute();kr(t);if(t.get("animationTypeUpdate")!=="expansion"){this._data=a}};e.prototype.dispose=function(){};e.prototype.containPoint=function(t,e){var r=e.getData();var i=r.getItemLayout(0);if(i){var a=t[0]-i.cx;var n=t[1]-i.cy;var o=Math.sqrt(a*a+n*n);return o<=i.r&&o>=i.r0}};e.type="pie";return e}(Yt);const Dr=Ar;function Nr(t,e,r){e=b(e)&&{coordDimensions:e}||Y({encodeDefine:t.getEncode()},e);var i=t.getSource();var a=Gt(i,e).dimensions;var n=new jt(a,t);n.initData(i,r);return n}var Lr=function(){function t(t,e){this._getDataWithEncodedVisual=t;this._getRawData=e}t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)};t.prototype.containName=function(t){var e=this._getRawData();return e.indexOfName(t)>=0};t.prototype.indexOfName=function(t){var e=this._getDataWithEncodedVisual();return e.indexOfName(t)};t.prototype.getItemVisual=function(t,e){var r=this._getDataWithEncodedVisual();return r.getItemVisual(t,e)};return t}();const Or=Lr;var Br=zt();var Ur=function(t){c(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}e.prototype.init=function(e){t.prototype.init.apply(this,arguments);this.legendVisualProvider=new Or(x(this.getData,this),x(this.getRawData,this));this._defaultLabelLine(e)};e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)};e.prototype.getInitialData=function(){return Nr(this,{coordDimensions:["value"],encodeDefaulter:bt(Ht,this)})};e.prototype.getDataParams=function(e){var r=this.getData();var i=Br(r);var a=i.seats;if(!a){var n=[];r.each(r.mapDimension("value"),(function(t){n.push(t)}));a=i.seats=Xt(n,r.hostModel.get("percentPrecision"))}var o=t.prototype.getDataParams.call(this,e);o.percent=a[e]||0;o.$vars.push("percent");return o};e.prototype._defaultLabelLine=function(t){Et(t,"labelLine",["show"]);var e=t.labelLine;var r=t.emphasis.labelLine;e.show=e.show&&t.label.show;r.show=r.show&&t.emphasis.label.show};e.type="series.pie";e.defaultOption={z:2,legendHoverLink:true,colorBy:"data",center:["50%","50%"],radius:[0,"75%"],clockwise:true,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:true,left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:true,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",bleedMargin:10,distanceToLabelLine:5},labelLine:{show:true,length:15,length2:15,smooth:false,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:true,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:true},emphasis:{scale:true,scaleSize:5},avoidLabelOverlap:true,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"};return e}(_t);const Rr=Ur;function Pr(t){return{seriesType:t,reset:function(t,e){var r=t.getData();r.filterSelf((function(t){var e=r.mapDimension("value");var i=r.get(e,t);if(st(i)&&!isNaN(i)&&i<0){return false}return true}))}}}function Wr(t){t.registerChartView(Dr);t.registerSeriesModel(Rr);Kt("pie",t.registerAction);t.registerLayout(bt(yr,"pie"));t.registerProcessor(wr("pie"));t.registerProcessor(Pr("pie"))}const Fr="*{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{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:focus{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 3px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}";const Yr=Fr;Q([Fe,dr,Wr,qt,$t,re]);const Gr=class{constructor(r){t(this,r);this.change=e(this,"change",7);this.click=e(this,"click",7);this.defaultRecord={id:null,value:null,name:null};this.onClickElsewhere=t=>{t.stopPropagation();this.clearSelection()};this.onButtonKeyDown=t=>{const{selectedId:e,data:r}=this;let i=this.getIndexById(e)||0;switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"ArrowLeft":t.preventDefault();i--;if(i<0)i=r.length-1;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"ArrowRight":t.preventDefault();i++;if(i>r.length-1)i=0;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"Escape":this.clearSelection();break;default:return}};this.onButtonClick=t=>{t.stopPropagation();const{selectedId:e}=this;const r=e?this.getDataById(e):Object.assign({},this.defaultRecord);this.click.emit(r)};this.onContainerClick=t=>{if(this.isInChangeEvent)return;if(!(t.target instanceof HTMLElement))return;this.clearSelection();t.stopPropagation()};this.data=[];this.chartName=undefined;this.format=undefined;this.hoverScaleSize=5;this.isClickable=undefined;this.innerRadius="70%";this.minSliceSize="2.5%";this.outerRadius="85%";this.selectedId=undefined;this.selectedOffset=10;this.summaryIcon=undefined;this.summaryName=undefined;this.hoveredId=undefined}componentDidLoad(){const t=Jt(this.chartContainer);this.cacheComputedStyles();this.colors=this.getColors();this.resizeObserver=new ResizeObserver((()=>this.resizeChart()));this.resizeObserver.observe(this.hostElement);this.updateChart(t);this.setupChartEvents(t);this.checkSelectedId();this.chart=t;this.selectById(this.selectedId);a(this.hostElement)}disconnectedCallback(){this.resizeObserver=null}get centerData(){const{hoveredId:t,data:e}=this;const r=t;const i=this.getIndexById(r);return r?Object.assign(Object.assign({},this.getDataById(r)),{color:this.colors[i]}):{name:n(this.summaryName||"tecton.element.chartDonut.button.summaryName"),icon:this.summaryIcon,value:e.reduce(((t,e)=>t+e.value),0),color:null}}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}displayValue(t){const e=parseFloat(t.toString());if(isNaN(e))return;if(this.format==="currency"){return Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e)}else{return Intl.NumberFormat("en-US").format(e)}}getCSSProperty(t){let e;if(t.startsWith("var(")&&t.endsWith(")")){const r=/var\((.*)\)/g;const i=r.exec(t);const a=i.length>=2?i[1].split(","):[];t=a[0];e=a[1]}let r=this.chartContainerStyles.getPropertyValue(t).trim();if(!r)r=this.hostElementStyles.getPropertyValue(t).trim();return r||e}getIndexById(t){return this.data.findIndex((e=>e.id===t))}getDataByIndex(t){if(typeof t!=="number")return;return this.data[t]}getDataById(t){if(!t)return;return this.data.find((e=>e.id===t))}getColors(){const t=["--comp-color-1","--comp-color-2","--comp-color-3","--comp-color-4","--comp-color-5","--comp-color-6","--comp-color-7","--comp-color-8","--comp-color-9","--comp-color-10","--comp-color-11","--comp-color-12"];return this.data.reduce(((e,r)=>{let i=t.shift();if(r.color)i=r.color;e.push(this.getCSSProperty(i)||i);return e}),[])}getMinSliceSizeAsAngle(){return parseFloat(this.minSliceSize)/100*360}setupChartEvents(t){t.on("mouseover",(t=>{this.hoveredId=t.data.id}));t.on("click",(t=>{t.event.event.stopPropagation()}));t.on("mouseout",(()=>{this.hoveredId=this.selectedId}));t.on("selectchanged",(t=>{var e,r,i,a;const n=(a=(i=(r=(e=t.selected)===null||e===void 0?void 0:e[0])===null||r===void 0?void 0:r.dataIndex)===null||i===void 0?void 0:i[0])!==null&&a!==void 0?a:null;const o=typeof n==="number"?this.getDataByIndex(n):Object.assign({},this.defaultRecord);this.selectedId=o.id;this.isInChangeEvent=true;this.change.emit(o);setTimeout((()=>{this.isInChangeEvent=false}),0)}))}updateChart(t){return t.setOption({tooltip:{show:false},legend:{show:false},aria:{enabled:true},series:[{name:this.chartName,animationType:"scale",color:this.colors,id:"pie",type:"pie",selectedOffset:this.selectedOffset,selectedMode:"single",radius:[this.innerRadius,this.outerRadius],label:{show:false},labelLine:{show:false},itemStyle:{borderWidth:5,borderColor:this.getCSSProperty("--comp-background-color")},emphasis:{scaleSize:this.hoverScaleSize,itemStyle:{color:"inherit"}},minAngle:this.getMinSliceSizeAsAngle(),data:this.data}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}dataUpdated(){this.colors=this.getColors()}innerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(r>=i){this.innerRadius=`${i-15}%`}}outerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(i<=r){this.outerRadius=`${r+15}%`}}checkSelectedId(){if(!!this.selectedId){this.hoveredId=this.selectedId;if(this.chart){this.selectById(this.selectedId)}}else{if(this.chart){this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(this.hoveredId)})}this.hoveredId=null}}delegateFocus(t){var e;if(!o(t,this.hostElement))return;if(!this.isClickable)return;(e=this.centerButtonElement)===null||e===void 0?void 0:e.focus()}async selectById(t){const e=this.getIndexById(t);if(e===-1)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async selectByIndex(t){const e=this.data[t]?t:null;if(!e)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async clearSelection(){const{selectedId:t}=this;if(!t)return;this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(t)})}async getChartOptions(){return this.chart.getOption()}renderCenterBlock(){const{icon:t,name:e,value:i,color:a}=this.centerData;const{isClickable:o}=this;const s=o?"button":"div";const l=this.displayValue(i);const c=o?{onKeyDown:this.onButtonKeyDown,onClick:this.onButtonClick,ref:t=>this.centerButtonElement=t,"aria-describedby":"center-card-description","aria-roledescription":n("tecton.element.chartDonut.button.roleDescription")}:null;return r("div",{class:"center-card-container",style:{width:`calc(${this.innerRadius} - 10%)`}},o&&r("div",{id:"center-card-description",class:"sr"},n("tecton.element.chartDonut.button.description")),r(s,Object.assign({class:"center-card","test-id":"centerCard"},c),!!t&&r("q2-icon",{type:t,style:a&&{"--tct-icon-stroke-primary":a,"--tct-icon-stroke-secondary":a,color:a}}),!!e&&r("div",{class:"name"},e),!!i&&r("div",{class:"value"},l)))}render(){return r("click-elsewhere",{key:"f41e814c20a45c444c1e4a562514b5423fa0a4f3",onChange:this.onClickElsewhere},r("div",{key:"bb4e46e5d7306a9dc1c8a01c199f8686fdd3d215",class:"container"},r("div",{key:"cd23b2c3c4715795a6b4e01ecba29a5aa903b834",ref:t=>this.chartContainer=t,class:"chart-container","test-id":"chartContainer",onClick:this.onContainerClick}),this.renderCenterBlock()))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],innerRadius:["propsUpdates","innerRadiusUpdated"],outerRadius:["propsUpdates","outerRadiusUpdated"],minSliceSize:["propsUpdates"],hoverScaleSize:["propsUpdates"],selectedOffset:["propsUpdates"],data:["propsUpdates","dataUpdated"],selectedId:["checkSelectedId"]}}};Gr.style=Yr;export{Gr as q2_chart_donut};
|
|
2
|
-
//# sourceMappingURL=p-7ff4c446.entry.js.map
|