@esri/calcite-components 1.0.0-next.415 → 1.0.0-next.416
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/calcite/calcite.esm.js +1 -1
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/{p-02854dce.system.entry.js → p-02d7cf64.system.entry.js} +1 -1
- package/dist/calcite/{p-993a9701.system.entry.js → p-035c70fd.system.entry.js} +1 -1
- package/dist/calcite/p-03c92ad2.entry.js +5 -0
- package/dist/calcite/{p-847fc3a4.system.entry.js → p-052ba882.system.entry.js} +1 -1
- package/dist/calcite/{p-46c177ec.system.entry.js → p-07f1f162.system.entry.js} +1 -1
- package/dist/calcite/p-1263bcc0.entry.js +5 -0
- package/dist/calcite/p-18be4438.entry.js +5 -0
- package/dist/calcite/p-193749c1.entry.js +5 -0
- package/dist/calcite/{p-129954f1.system.entry.js → p-1aded388.system.entry.js} +1 -1
- package/dist/calcite/{p-18d1b401.system.entry.js → p-1aeca42a.system.entry.js} +1 -1
- package/dist/calcite/p-1b1bca2d.entry.js +5 -0
- package/dist/calcite/{p-3c773436.system.entry.js → p-1fc943d5.system.entry.js} +1 -1
- package/dist/calcite/p-23145377.entry.js +5 -0
- package/dist/calcite/p-28c333d0.entry.js +5 -0
- package/dist/calcite/p-2bcaed33.entry.js +5 -0
- package/dist/calcite/{p-2f20293c.system.entry.js → p-2dd22e8c.system.entry.js} +1 -1
- package/dist/calcite/{p-1984c1b1.system.entry.js → p-2fae8516.system.entry.js} +1 -1
- package/dist/calcite/p-31c58f25.entry.js +5 -0
- package/dist/calcite/p-32d6b962.entry.js +5 -0
- package/dist/calcite/{p-475869c9.system.entry.js → p-32efc4cd.system.entry.js} +1 -1
- package/dist/calcite/p-34730e94.entry.js +5 -0
- package/dist/calcite/p-364db271.entry.js +5 -0
- package/dist/calcite/p-3915705c.entry.js +5 -0
- package/dist/calcite/p-3b4662a5.entry.js +5 -0
- package/dist/calcite/{p-7375cf4f.system.entry.js → p-3b707a1c.system.entry.js} +1 -1
- package/dist/calcite/{p-41806a13.system.entry.js → p-3cdee187.system.entry.js} +1 -1
- package/dist/calcite/{p-296c1d5a.system.entry.js → p-3e149640.system.entry.js} +1 -1
- package/dist/calcite/{p-9a69d12a.system.entry.js → p-3e9d96c6.system.entry.js} +1 -1
- package/dist/calcite/{p-f5e91588.system.entry.js → p-3ea157ba.system.entry.js} +1 -1
- package/dist/calcite/p-411dcd52.entry.js +5 -0
- package/dist/calcite/p-42227a04.entry.js +5 -0
- package/dist/calcite/p-426f011a.entry.js +5 -0
- package/dist/calcite/{p-e01879bf.js → p-4730df46.js} +1 -1
- package/dist/calcite/p-47d38839.entry.js +5 -0
- package/dist/calcite/{p-aa336fc3.system.entry.js → p-482885ae.system.entry.js} +1 -1
- package/dist/calcite/{p-df3775ba.system.entry.js → p-48637359.system.entry.js} +1 -1
- package/dist/calcite/{p-78bb06e5.system.entry.js → p-496e907a.system.entry.js} +1 -1
- package/dist/calcite/p-4aecbaef.entry.js +5 -0
- package/dist/calcite/{p-ea32a5ac.system.entry.js → p-4afb5a1b.system.entry.js} +1 -1
- package/dist/calcite/p-4eae61c5.entry.js +5 -0
- package/dist/calcite/p-5394666a.entry.js +5 -0
- package/dist/calcite/p-54c49493.entry.js +5 -0
- package/dist/calcite/{p-0bd5bb31.system.entry.js → p-55e1a3a0.system.entry.js} +1 -1
- package/dist/calcite/{p-3543ddfe.system.entry.js → p-569150ab.system.entry.js} +1 -1
- package/dist/calcite/p-577bc6de.entry.js +5 -0
- package/dist/calcite/{p-4392cf25.system.entry.js → p-57e0428a.system.entry.js} +1 -1
- package/dist/calcite/{p-9d071e3c.system.js → p-588bfa74.system.js} +1 -1
- package/dist/calcite/p-5a8829cd.entry.js +5 -0
- package/dist/calcite/p-5bb4d012.entry.js +5 -0
- package/dist/calcite/{p-a7e2bf9b.system.entry.js → p-5be48d2a.system.entry.js} +1 -1
- package/dist/calcite/p-6137468f.system.entry.js +5 -0
- package/dist/calcite/p-6261469d.entry.js +5 -0
- package/dist/calcite/p-62c7ab61.entry.js +5 -0
- package/dist/calcite/p-65dbbfb5.system.js +5 -0
- package/dist/calcite/{p-31c3b490.system.entry.js → p-69d2d9cf.system.entry.js} +1 -1
- package/dist/calcite/p-6ab3e489.entry.js +5 -0
- package/dist/calcite/p-6b7b23d0.js +5 -0
- package/dist/calcite/{p-a6261f6b.system.entry.js → p-6c4a7041.system.entry.js} +1 -1
- package/dist/calcite/{p-db73225f.system.entry.js → p-6e0103f5.system.entry.js} +1 -1
- package/dist/calcite/{p-579d1f1a.system.entry.js → p-6ed27595.system.entry.js} +1 -1
- package/dist/calcite/{p-bce112c4.system.entry.js → p-6fba3e1b.system.entry.js} +1 -1
- package/dist/calcite/{p-2eb067c8.system.entry.js → p-7247b667.system.entry.js} +1 -1
- package/dist/calcite/{p-58274475.system.entry.js → p-7260c869.system.entry.js} +1 -1
- package/dist/calcite/p-73d23656.entry.js +5 -0
- package/dist/calcite/{p-467318a0.system.entry.js → p-7432e5ef.system.entry.js} +1 -1
- package/dist/calcite/p-765c9bef.entry.js +5 -0
- package/dist/calcite/p-78bc502f.entry.js +5 -0
- package/dist/calcite/{p-ee88180e.system.entry.js → p-7bee4942.system.entry.js} +1 -1
- package/dist/calcite/{p-c0e695bd.js → p-7c88d545.js} +1 -1
- package/dist/calcite/p-824da4be.entry.js +5 -0
- package/dist/calcite/{p-00009c01.system.entry.js → p-872e82a6.system.entry.js} +1 -1
- package/dist/calcite/p-87888359.entry.js +5 -0
- package/dist/calcite/p-8a7596e3.entry.js +5 -0
- package/dist/calcite/{p-ba2c5e07.js → p-8ab345f2.js} +1 -1
- package/dist/calcite/{p-4ff0e3a9.system.entry.js → p-8e0dd0af.system.entry.js} +1 -1
- package/dist/calcite/{p-e4c317a4.system.js → p-9385e4b4.system.js} +1 -1
- package/dist/calcite/{p-8bb762f9.system.entry.js → p-963e9aec.system.entry.js} +1 -1
- package/dist/calcite/p-97904e9a.entry.js +5 -0
- package/dist/calcite/{p-a72718b5.system.entry.js → p-9940b82a.system.entry.js} +1 -1
- package/dist/calcite/p-9ac86d6a.entry.js +5 -0
- package/dist/calcite/{p-c7f36800.system.entry.js → p-9ad8c7c5.system.entry.js} +1 -1
- package/dist/calcite/p-9c913e3a.entry.js +5 -0
- package/dist/calcite/p-9e61d89d.entry.js +5 -0
- package/dist/calcite/{p-1f82294e.system.entry.js → p-a11ee541.system.entry.js} +1 -1
- package/dist/calcite/p-a144a9e2.system.entry.js +5 -0
- package/dist/calcite/{p-7d937b47.entry.js → p-a7770d75.entry.js} +1 -1
- package/dist/calcite/{p-f56ce7ea.js → p-a9b3ef39.js} +1 -1
- package/dist/calcite/p-a9ea7f4f.entry.js +5 -0
- package/dist/calcite/{p-b5afe88b.system.entry.js → p-aaa21a84.system.entry.js} +1 -1
- package/dist/calcite/{p-44032496.system.entry.js → p-aad14a5d.system.entry.js} +1 -1
- package/dist/calcite/p-afe59546.entry.js +5 -0
- package/dist/calcite/p-b10af2b4.entry.js +5 -0
- package/dist/calcite/p-b2493735.entry.js +5 -0
- package/dist/calcite/{p-d74ca1cf.system.entry.js → p-b3c5247b.system.entry.js} +1 -1
- package/dist/calcite/{p-cfb7be80.system.entry.js → p-b47dc903.system.entry.js} +1 -1
- package/dist/calcite/{p-c9f280c1.system.js → p-b765d197.system.js} +1 -1
- package/dist/calcite/p-bccbf58a.entry.js +5 -0
- package/dist/calcite/{p-cd406e29.system.entry.js → p-bdcb43b1.system.entry.js} +1 -1
- package/dist/calcite/{p-66a7bd24.system.entry.js → p-bffb4da3.system.entry.js} +1 -1
- package/dist/calcite/p-c024d833.entry.js +5 -0
- package/dist/calcite/{p-d1060fb1.system.entry.js → p-c228a1da.system.entry.js} +1 -1
- package/dist/calcite/p-c2adeae4.entry.js +5 -0
- package/dist/calcite/{p-18ea4373.system.js → p-c33f47d5.system.js} +1 -1
- package/dist/calcite/{p-42d258d4.system.entry.js → p-c4cb35ba.system.entry.js} +1 -1
- package/dist/calcite/{p-5d52246b.system.js → p-c51699d3.system.js} +1 -1
- package/dist/calcite/p-c5c42405.entry.js +5 -0
- package/dist/calcite/{p-a4cc864a.system.entry.js → p-c9fc13b9.system.entry.js} +1 -1
- package/dist/calcite/p-cafd98e8.entry.js +5 -0
- package/dist/calcite/p-cb28aa6a.entry.js +5 -0
- package/dist/calcite/{p-08c58589.system.js → p-cb57638c.system.js} +1 -1
- package/dist/calcite/p-cb847074.entry.js +5 -0
- package/dist/calcite/p-cbc6fee6.entry.js +5 -0
- package/dist/calcite/p-cc6e7726.entry.js +5 -0
- package/dist/calcite/{p-2277b440.js → p-cd5f5c8f.js} +1 -1
- package/dist/calcite/{p-1d345756.system.entry.js → p-cd9226a1.system.entry.js} +1 -1
- package/dist/calcite/{p-fedbc6e6.js → p-dcf33bb2.js} +1 -1
- package/dist/calcite/{p-36fa8b0f.system.entry.js → p-dd460534.system.entry.js} +1 -1
- package/dist/calcite/p-e22ab8fa.entry.js +5 -0
- package/dist/calcite/{p-04708565.system.entry.js → p-e3280a36.system.entry.js} +1 -1
- package/dist/calcite/p-e43605c5.entry.js +5 -0
- package/dist/calcite/{p-9e56f30f.system.entry.js → p-e4d1651b.system.entry.js} +1 -1
- package/dist/calcite/p-e5a7ca2a.entry.js +5 -0
- package/dist/calcite/p-e65b6bfb.entry.js +5 -0
- package/dist/calcite/{p-45dce037.system.entry.js → p-e66a8ca1.system.entry.js} +1 -1
- package/dist/calcite/{p-5be670bf.system.entry.js → p-ea4119b1.system.entry.js} +1 -1
- package/dist/calcite/{p-c908ce40.system.entry.js → p-ef17447d.system.entry.js} +1 -1
- package/dist/calcite/p-f344e163.entry.js +5 -0
- package/dist/calcite/{p-a400f6dc.system.entry.js → p-f8238718.system.entry.js} +1 -1
- package/dist/calcite/p-fe9380a0.system.js +5 -0
- package/dist/cjs/{ExpandToggle-dbdede53.js → ExpandToggle-f7682a15.js} +1 -1
- package/dist/cjs/{Heading-1870bc0e.js → Heading-ec707493.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-action-bar.cjs.entry.js +4 -4
- package/dist/cjs/calcite-action-group.cjs.entry.js +3 -3
- package/dist/cjs/calcite-action-menu.cjs.entry.js +3 -3
- package/dist/cjs/calcite-action-pad.cjs.entry.js +4 -4
- package/dist/cjs/calcite-action.cjs.entry.js +2 -2
- package/dist/cjs/calcite-alert.cjs.entry.js +2 -2
- package/dist/cjs/calcite-avatar.cjs.entry.js +2 -2
- package/dist/cjs/calcite-block_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-button.cjs.entry.js +2 -2
- package/dist/cjs/calcite-card.cjs.entry.js +3 -3
- package/dist/cjs/calcite-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/calcite-chip.cjs.entry.js +3 -3
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +4 -4
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +20 -30
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +7 -7
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +9 -5
- package/dist/cjs/calcite-fab.cjs.entry.js +2 -2
- package/dist/cjs/calcite-filter.cjs.entry.js +2 -2
- package/dist/cjs/calcite-flow.cjs.entry.js +2 -2
- package/dist/cjs/calcite-graph_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-handle.cjs.entry.js +2 -2
- package/dist/cjs/calcite-icon.cjs.entry.js +2 -2
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +2 -2
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +9 -5
- package/dist/cjs/calcite-input-message.cjs.entry.js +2 -2
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-input.cjs.entry.js +3 -3
- package/dist/cjs/calcite-label.cjs.entry.js +2 -2
- package/dist/cjs/calcite-link.cjs.entry.js +2 -2
- package/dist/cjs/calcite-list_3.cjs.entry.js +6 -6
- package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
- package/dist/cjs/calcite-modal.cjs.entry.js +3 -3
- package/dist/cjs/calcite-notice.cjs.entry.js +3 -3
- package/dist/cjs/calcite-option_3.cjs.entry.js +5 -5
- package/dist/cjs/calcite-pagination.cjs.entry.js +2 -2
- package/dist/cjs/calcite-panel.cjs.entry.js +4 -4
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-popover_2.cjs.entry.js +9 -5
- package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-rating.cjs.entry.js +3 -3
- package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
- package/dist/cjs/calcite-shell_3.cjs.entry.js +5 -5
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +2 -2
- package/dist/cjs/calcite-split-button.cjs.entry.js +2 -2
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-switch.cjs.entry.js +3 -3
- package/dist/cjs/calcite-tab_4.cjs.entry.js +5 -5
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-tile.cjs.entry.js +3 -3
- package/dist/cjs/calcite-tip_3.cjs.entry.js +6 -6
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +8 -4
- package/dist/cjs/calcite-tree_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{conditionalSlot-2917212e.js → conditionalSlot-64f9bfd3.js} +1 -1
- package/dist/cjs/{form-d540f0cb.js → form-0ef859c8.js} +1 -1
- package/dist/cjs/{index-8760acaf.js → index-1af0efd3.js} +4 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{resources-1e94d43c.js → resources-7811eb2c.js} +1 -1
- package/dist/cjs/{resources-65327c4a.js → resources-daf15d54.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/combobox/combobox.js +16 -28
- package/dist/collection/components/dropdown/dropdown.js +5 -1
- package/dist/collection/components/input-date-picker/input-date-picker.js +5 -1
- package/dist/collection/components/popover/popover.js +5 -1
- package/dist/collection/components/tooltip/tooltip.js +5 -1
- package/dist/components/action-group.js +3 -4
- package/dist/components/action-menu.js +3 -4
- package/dist/components/action.js +3 -4
- package/dist/components/button.js +3 -4
- package/dist/components/calcite-accordion-item.js +3 -4
- package/dist/components/calcite-accordion.js +3 -4
- package/dist/components/calcite-action-bar.js +3 -4
- package/dist/components/calcite-action-pad.js +3 -4
- package/dist/components/calcite-alert.js +3 -4
- package/dist/components/calcite-avatar.js +3 -4
- package/dist/components/calcite-block-section.js +3 -4
- package/dist/components/calcite-block.js +3 -4
- package/dist/components/calcite-card.js +3 -4
- package/dist/components/calcite-color-picker.js +3 -4
- package/dist/components/calcite-combobox-item-group.js +3 -4
- package/dist/components/calcite-combobox-item.js +3 -4
- package/dist/components/calcite-combobox.js +17 -30
- package/dist/components/calcite-dropdown-group.js +3 -4
- package/dist/components/calcite-dropdown-item.js +3 -4
- package/dist/components/calcite-fab.js +3 -4
- package/dist/components/calcite-flow.js +3 -4
- package/dist/components/calcite-inline-editable.js +3 -4
- package/dist/components/calcite-input-date-picker.js +8 -5
- package/dist/components/calcite-input-message.js +3 -4
- package/dist/components/calcite-input-time-picker.js +3 -4
- package/dist/components/calcite-list-item-group.js +3 -4
- package/dist/components/calcite-list-item.js +3 -4
- package/dist/components/calcite-list.js +3 -4
- package/dist/components/calcite-modal.js +3 -4
- package/dist/components/calcite-notice.js +3 -4
- package/dist/components/calcite-option-group.js +3 -4
- package/dist/components/calcite-option.js +3 -4
- package/dist/components/calcite-pagination.js +3 -4
- package/dist/components/calcite-panel.js +3 -4
- package/dist/components/calcite-pick-list-group.js +3 -4
- package/dist/components/calcite-pick-list.js +3 -4
- package/dist/components/calcite-popover-manager.js +3 -4
- package/dist/components/calcite-radio-button-group.js +3 -4
- package/dist/components/calcite-radio-button.js +3 -4
- package/dist/components/calcite-radio-group-item.js +3 -4
- package/dist/components/calcite-radio-group.js +3 -4
- package/dist/components/calcite-rating.js +3 -4
- package/dist/components/calcite-select.js +3 -4
- package/dist/components/calcite-shell-center-row.js +3 -4
- package/dist/components/calcite-shell-panel.js +3 -4
- package/dist/components/calcite-shell.js +3 -4
- package/dist/components/calcite-slider.js +3 -4
- package/dist/components/calcite-sortable-list.js +3 -4
- package/dist/components/calcite-split-button.js +3 -4
- package/dist/components/calcite-stepper-item.js +3 -4
- package/dist/components/calcite-stepper.js +3 -4
- package/dist/components/calcite-tile-select-group.js +3 -4
- package/dist/components/calcite-tile-select.js +3 -4
- package/dist/components/calcite-tip-group.js +3 -4
- package/dist/components/calcite-tip-manager.js +3 -4
- package/dist/components/calcite-tip.js +3 -4
- package/dist/components/calcite-tooltip.js +8 -5
- package/dist/components/calcite-tree-item.js +3 -4
- package/dist/components/calcite-tree.js +3 -4
- package/dist/components/calcite-value-list-item.js +3 -4
- package/dist/components/calcite-value-list.js +3 -4
- package/dist/components/checkbox.js +3 -4
- package/dist/components/chip.js +3 -4
- package/dist/components/color-picker-hex-input.js +3 -4
- package/dist/components/color-picker-swatch.js +3 -4
- package/dist/components/date-picker-day.js +3 -4
- package/dist/components/date-picker-month-header.js +3 -4
- package/dist/components/date-picker-month.js +3 -4
- package/dist/components/date-picker.js +3 -4
- package/dist/components/dropdown.js +8 -5
- package/dist/components/filter.js +3 -4
- package/dist/components/graph.js +3 -4
- package/dist/components/handle.js +3 -4
- package/dist/components/icon.js +3 -4
- package/dist/components/input.js +3 -4
- package/dist/components/label2.js +3 -4
- package/dist/components/link.js +3 -4
- package/dist/components/loader.js +3 -4
- package/dist/components/pick-list-item.js +3 -4
- package/dist/components/popover.js +8 -5
- package/dist/components/progress.js +3 -4
- package/dist/components/scrim.js +3 -4
- package/dist/components/switch.js +3 -4
- package/dist/components/tab-nav.js +3 -4
- package/dist/components/tab-title.js +3 -4
- package/dist/components/tab.js +3 -4
- package/dist/components/tabs.js +3 -4
- package/dist/components/tile.js +3 -4
- package/dist/components/time-picker.js +3 -4
- package/dist/components/tooltip-manager.js +3 -4
- package/dist/custom-elements/index.js +125 -119
- package/dist/esm/{ExpandToggle-ed0ae55a.js → ExpandToggle-af224c1e.js} +1 -1
- package/dist/esm/{Heading-8289fa96.js → Heading-d5f1710a.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +3 -3
- package/dist/esm/calcite-action-bar.entry.js +4 -4
- package/dist/esm/calcite-action-group.entry.js +3 -3
- package/dist/esm/calcite-action-menu.entry.js +3 -3
- package/dist/esm/calcite-action-pad.entry.js +4 -4
- package/dist/esm/calcite-action.entry.js +2 -2
- package/dist/esm/calcite-alert.entry.js +2 -2
- package/dist/esm/calcite-avatar.entry.js +2 -2
- package/dist/esm/calcite-block_2.entry.js +5 -5
- package/dist/esm/calcite-button.entry.js +2 -2
- package/dist/esm/calcite-card.entry.js +3 -3
- package/dist/esm/calcite-checkbox.entry.js +3 -3
- package/dist/esm/calcite-chip.entry.js +3 -3
- package/dist/esm/calcite-color-picker_3.entry.js +4 -4
- package/dist/esm/calcite-combobox_3.entry.js +20 -30
- package/dist/esm/calcite-date-picker_4.entry.js +7 -7
- package/dist/esm/calcite-dropdown_3.entry.js +9 -5
- package/dist/esm/calcite-fab.entry.js +2 -2
- package/dist/esm/calcite-filter.entry.js +2 -2
- package/dist/esm/calcite-flow.entry.js +2 -2
- package/dist/esm/calcite-graph_2.entry.js +4 -4
- package/dist/esm/calcite-handle.entry.js +2 -2
- package/dist/esm/calcite-icon.entry.js +2 -2
- package/dist/esm/calcite-inline-editable.entry.js +2 -2
- package/dist/esm/calcite-input-date-picker.entry.js +9 -5
- package/dist/esm/calcite-input-message.entry.js +2 -2
- package/dist/esm/calcite-input-time-picker_2.entry.js +4 -4
- package/dist/esm/calcite-input.entry.js +3 -3
- package/dist/esm/calcite-label.entry.js +2 -2
- package/dist/esm/calcite-link.entry.js +2 -2
- package/dist/esm/calcite-list_3.entry.js +6 -6
- package/dist/esm/calcite-loader.entry.js +2 -2
- package/dist/esm/calcite-modal.entry.js +3 -3
- package/dist/esm/calcite-notice.entry.js +3 -3
- package/dist/esm/calcite-option_3.entry.js +5 -5
- package/dist/esm/calcite-pagination.entry.js +2 -2
- package/dist/esm/calcite-panel.entry.js +4 -4
- package/dist/esm/calcite-pick-list_3.entry.js +7 -7
- package/dist/esm/calcite-popover_2.entry.js +9 -5
- package/dist/esm/calcite-progress.entry.js +2 -2
- package/dist/esm/calcite-radio-button-group.entry.js +2 -2
- package/dist/esm/calcite-radio-button.entry.js +3 -3
- package/dist/esm/calcite-radio-group_2.entry.js +4 -4
- package/dist/esm/calcite-rating.entry.js +3 -3
- package/dist/esm/calcite-scrim.entry.js +2 -2
- package/dist/esm/calcite-shell_3.entry.js +5 -5
- package/dist/esm/calcite-sortable-list.entry.js +2 -2
- package/dist/esm/calcite-split-button.entry.js +2 -2
- package/dist/esm/calcite-stepper_2.entry.js +3 -3
- package/dist/esm/calcite-switch.entry.js +3 -3
- package/dist/esm/calcite-tab_4.entry.js +5 -5
- package/dist/esm/calcite-tile-select_2.entry.js +3 -3
- package/dist/esm/calcite-tile.entry.js +3 -3
- package/dist/esm/calcite-tip_3.entry.js +6 -6
- package/dist/esm/calcite-tooltip_2.entry.js +8 -4
- package/dist/esm/calcite-tree_2.entry.js +4 -4
- package/dist/esm/calcite-value-list_2.entry.js +5 -5
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{conditionalSlot-c4b6c8b1.js → conditionalSlot-67f579ff.js} +1 -1
- package/dist/esm/{form-d07b2414.js → form-5e4609eb.js} +1 -1
- package/dist/esm/{index-0fefddd1.js → index-bd94948c.js} +4 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{resources-431fa051.js → resources-73dac782.js} +1 -1
- package/dist/esm/{resources-77c12cea.js → resources-cbfcf4a3.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-ed0ae55a.js → ExpandToggle-af224c1e.js} +1 -1
- package/dist/esm-es5/{Heading-8289fa96.js → Heading-d5f1710a.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
- package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
- package/dist/esm-es5/calcite-action-group.entry.js +1 -1
- package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
- package/dist/esm-es5/calcite-action-pad.entry.js +1 -1
- package/dist/esm-es5/calcite-action.entry.js +1 -1
- package/dist/esm-es5/calcite-alert.entry.js +1 -1
- package/dist/esm-es5/calcite-avatar.entry.js +1 -1
- package/dist/esm-es5/calcite-block_2.entry.js +1 -1
- package/dist/esm-es5/calcite-button.entry.js +1 -1
- package/dist/esm-es5/calcite-card.entry.js +1 -1
- package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
- package/dist/esm-es5/calcite-chip.entry.js +1 -1
- package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
- package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
- package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
- package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/calcite-fab.entry.js +1 -1
- package/dist/esm-es5/calcite-filter.entry.js +1 -1
- package/dist/esm-es5/calcite-flow.entry.js +1 -1
- package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
- package/dist/esm-es5/calcite-handle.entry.js +1 -1
- package/dist/esm-es5/calcite-icon.entry.js +1 -1
- package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
- package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm-es5/calcite-input-message.entry.js +1 -1
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
- package/dist/esm-es5/calcite-input.entry.js +1 -1
- package/dist/esm-es5/calcite-label.entry.js +1 -1
- package/dist/esm-es5/calcite-link.entry.js +1 -1
- package/dist/esm-es5/calcite-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-loader.entry.js +1 -1
- package/dist/esm-es5/calcite-modal.entry.js +1 -1
- package/dist/esm-es5/calcite-notice.entry.js +1 -1
- package/dist/esm-es5/calcite-option_3.entry.js +1 -1
- package/dist/esm-es5/calcite-pagination.entry.js +1 -1
- package/dist/esm-es5/calcite-panel.entry.js +1 -1
- package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
- package/dist/esm-es5/calcite-progress.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
- package/dist/esm-es5/calcite-rating.entry.js +1 -1
- package/dist/esm-es5/calcite-scrim.entry.js +1 -1
- package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
- package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
- package/dist/esm-es5/calcite-split-button.entry.js +1 -1
- package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
- package/dist/esm-es5/calcite-switch.entry.js +1 -1
- package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
- package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
- package/dist/esm-es5/calcite-tile.entry.js +1 -1
- package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
- package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
- package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
- package/dist/esm-es5/calcite.js +1 -1
- package/dist/esm-es5/{conditionalSlot-c4b6c8b1.js → conditionalSlot-67f579ff.js} +1 -1
- package/dist/esm-es5/{form-d07b2414.js → form-5e4609eb.js} +1 -1
- package/dist/esm-es5/{index-0fefddd1.js → index-bd94948c.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{resources-431fa051.js → resources-73dac782.js} +2 -2
- package/dist/esm-es5/{resources-77c12cea.js → resources-cbfcf4a3.js} +1 -1
- package/dist/extras/docs-json.json +2 -2
- package/dist/types/components/combobox/combobox.d.ts +1 -3
- package/hydrate/index.js +38 -32
- package/package.json +8 -8
- package/dist/calcite/p-01f877b3.entry.js +0 -5
- package/dist/calcite/p-02b4bcec.entry.js +0 -5
- package/dist/calcite/p-04859cc3.entry.js +0 -5
- package/dist/calcite/p-0a565a2a.entry.js +0 -5
- package/dist/calcite/p-1370cabf.entry.js +0 -5
- package/dist/calcite/p-190e3d04.entry.js +0 -5
- package/dist/calcite/p-1ff6776b.entry.js +0 -5
- package/dist/calcite/p-22cef177.entry.js +0 -5
- package/dist/calcite/p-24e1de98.entry.js +0 -5
- package/dist/calcite/p-26bcdb22.entry.js +0 -5
- package/dist/calcite/p-2c293ed2.entry.js +0 -5
- package/dist/calcite/p-2fcab9f8.entry.js +0 -5
- package/dist/calcite/p-362522e5.js +0 -5
- package/dist/calcite/p-38b1f6b5.entry.js +0 -5
- package/dist/calcite/p-3e522dbe.entry.js +0 -5
- package/dist/calcite/p-44dcac16.entry.js +0 -5
- package/dist/calcite/p-46741fa4.entry.js +0 -5
- package/dist/calcite/p-4a3a1b46.entry.js +0 -5
- package/dist/calcite/p-55fa7908.entry.js +0 -5
- package/dist/calcite/p-5653a345.entry.js +0 -5
- package/dist/calcite/p-5c237680.entry.js +0 -5
- package/dist/calcite/p-5d1c8466.entry.js +0 -5
- package/dist/calcite/p-6a3357f9.system.js +0 -5
- package/dist/calcite/p-71d1bfb2.entry.js +0 -5
- package/dist/calcite/p-7ab80118.entry.js +0 -5
- package/dist/calcite/p-7d9f20b8.entry.js +0 -5
- package/dist/calcite/p-807e32d8.entry.js +0 -5
- package/dist/calcite/p-80ab216e.entry.js +0 -5
- package/dist/calcite/p-84f8db8e.entry.js +0 -5
- package/dist/calcite/p-88f949f4.entry.js +0 -5
- package/dist/calcite/p-8afbcf9e.entry.js +0 -5
- package/dist/calcite/p-8dbb756d.entry.js +0 -5
- package/dist/calcite/p-8e198935.entry.js +0 -5
- package/dist/calcite/p-8f93be14.system.js +0 -5
- package/dist/calcite/p-9127d01c.entry.js +0 -5
- package/dist/calcite/p-93d9d3e7.entry.js +0 -5
- package/dist/calcite/p-98962bd9.entry.js +0 -5
- package/dist/calcite/p-9b514f77.entry.js +0 -5
- package/dist/calcite/p-9c86f528.entry.js +0 -5
- package/dist/calcite/p-a5397c9d.entry.js +0 -5
- package/dist/calcite/p-a5e8d728.entry.js +0 -5
- package/dist/calcite/p-b55643f5.entry.js +0 -5
- package/dist/calcite/p-b58cdaca.entry.js +0 -5
- package/dist/calcite/p-b84e5b34.entry.js +0 -5
- package/dist/calcite/p-b85064fc.entry.js +0 -5
- package/dist/calcite/p-c5086019.system.entry.js +0 -5
- package/dist/calcite/p-c82c4418.entry.js +0 -5
- package/dist/calcite/p-cc894f09.entry.js +0 -5
- package/dist/calcite/p-d2a1cbbf.entry.js +0 -5
- package/dist/calcite/p-d44165c7.entry.js +0 -5
- package/dist/calcite/p-d648a677.entry.js +0 -5
- package/dist/calcite/p-d74e933c.entry.js +0 -5
- package/dist/calcite/p-e23de208.entry.js +0 -5
- package/dist/calcite/p-e33d149d.system.entry.js +0 -5
- package/dist/calcite/p-e8f17533.entry.js +0 -5
- package/dist/calcite/p-eaf79f20.entry.js +0 -5
- package/dist/calcite/p-f2433871.entry.js +0 -5
- package/dist/calcite/p-f681fbba.entry.js +0 -5
- package/dist/calcite/p-f6d994ff.entry.js +0 -5
- package/dist/calcite/p-f71b551d.entry.js +0 -5
- package/dist/calcite/p-fa078a42.entry.js +0 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,h,g as getElement}from"./index-
|
|
5
|
+
import{r as registerInstance,h,g as getElement}from"./index-bd94948c.js";var progressCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block;width:100%}.track,.bar{position:absolute;top:0px;height:2px}.track{z-index:0;width:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{z-index:0;background-color:var(--calcite-ui-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{width:20%;-webkit-animation:looping-progress-bar-ani 2200ms linear infinite;animation:looping-progress-bar-ani 2200ms linear infinite}.reversed{animation-direction:reverse}.text{padding-left:0px;padding-right:0px;padding-top:1rem;padding-bottom:0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium)}@-webkit-keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{width:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{width:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}";var Progress=function(){function a(a){registerInstance(this,a);this.type="determinate";this.value=0;this.reversed=false}a.prototype.render=function(){var a=this.type==="determinate";var t=a?{width:"".concat(this.value*100,"%")}:{};return h("div",{"aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},h("div",{class:"track"},h("div",{class:{bar:true,indeterminate:this.type==="indeterminate",reversed:this.reversed},style:t})),this.text?h("div",{class:"text"},this.text):null)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Progress.style=progressCss;export{Progress as calcite_progress};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-bd94948c.js";import{c as createObserver}from"./observers-46118290.js";var radioButtonGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;max-width:100vw}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}";var RadioButtonGroup=function(){function t(t){var a=this;registerInstance(this,t);this.calciteRadioButtonGroupChange=createEvent(this,"calciteRadioButtonGroupChange",7);this.disabled=false;this.hidden=false;this.layout="horizontal";this.required=false;this.scale="m";this.mutationObserver=createObserver("mutation",(function(){return a.passPropsToRadioButtons()}));this.passPropsToRadioButtons=function(){var t=a.el.querySelectorAll("calcite-radio-button");if(t.length>0){t.forEach((function(t){t.disabled=a.disabled||t.disabled;t.hidden=a.hidden;t.name=a.name;t.required=a.required;t.scale=a.scale}))}}}t.prototype.onDisabledChange=function(){this.passPropsToRadioButtons()};t.prototype.onHiddenChange=function(){this.passPropsToRadioButtons()};t.prototype.onLayoutChange=function(){this.passPropsToRadioButtons()};t.prototype.onScaleChange=function(){this.passPropsToRadioButtons()};t.prototype.connectedCallback=function(){var t;this.passPropsToRadioButtons();(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.radioButtonChangeHandler=function(t){this.calciteRadioButtonGroupChange.emit(t.target.value)};t.prototype.render=function(){return h(Host,{role:"radiogroup"},h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["onDisabledChange"],hidden:["onHiddenChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}},enumerable:false,configurable:true});return t}();RadioButtonGroup.style=radioButtonGroupCss;export{RadioButtonGroup as calcite_radio_button_group};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-0fefddd1.js";import{g as guid}from"./guid-196bd5ea.js";import{a as getElementDir,f as focusElement}from"./dom-e7fa77b9.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-68f22660.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-d07b2414.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";import{u as updateHostInteraction}from"./interactive-48b5cc0f.js";var CSS={container:"container"};var radioButtonCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{height:var(--calcite-radio-size);max-width:var(--calcite-radio-size);min-width:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";width:var(--calcite-radio-size);height:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var RadioButton=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalRadioButtonBlur=createEvent(this,"calciteInternalRadioButtonBlur",7);this.calciteRadioButtonChange=createEvent(this,"calciteRadioButtonChange",7);this.calciteInternalRadioButtonCheckedChange=createEvent(this,"calciteInternalRadioButtonCheckedChange",7);this.calciteInternalRadioButtonFocus=createEvent(this,"calciteInternalRadioButtonFocus",7);this.checked=false;this.disabled=false;this.focused=false;this.hidden=false;this.hovered=false;this.required=false;this.scale="m";this.selectItem=function(t,e){t[e].click()};this.queryButtons=function(){return Array.from(e.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((function(t){return t.name===e.name}))};this.isDefaultSelectable=function(){var t=e.queryButtons();return!t.some((function(t){return t.checked}))&&t[0]===e.el};this.check=function(){if(e.disabled){return}e.uncheckAllRadioButtonsInGroup();e.checked=true;e.calciteRadioButtonChange.emit();e.setFocus()};this.clickHandler=function(){e.check()};this.setContainerEl=function(t){e.containerEl=t};this.handleKeyDown=function(t){var i=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];var a=t.key;var n=e.el;if(i.indexOf(a)===-1){return}if(a===" "){e.check();return}var o=a;if(getElementDir(n)==="rtl"){if(a==="ArrowRight"){o="ArrowLeft"}if(a==="ArrowLeft"){o="ArrowRight"}}var r=Array.from(e.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((function(t){return t.name===e.name}));var c=0;var s=r.length;r.some((function(t,e){if(t.checked){c=e;return true}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();e.selectItem(r,getRoundRobinIndex(Math.max(c-1,-1),s));return;case"ArrowRight":case"ArrowDown":t.preventDefault();e.selectItem(r,getRoundRobinIndex(c+1,s));return;default:return}};this.onContainerBlur=function(){e.focused=false;e.calciteInternalRadioButtonBlur.emit()};this.onContainerFocus=function(){if(!e.disabled){e.focused=true;e.calciteInternalRadioButtonFocus.emit()}}}t.prototype.checkedChanged=function(t){if(t){this.uncheckOtherRadioButtonsInGroup()}this.calciteInternalRadioButtonCheckedChange.emit(t)};t.prototype.nameChanged=function(){this.checkLastRadioButton()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled){focusElement(this.containerEl)}return[2]}))}))};t.prototype.onLabelClick=function(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();var e=t.currentTarget;var i=e.for?this.rootNode.querySelector('calcite-radio-button[id="'.concat(e.for,'"]')):e.querySelector('calcite-radio-button[name="'.concat(this.name,'"]'));if(i){i.checked=true;i.focused=true}this.calciteRadioButtonChange.emit();this.setFocus()}};t.prototype.checkLastRadioButton=function(){var t=this.queryButtons();var e=t.filter((function(t){return t.checked}));if((e===null||e===void 0?void 0:e.length)>1){var i=e[e.length-1];e.filter((function(t){return t!==i})).forEach((function(t){t.checked=false;t.emitCheckedChange()}))}};t.prototype.emitCheckedChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.calciteInternalRadioButtonCheckedChange.emit();return[2]}))}))};t.prototype.uncheckAllRadioButtonsInGroup=function(){var t=this.queryButtons();t.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.uncheckOtherRadioButtonsInGroup=function(){var t=this;var e=this.queryButtons();var i=e.filter((function(e){return e.guid!==t.guid}));i.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.getTabIndex=function(){if(this.disabled){return undefined}return this.checked||this.isDefaultSelectable()?0:-1};t.prototype.mouseenter=function(){this.hovered=true};t.prototype.mouseleave=function(){this.hovered=false};t.prototype.connectedCallback=function(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||"calcite-radio-button-".concat(guid());if(this.name){this.checkLastRadioButton()}connectLabel(this);connectForm(this)};t.prototype.componentDidLoad=function(){if(this.focused&&!this.disabled){this.setFocus()}};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this.getTabIndex();return h(Host,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},h("div",{"aria-checked":this.checked.toString(),"aria-label":getLabelText(this),class:CSS.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},h("div",{class:"radio"})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();RadioButton.style=radioButtonCss;export{RadioButton as calcite_radio_button};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-bd94948c.js";import{g as guid}from"./guid-196bd5ea.js";import{a as getElementDir,f as focusElement}from"./dom-e7fa77b9.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-68f22660.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-5e4609eb.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";import{u as updateHostInteraction}from"./interactive-48b5cc0f.js";var CSS={container:"container"};var radioButtonCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{height:var(--calcite-radio-size);max-width:var(--calcite-radio-size);min-width:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";width:var(--calcite-radio-size);height:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var RadioButton=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalRadioButtonBlur=createEvent(this,"calciteInternalRadioButtonBlur",7);this.calciteRadioButtonChange=createEvent(this,"calciteRadioButtonChange",7);this.calciteInternalRadioButtonCheckedChange=createEvent(this,"calciteInternalRadioButtonCheckedChange",7);this.calciteInternalRadioButtonFocus=createEvent(this,"calciteInternalRadioButtonFocus",7);this.checked=false;this.disabled=false;this.focused=false;this.hidden=false;this.hovered=false;this.required=false;this.scale="m";this.selectItem=function(t,e){t[e].click()};this.queryButtons=function(){return Array.from(e.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((function(t){return t.name===e.name}))};this.isDefaultSelectable=function(){var t=e.queryButtons();return!t.some((function(t){return t.checked}))&&t[0]===e.el};this.check=function(){if(e.disabled){return}e.uncheckAllRadioButtonsInGroup();e.checked=true;e.calciteRadioButtonChange.emit();e.setFocus()};this.clickHandler=function(){e.check()};this.setContainerEl=function(t){e.containerEl=t};this.handleKeyDown=function(t){var i=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];var a=t.key;var n=e.el;if(i.indexOf(a)===-1){return}if(a===" "){e.check();return}var o=a;if(getElementDir(n)==="rtl"){if(a==="ArrowRight"){o="ArrowLeft"}if(a==="ArrowLeft"){o="ArrowRight"}}var r=Array.from(e.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((function(t){return t.name===e.name}));var c=0;var s=r.length;r.some((function(t,e){if(t.checked){c=e;return true}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();e.selectItem(r,getRoundRobinIndex(Math.max(c-1,-1),s));return;case"ArrowRight":case"ArrowDown":t.preventDefault();e.selectItem(r,getRoundRobinIndex(c+1,s));return;default:return}};this.onContainerBlur=function(){e.focused=false;e.calciteInternalRadioButtonBlur.emit()};this.onContainerFocus=function(){if(!e.disabled){e.focused=true;e.calciteInternalRadioButtonFocus.emit()}}}t.prototype.checkedChanged=function(t){if(t){this.uncheckOtherRadioButtonsInGroup()}this.calciteInternalRadioButtonCheckedChange.emit(t)};t.prototype.nameChanged=function(){this.checkLastRadioButton()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled){focusElement(this.containerEl)}return[2]}))}))};t.prototype.onLabelClick=function(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();var e=t.currentTarget;var i=e.for?this.rootNode.querySelector('calcite-radio-button[id="'.concat(e.for,'"]')):e.querySelector('calcite-radio-button[name="'.concat(this.name,'"]'));if(i){i.checked=true;i.focused=true}this.calciteRadioButtonChange.emit();this.setFocus()}};t.prototype.checkLastRadioButton=function(){var t=this.queryButtons();var e=t.filter((function(t){return t.checked}));if((e===null||e===void 0?void 0:e.length)>1){var i=e[e.length-1];e.filter((function(t){return t!==i})).forEach((function(t){t.checked=false;t.emitCheckedChange()}))}};t.prototype.emitCheckedChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.calciteInternalRadioButtonCheckedChange.emit();return[2]}))}))};t.prototype.uncheckAllRadioButtonsInGroup=function(){var t=this.queryButtons();t.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.uncheckOtherRadioButtonsInGroup=function(){var t=this;var e=this.queryButtons();var i=e.filter((function(e){return e.guid!==t.guid}));i.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.getTabIndex=function(){if(this.disabled){return undefined}return this.checked||this.isDefaultSelectable()?0:-1};t.prototype.mouseenter=function(){this.hovered=true};t.prototype.mouseleave=function(){this.hovered=false};t.prototype.connectedCallback=function(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||"calcite-radio-button-".concat(guid());if(this.name){this.checkLastRadioButton()}connectLabel(this);connectForm(this)};t.prototype.componentDidLoad=function(){if(this.focused&&!this.disabled){this.setFocus()}};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this.getTabIndex();return h(Host,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},h("div",{"aria-checked":this.checked.toString(),"aria-label":getLabelText(this),class:CSS.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},h("div",{class:"radio"})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();RadioButton.style=radioButtonCss;export{RadioButton as calcite_radio_button};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-0fefddd1.js";import{a as getElementDir,d as getElementProp}from"./dom-e7fa77b9.js";import{c as connectLabel,d as disconnectLabel}from"./label-68f22660.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-d07b2414.js";import{u as updateHostInteraction}from"./interactive-48b5cc0f.js";import"./guid-196bd5ea.js";var radioGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){width:100%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var RadioGroup=function(){function t(t){var e=this;registerInstance(this,t);this.calciteRadioGroupChange=createEvent(this,"calciteRadioGroupChange",7);this.appearance="solid";this.disabled=false;this.required=false;this.layout="horizontal";this.scale="m";this.value=null;this.width="auto";this.handleClick=function(t){if(t.target.localName==="calcite-radio-group-item"){e.selectItem(t.target,true)}}}t.prototype.valueHandler=function(t){var e=this.getItems();e.forEach((function(e){return e.checked=e.value===t}))};t.prototype.handleSelectedItemChange=function(t,e){this.value=t===null||t===void 0?void 0:t.value;if(t===e){return}var i=this.getItems();var a=Array.from(i).filter((function(e){return e===t})).pop();if(a){this.selectItem(a)}else if(i[0]){i[0].tabIndex=0}};t.prototype.componentWillLoad=function(){var t=this.getItems();var e=Array.from(t).filter((function(t){return t.checked})).pop();if(e){this.selectItem(e)}else if(t[0]){t[0].tabIndex=0}};t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){return h(Host,{onClick:this.handleClick,role:"radiogroup"},h("slot",null),h(HiddenFormInputSlot,{component:this}))};t.prototype.handleSelected=function(t){t.stopPropagation();t.preventDefault();this.selectItem(t.target)};t.prototype.handleKeyDown=function(t){var e=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];var i=t.key;var a=this,n=a.el,r=a.selectedItem;if(e.indexOf(i)===-1){return}var o=i;if(getElementDir(n)==="rtl"){if(i==="ArrowRight"){o="ArrowLeft"}if(i==="ArrowLeft"){o="ArrowRight"}}var l=this.getItems();var c=-1;l.forEach((function(t,e){if(t===r){c=e}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();var s=c<1?l.item(l.length-1):l.item(c-1);this.selectItem(s,true);return;case"ArrowRight":case"ArrowDown":t.preventDefault();var m=c===-1?l.item(1):l.item(c+1)||l.item(0);this.selectItem(m,true);return;case" ":t.preventDefault();this.selectItem(t.target,true);return;default:return}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.selectedItem||this.getItems()[0])===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getItems=function(){return this.el.querySelectorAll("calcite-radio-group-item")};t.prototype.selectItem=function(t,e){var i=this;if(e===void 0){e=false}if(t===this.selectedItem){return}var a=this.getItems();var n=null;a.forEach((function(a){var r=a.value===t.value;if(r&&!a.checked||!r&&a.checked){a.checked=r}a.tabIndex=r?0:-1;if(r){n=a;if(e){i.calciteRadioGroupChange.emit(n.value)}}}));this.selectedItem=n;if(n){n.focus()}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}},enumerable:false,configurable:true});return t}();RadioGroup.style=radioGroupCss;var SLOTS={input:"input"};var CSS={radioGroupItemIcon:"radio-group-item-icon"};var radioGroupItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;font-weight:var(--calcite-font-weight-normal);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{-ms-flex-pack:center;justify-content:center}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-1px}.label--scale-s{padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.125rem;padding-bottom:0.125rem}.label--scale-m{padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.375rem;padding-bottom:0.375rem}.label--scale-l{padding-left:1rem;padding-right:1rem;padding-top:0.625rem;padding-bottom:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:active) label{background-color:var(--calcite-ui-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-brand);color:var(--calcite-ui-background)}:host([checked]) .label--outline{border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);color:var(--calcite-ui-brand)}::slotted(input){display:none}.radio-group-item-icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;line-height:inherit}:host([icon-position=start]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([icon-position=end]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host([icon-position=start]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([icon-position=end]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}:host([icon-position=start]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([icon-position=end]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:1rem;margin-inline-start:1rem}";var RadioGroupItem=function(){function t(t){registerInstance(this,t);this.calciteRadioGroupItemChange=createEvent(this,"calciteRadioGroupItemChange",7);this.checked=false;this.iconFlipRtl=false;this.iconPosition="start"}t.prototype.handleCheckedChange=function(){this.calciteRadioGroupItemChange.emit()};t.prototype.render=function(){var t=this,e=t.checked,i=t.value;var a=getElementProp(this.el,"scale","m");var n=getElementProp(this.el,"appearance","solid");var r=getElementProp(this.el,"layout","horizontal");var o=h("calcite-icon",{class:CSS.radioGroupItemIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});return h(Host,{"aria-checked":e.toString(),role:"radio"},h("label",{class:{"label--scale-s":a==="s","label--scale-m":a==="m","label--scale-l":a==="l","label--horizontal":r==="horizontal","label--outline":n==="outline"}},this.icon&&this.iconPosition==="start"?o:null,h("slot",null,i),h("slot",{name:SLOTS.input}),this.icon&&this.iconPosition==="end"?o:null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["handleCheckedChange"]}},enumerable:false,configurable:true});return t}();RadioGroupItem.style=radioGroupItemCss;export{RadioGroup as calcite_radio_group,RadioGroupItem as calcite_radio_group_item};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-bd94948c.js";import{a as getElementDir,d as getElementProp}from"./dom-e7fa77b9.js";import{c as connectLabel,d as disconnectLabel}from"./label-68f22660.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-5e4609eb.js";import{u as updateHostInteraction}from"./interactive-48b5cc0f.js";import"./guid-196bd5ea.js";var radioGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){width:100%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var RadioGroup=function(){function t(t){var e=this;registerInstance(this,t);this.calciteRadioGroupChange=createEvent(this,"calciteRadioGroupChange",7);this.appearance="solid";this.disabled=false;this.required=false;this.layout="horizontal";this.scale="m";this.value=null;this.width="auto";this.handleClick=function(t){if(t.target.localName==="calcite-radio-group-item"){e.selectItem(t.target,true)}}}t.prototype.valueHandler=function(t){var e=this.getItems();e.forEach((function(e){return e.checked=e.value===t}))};t.prototype.handleSelectedItemChange=function(t,e){this.value=t===null||t===void 0?void 0:t.value;if(t===e){return}var i=this.getItems();var a=Array.from(i).filter((function(e){return e===t})).pop();if(a){this.selectItem(a)}else if(i[0]){i[0].tabIndex=0}};t.prototype.componentWillLoad=function(){var t=this.getItems();var e=Array.from(t).filter((function(t){return t.checked})).pop();if(e){this.selectItem(e)}else if(t[0]){t[0].tabIndex=0}};t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){return h(Host,{onClick:this.handleClick,role:"radiogroup"},h("slot",null),h(HiddenFormInputSlot,{component:this}))};t.prototype.handleSelected=function(t){t.stopPropagation();t.preventDefault();this.selectItem(t.target)};t.prototype.handleKeyDown=function(t){var e=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];var i=t.key;var a=this,n=a.el,r=a.selectedItem;if(e.indexOf(i)===-1){return}var o=i;if(getElementDir(n)==="rtl"){if(i==="ArrowRight"){o="ArrowLeft"}if(i==="ArrowLeft"){o="ArrowRight"}}var l=this.getItems();var c=-1;l.forEach((function(t,e){if(t===r){c=e}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();var s=c<1?l.item(l.length-1):l.item(c-1);this.selectItem(s,true);return;case"ArrowRight":case"ArrowDown":t.preventDefault();var m=c===-1?l.item(1):l.item(c+1)||l.item(0);this.selectItem(m,true);return;case" ":t.preventDefault();this.selectItem(t.target,true);return;default:return}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.selectedItem||this.getItems()[0])===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getItems=function(){return this.el.querySelectorAll("calcite-radio-group-item")};t.prototype.selectItem=function(t,e){var i=this;if(e===void 0){e=false}if(t===this.selectedItem){return}var a=this.getItems();var n=null;a.forEach((function(a){var r=a.value===t.value;if(r&&!a.checked||!r&&a.checked){a.checked=r}a.tabIndex=r?0:-1;if(r){n=a;if(e){i.calciteRadioGroupChange.emit(n.value)}}}));this.selectedItem=n;if(n){n.focus()}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}},enumerable:false,configurable:true});return t}();RadioGroup.style=radioGroupCss;var SLOTS={input:"input"};var CSS={radioGroupItemIcon:"radio-group-item-icon"};var radioGroupItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;font-weight:var(--calcite-font-weight-normal);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{-ms-flex-pack:center;justify-content:center}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-1px}.label--scale-s{padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.125rem;padding-bottom:0.125rem}.label--scale-m{padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.375rem;padding-bottom:0.375rem}.label--scale-l{padding-left:1rem;padding-right:1rem;padding-top:0.625rem;padding-bottom:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:active) label{background-color:var(--calcite-ui-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-brand);color:var(--calcite-ui-background)}:host([checked]) .label--outline{border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);color:var(--calcite-ui-brand)}::slotted(input){display:none}.radio-group-item-icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;line-height:inherit}:host([icon-position=start]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([icon-position=end]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host([icon-position=start]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([icon-position=end]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}:host([icon-position=start]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([icon-position=end]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:1rem;margin-inline-start:1rem}";var RadioGroupItem=function(){function t(t){registerInstance(this,t);this.calciteRadioGroupItemChange=createEvent(this,"calciteRadioGroupItemChange",7);this.checked=false;this.iconFlipRtl=false;this.iconPosition="start"}t.prototype.handleCheckedChange=function(){this.calciteRadioGroupItemChange.emit()};t.prototype.render=function(){var t=this,e=t.checked,i=t.value;var a=getElementProp(this.el,"scale","m");var n=getElementProp(this.el,"appearance","solid");var r=getElementProp(this.el,"layout","horizontal");var o=h("calcite-icon",{class:CSS.radioGroupItemIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});return h(Host,{"aria-checked":e.toString(),role:"radio"},h("label",{class:{"label--scale-s":a==="s","label--scale-m":a==="m","label--scale-l":a==="l","label--horizontal":r==="horizontal","label--outline":n==="outline"}},this.icon&&this.iconPosition==="start"?o:null,h("slot",null,i),h("slot",{name:SLOTS.input}),this.icon&&this.iconPosition==="end"?o:null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["handleCheckedChange"]}},enumerable:false,configurable:true});return t}();RadioGroupItem.style=radioGroupItemCss;export{RadioGroup as calcite_radio_group,RadioGroupItem as calcite_radio_group_item};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,a,e,n){function i(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-bd94948c.js";import{g as guid}from"./guid-196bd5ea.js";import{c as connectLabel,d as disconnectLabel}from"./label-68f22660.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-5e4609eb.js";import{u as updateHostInteraction}from"./interactive-48b5cc0f.js";import"./dom-e7fa77b9.js";var TEXT={rating:"Rating",stars:"Stars: ${num}"};var ratingCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){height:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){height:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){height:2.75rem;--calcite-rating-spacing-unit:0.75rem}:host([read-only]){pointer-events:none}.fieldset{margin:0px;display:-ms-flexbox;display:flex;border-width:0px;padding:0px}.wrapper{display:inline-block;-webkit-margin-end:var(--calcite-rating-spacing-unit);margin-inline-end:var(--calcite-rating-spacing-unit)}.star{position:relative;display:-ms-flexbox;display:flex;cursor:pointer;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;color:var(--calcite-ui-border-input);-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing);-webkit-transform:scale(1);transform:scale(1)}.star:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.focused{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected,:host([read-only]) .average,:host([read-only]) .fraction{color:var(--calcite-ui-brand)}.hovered:not(.selected){-webkit-transform:scale(0.9);transform:scale(0.9)}:host .fraction{pointer-events:none;position:absolute;top:0px;overflow:hidden;-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing);inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:var(--calcite-font-weight-bold)}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){-webkit-margin-start:var(--calcite-rating-spacing-unit);margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var Rating=function(){function t(t){registerInstance(this,t);this.calciteRatingChange=createEvent(this,"calciteRatingChange",7);this.scale="m";this.value=0;this.readOnly=false;this.disabled=false;this.showChip=false;this.intlRating=TEXT.rating;this.intlStars=TEXT.stars;this.required=false;this.guid="calcite-ratings-".concat(guid())}t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.blurHandler=function(){this.hasFocus=false};t.prototype.renderStars=function(){var t=this;return[1,2,3,4,5].map((function(a){var e=t.value>=a;var n=t.average&&!t.value&&a<=t.average;var i=a<=t.hoverValue;var r=t.average&&t.average+1-a;var o=!t.value&&!i&&r>0&&r<1;var s=t.hasFocus&&t.focusValue===a;return h("span",{class:{wrapper:true}},h("label",{class:{star:true,focused:s,selected:e,average:n,hovered:i,partial:o},htmlFor:"".concat(t.guid,"-").concat(a),onMouseOver:function(){t.hoverValue=a}},h("calcite-icon",{"aria-hidden":"true",class:"icon",icon:e||n||t.readOnly?"star-f":"star",scale:t.scale}),o&&h("div",{class:"fraction",style:{width:"".concat(r*100,"%")}},h("calcite-icon",{icon:"star-f",scale:t.scale})),h("span",{class:"visually-hidden"},t.intlStars.replace("${num}","".concat(a)))),h("input",{checked:a===t.value,class:"visually-hidden",disabled:t.disabled||t.readOnly,id:"".concat(t.guid,"-").concat(a),name:t.guid,onChange:function(){return t.updateValue(a)},onClick:function(t){return t.stopPropagation()},onFocus:function(){t.hasFocus=true;t.focusValue=a},ref:function(e){return(a===1||a===t.value)&&(t.inputFocusRef=e)},type:"radio",value:a}))}))};t.prototype.render=function(){var t=this;var a=this,e=a.disabled,n=a.intlRating,i=a.showChip,r=a.scale,o=a.count,s=a.average;return h(Fragment,null,h("fieldset",{class:"fieldset",disabled:e,onBlur:function(){return t.hoverValue=null},onMouseLeave:function(){return t.hoverValue=null},onTouchEnd:function(){return t.hoverValue=null}},h("legend",{class:"visually-hidden"},n),this.renderStars()),(o||s)&&i?h("calcite-chip",{scale:r,value:o===null||o===void 0?void 0:o.toString()},!!s&&h("span",{class:"number--average"},s.toString()),!!o&&h("span",{class:"number--count"},"(",o===null||o===void 0?void 0:o.toString(),")")):null,h(HiddenFormInputSlot,{component:this}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateValue=function(t){this.value=t;this.calciteRatingChange.emit({value:t})};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.inputFocusRef.focus();return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Rating.style=ratingCss;export{Rating as calcite_rating};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,h,g as getElement}from"./index-
|
|
5
|
+
import{r as registerInstance,h,g as getElement}from"./index-bd94948c.js";var CSS={scrim:"scrim",content:"content"};var TEXT={loading:"Loading"};var scrimCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:50;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}@-webkit-keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background)}.content{padding:1rem}";var Scrim=function(){function t(t){registerInstance(this,t);this.intlLoading=TEXT.loading;this.loading=false}t.prototype.render=function(){var t=this,a=t.el,i=t.loading,n=t.intlLoading;var e=a.innerHTML.trim().length>0;var r=i?h("calcite-loader",{active:true,label:n}):null;var o=e?h("div",{class:CSS.content},h("slot",null)):null;return h("div",{class:CSS.scrim},r,o)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Scrim.style=scrimCss;export{Scrim as calcite_scrim};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,h,F as Fragment,g as getElement,c as createEvent,f as forceUpdate}from"./index-0fefddd1.js";import{g as getSlotted,a as getElementDir}from"./dom-e7fa77b9.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-c4b6c8b1.js";import{c as clamp}from"./math-456207f5.js";import"./guid-196bd5ea.js";import"./observers-46118290.js";var CSS$2={main:"main",mainReversed:"main--reversed",content:"content",contentBehind:"content--behind",footer:"footer"};var SLOTS$2={centerRow:"center-row",primaryPanel:"primary-panel",contextualPanel:"contextual-panel",header:"header",footer:"footer"};var shellCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;max-height:unset}.content--behind{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:0;border-width:0px;display:initial}::slotted(calcite-shell-center-row){width:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-left-width:1px;border-right-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);bottom:0.5rem;left:var(--calcite-shell-tip-spacing);right:var(--calcite-shell-tip-spacing);z-index:2}";var Shell=function(){function t(t){registerInstance(this,t);this.contentBehind=false}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderHeader=function(){var t=!!getSlotted(this.el,SLOTS$2.header);return t?h("slot",{key:"header",name:SLOTS$2.header}):null};t.prototype.renderContent=function(){var t;var e=h("slot",{key:"default-slot"});var a=h("slot",{key:"center-row-slot",name:SLOTS$2.centerRow});var n="content-container";var i=!!this.contentBehind?[h("div",{class:(t={},t[CSS$2.content]=true,t[CSS$2.contentBehind]=true,t),key:n},e),a]:[h("div",{class:CSS$2.content,key:n},e,a)];return i};t.prototype.renderFooter=function(){var t=!!getSlotted(this.el,SLOTS$2.footer);return t?h("div",{class:CSS$2.footer,key:"footer"},h("slot",{name:SLOTS$2.footer})):null};t.prototype.renderMain=function(){var t;var e=getSlotted(this.el,SLOTS$2.primaryPanel);var a=(t={},t[CSS$2.main]=true,t[CSS$2.mainReversed]=(e===null||e===void 0?void 0:e.position)==="end",t);return h("div",{class:a},h("slot",{name:SLOTS$2.primaryPanel}),this.renderContent(),h("slot",{name:SLOTS$2.contextualPanel}))};t.prototype.render=function(){return h(Fragment,null,this.renderHeader(),this.renderMain(),this.renderFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Shell.style=shellCss;var CSS$1={actionBarContainer:"action-bar-container",content:"content"};var SLOTS$1={actionBar:"action-bar"};var shellCenterRowCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;background-color:transparent;overflow:hidden}.content{margin:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:1.5rem}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}:host([detached]){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){height:100%;width:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";var ShellCenterRow=function(){function t(t){registerInstance(this,t);this.detached=false;this.heightScale="s";this.position="end"}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.render=function(){var t=this.el;var e=h("div",{class:CSS$1.content},h("slot",null));var a=getSlotted(t,SLOTS$1.actionBar);var n=a?h("div",{class:CSS$1.actionBarContainer,key:"action-bar"},h("slot",{name:SLOTS$1.actionBar})):null;var i=[n,e];if((a===null||a===void 0?void 0:a.position)==="end"){i.reverse()}return h(Fragment,null,i)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();ShellCenterRow.style=shellCenterRowCss;var CSS={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentDetached:"content--detached",separator:"separator"};var SLOTS={actionBar:"action-bar",header:"header"};var TEXT={resize:"Resize"};var shellPanelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;bottom:0px;top:0px;z-index:10;display:-ms-flexbox;display:flex;height:100%;width:0.125rem;background-color:transparent;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:auto;height:auto;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);overflow:hidden;max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";var ShellPanel=function(){function t(t){var e=this;registerInstance(this,t);this.calciteShellPanelToggle=createEvent(this,"calciteShellPanelToggle",7);this.collapsed=false;this.detached=false;this.detachedHeightScale="l";this.widthScale="m";this.intlResize=TEXT.resize;this.resizable=false;this.contentWidth=null;this.initialContentWidth=null;this.initialClientX=null;this.contentWidthMax=null;this.contentWidthMin=null;this.step=1;this.stepMultiplier=10;this.storeContentEl=function(t){e.contentEl=t};this.getKeyAdjustedWidth=function(t){var a=t.key;var n=e,i=n.el,o=n.step,r=n.stepMultiplier,l=n.contentWidthMin,s=n.contentWidthMax,c=n.initialContentWidth,d=n.position;var m=o*r;var p=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(p.indexOf(a)>-1){t.preventDefault()}var h=getElementDir(i);var f=["ArrowLeft","ArrowRight"];var w=h==="rtl"&&f.includes(a)?-1:1;var u=a==="ArrowUp"||(d==="end"?a===f[0]:a===f[1]);if(u){var b=t.shiftKey?m:o;return c+w*b}var x=a==="ArrowDown"||(d==="end"?a===f[1]:a===f[0]);if(x){var b=t.shiftKey?m:o;return c-w*b}if(typeof l==="number"&&a==="Home"){return l}if(typeof s==="number"&&a==="End"){return s}if(a==="PageDown"){return c-m}if(a==="PageUp"){return c+m}return null};this.separatorKeyDown=function(t){e.setInitialContentWidth();var a=e.getKeyAdjustedWidth(t);if(typeof a==="number"){e.setContentWidth(a)}};this.separatorPointerMove=function(t){t.preventDefault();var a=e,n=a.el,i=a.initialContentWidth,o=a.position,r=a.initialClientX;var l=t.clientX-r;var s=getElementDir(n);var c=s==="rtl"?-1:1;var d=o==="end"?-c*l:c*l;var m=i+d;e.setContentWidth(m)};this.separatorPointerUp=function(t){t.preventDefault();document.removeEventListener("pointerup",e.separatorPointerUp);document.removeEventListener("pointermove",e.separatorPointerMove)};this.setInitialContentWidth=function(){var t;e.initialContentWidth=(t=e.contentEl)===null||t===void 0?void 0:t.getBoundingClientRect().width};this.separatorPointerDown=function(t){t.preventDefault();var a=e.separatorEl;a&&document.activeElement!==a&&a.focus();e.setInitialContentWidth();e.initialClientX=t.clientX;document.addEventListener("pointerup",e.separatorPointerUp);document.addEventListener("pointermove",e.separatorPointerMove)};this.connectSeparator=function(t){e.disconnectSeparator();e.separatorEl=t;t.addEventListener("pointerdown",e.separatorPointerDown)};this.disconnectSeparator=function(){var t;(t=e.separatorEl)===null||t===void 0?void 0:t.removeEventListener("pointerdown",e.separatorPointerDown)}}t.prototype.watchHandler=function(){this.calciteShellPanelToggle.emit()};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this);this.disconnectSeparator()};t.prototype.componentDidLoad=function(){this.updateAriaValues()};t.prototype.renderHeader=function(){var t=this.el;var e=getSlotted(t,SLOTS.header);return e?h("div",{class:CSS.contentHeader,key:"header"},h("slot",{name:SLOTS.header})):null};t.prototype.render=function(){var t,e;var a=this,n=a.collapsed,i=a.detached,o=a.position,r=a.initialContentWidth,l=a.contentWidth,s=a.contentWidthMax,c=a.contentWidthMin,d=a.intlResize,m=a.resizable;var p=!i&&m;var f=h("div",{class:(t={},t[CSS.content]=true,t[CSS.contentDetached]=i,t),hidden:n,key:"content",ref:this.storeContentEl,style:p&&l?{width:"".concat(l,"px")}:null},this.renderHeader(),h("div",{class:CSS.contentBody},h("slot",null)));var w=p?h("div",{"aria-label":d,"aria-orientation":"horizontal","aria-valuemax":s,"aria-valuemin":c,"aria-valuenow":l!==null&&l!==void 0?l:r,class:CSS.separator,key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;var u=h("slot",{key:"action-bar",name:SLOTS.actionBar});var b=[u,f,w];if(o==="end"){b.reverse()}return h("div",{class:(e={},e[CSS.container]=true,e)},b)};t.prototype.setContentWidth=function(t){var e=this,a=e.contentWidthMax,n=e.contentWidthMin;var i=Math.round(t);this.contentWidth=typeof a==="number"&&typeof n==="number"?clamp(i,n,a):i};t.prototype.updateAriaValues=function(){var t=this.contentEl;var e=t&&getComputedStyle(t);if(!e){return}var a=parseInt(e.getPropertyValue("max-width"),10);var n=parseInt(e.getPropertyValue("min-width"),10);var i=parseInt(e.getPropertyValue("width"),10);if(typeof i==="number"&&!isNaN(i)){this.initialContentWidth=i}if(typeof a==="number"&&!isNaN(a)){this.contentWidthMax=a}if(typeof n==="number"&&!isNaN(n)){this.contentWidthMin=n}forceUpdate(this)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{collapsed:["watchHandler"]}},enumerable:false,configurable:true});return t}();ShellPanel.style=shellPanelCss;export{Shell as calcite_shell,ShellCenterRow as calcite_shell_center_row,ShellPanel as calcite_shell_panel};
|
|
5
|
+
import{r as registerInstance,h,F as Fragment,g as getElement,c as createEvent,f as forceUpdate}from"./index-bd94948c.js";import{g as getSlotted,a as getElementDir}from"./dom-e7fa77b9.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-67f579ff.js";import{c as clamp}from"./math-456207f5.js";import"./guid-196bd5ea.js";import"./observers-46118290.js";var CSS$2={main:"main",mainReversed:"main--reversed",content:"content",contentBehind:"content--behind",footer:"footer"};var SLOTS$2={centerRow:"center-row",primaryPanel:"primary-panel",contextualPanel:"contextual-panel",header:"header",footer:"footer"};var shellCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;max-height:unset}.content--behind{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:0;border-width:0px;display:initial}::slotted(calcite-shell-center-row){width:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-left-width:1px;border-right-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);bottom:0.5rem;left:var(--calcite-shell-tip-spacing);right:var(--calcite-shell-tip-spacing);z-index:2}";var Shell=function(){function t(t){registerInstance(this,t);this.contentBehind=false}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderHeader=function(){var t=!!getSlotted(this.el,SLOTS$2.header);return t?h("slot",{key:"header",name:SLOTS$2.header}):null};t.prototype.renderContent=function(){var t;var e=h("slot",{key:"default-slot"});var a=h("slot",{key:"center-row-slot",name:SLOTS$2.centerRow});var n="content-container";var i=!!this.contentBehind?[h("div",{class:(t={},t[CSS$2.content]=true,t[CSS$2.contentBehind]=true,t),key:n},e),a]:[h("div",{class:CSS$2.content,key:n},e,a)];return i};t.prototype.renderFooter=function(){var t=!!getSlotted(this.el,SLOTS$2.footer);return t?h("div",{class:CSS$2.footer,key:"footer"},h("slot",{name:SLOTS$2.footer})):null};t.prototype.renderMain=function(){var t;var e=getSlotted(this.el,SLOTS$2.primaryPanel);var a=(t={},t[CSS$2.main]=true,t[CSS$2.mainReversed]=(e===null||e===void 0?void 0:e.position)==="end",t);return h("div",{class:a},h("slot",{name:SLOTS$2.primaryPanel}),this.renderContent(),h("slot",{name:SLOTS$2.contextualPanel}))};t.prototype.render=function(){return h(Fragment,null,this.renderHeader(),this.renderMain(),this.renderFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Shell.style=shellCss;var CSS$1={actionBarContainer:"action-bar-container",content:"content"};var SLOTS$1={actionBar:"action-bar"};var shellCenterRowCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;background-color:transparent;overflow:hidden}.content{margin:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:1.5rem}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}:host([detached]){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){height:100%;width:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";var ShellCenterRow=function(){function t(t){registerInstance(this,t);this.detached=false;this.heightScale="s";this.position="end"}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.render=function(){var t=this.el;var e=h("div",{class:CSS$1.content},h("slot",null));var a=getSlotted(t,SLOTS$1.actionBar);var n=a?h("div",{class:CSS$1.actionBarContainer,key:"action-bar"},h("slot",{name:SLOTS$1.actionBar})):null;var i=[n,e];if((a===null||a===void 0?void 0:a.position)==="end"){i.reverse()}return h(Fragment,null,i)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();ShellCenterRow.style=shellCenterRowCss;var CSS={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentDetached:"content--detached",separator:"separator"};var SLOTS={actionBar:"action-bar",header:"header"};var TEXT={resize:"Resize"};var shellPanelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;bottom:0px;top:0px;z-index:10;display:-ms-flexbox;display:flex;height:100%;width:0.125rem;background-color:transparent;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:auto;height:auto;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);overflow:hidden;max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";var ShellPanel=function(){function t(t){var e=this;registerInstance(this,t);this.calciteShellPanelToggle=createEvent(this,"calciteShellPanelToggle",7);this.collapsed=false;this.detached=false;this.detachedHeightScale="l";this.widthScale="m";this.intlResize=TEXT.resize;this.resizable=false;this.contentWidth=null;this.initialContentWidth=null;this.initialClientX=null;this.contentWidthMax=null;this.contentWidthMin=null;this.step=1;this.stepMultiplier=10;this.storeContentEl=function(t){e.contentEl=t};this.getKeyAdjustedWidth=function(t){var a=t.key;var n=e,i=n.el,o=n.step,r=n.stepMultiplier,l=n.contentWidthMin,s=n.contentWidthMax,c=n.initialContentWidth,d=n.position;var m=o*r;var p=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(p.indexOf(a)>-1){t.preventDefault()}var h=getElementDir(i);var f=["ArrowLeft","ArrowRight"];var w=h==="rtl"&&f.includes(a)?-1:1;var u=a==="ArrowUp"||(d==="end"?a===f[0]:a===f[1]);if(u){var b=t.shiftKey?m:o;return c+w*b}var x=a==="ArrowDown"||(d==="end"?a===f[1]:a===f[0]);if(x){var b=t.shiftKey?m:o;return c-w*b}if(typeof l==="number"&&a==="Home"){return l}if(typeof s==="number"&&a==="End"){return s}if(a==="PageDown"){return c-m}if(a==="PageUp"){return c+m}return null};this.separatorKeyDown=function(t){e.setInitialContentWidth();var a=e.getKeyAdjustedWidth(t);if(typeof a==="number"){e.setContentWidth(a)}};this.separatorPointerMove=function(t){t.preventDefault();var a=e,n=a.el,i=a.initialContentWidth,o=a.position,r=a.initialClientX;var l=t.clientX-r;var s=getElementDir(n);var c=s==="rtl"?-1:1;var d=o==="end"?-c*l:c*l;var m=i+d;e.setContentWidth(m)};this.separatorPointerUp=function(t){t.preventDefault();document.removeEventListener("pointerup",e.separatorPointerUp);document.removeEventListener("pointermove",e.separatorPointerMove)};this.setInitialContentWidth=function(){var t;e.initialContentWidth=(t=e.contentEl)===null||t===void 0?void 0:t.getBoundingClientRect().width};this.separatorPointerDown=function(t){t.preventDefault();var a=e.separatorEl;a&&document.activeElement!==a&&a.focus();e.setInitialContentWidth();e.initialClientX=t.clientX;document.addEventListener("pointerup",e.separatorPointerUp);document.addEventListener("pointermove",e.separatorPointerMove)};this.connectSeparator=function(t){e.disconnectSeparator();e.separatorEl=t;t.addEventListener("pointerdown",e.separatorPointerDown)};this.disconnectSeparator=function(){var t;(t=e.separatorEl)===null||t===void 0?void 0:t.removeEventListener("pointerdown",e.separatorPointerDown)}}t.prototype.watchHandler=function(){this.calciteShellPanelToggle.emit()};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this);this.disconnectSeparator()};t.prototype.componentDidLoad=function(){this.updateAriaValues()};t.prototype.renderHeader=function(){var t=this.el;var e=getSlotted(t,SLOTS.header);return e?h("div",{class:CSS.contentHeader,key:"header"},h("slot",{name:SLOTS.header})):null};t.prototype.render=function(){var t,e;var a=this,n=a.collapsed,i=a.detached,o=a.position,r=a.initialContentWidth,l=a.contentWidth,s=a.contentWidthMax,c=a.contentWidthMin,d=a.intlResize,m=a.resizable;var p=!i&&m;var f=h("div",{class:(t={},t[CSS.content]=true,t[CSS.contentDetached]=i,t),hidden:n,key:"content",ref:this.storeContentEl,style:p&&l?{width:"".concat(l,"px")}:null},this.renderHeader(),h("div",{class:CSS.contentBody},h("slot",null)));var w=p?h("div",{"aria-label":d,"aria-orientation":"horizontal","aria-valuemax":s,"aria-valuemin":c,"aria-valuenow":l!==null&&l!==void 0?l:r,class:CSS.separator,key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;var u=h("slot",{key:"action-bar",name:SLOTS.actionBar});var b=[u,f,w];if(o==="end"){b.reverse()}return h("div",{class:(e={},e[CSS.container]=true,e)},b)};t.prototype.setContentWidth=function(t){var e=this,a=e.contentWidthMax,n=e.contentWidthMin;var i=Math.round(t);this.contentWidth=typeof a==="number"&&typeof n==="number"?clamp(i,n,a):i};t.prototype.updateAriaValues=function(){var t=this.contentEl;var e=t&&getComputedStyle(t);if(!e){return}var a=parseInt(e.getPropertyValue("max-width"),10);var n=parseInt(e.getPropertyValue("min-width"),10);var i=parseInt(e.getPropertyValue("width"),10);if(typeof i==="number"&&!isNaN(i)){this.initialContentWidth=i}if(typeof a==="number"&&!isNaN(a)){this.contentWidthMax=a}if(typeof n==="number"&&!isNaN(n)){this.contentWidthMin=n}forceUpdate(this)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{collapsed:["watchHandler"]}},enumerable:false,configurable:true});return t}();ShellPanel.style=shellPanelCss;export{Shell as calcite_shell,ShellCenterRow as calcite_shell_center_row,ShellPanel as calcite_shell_panel};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-bd94948c.js";import{S as Sortable}from"./sortable.esm-04824d33.js";import{c as createObserver}from"./observers-46118290.js";import{u as updateHostInteraction}from"./interactive-48b5cc0f.js";var CSS={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};var sortableListCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}.container--vertical{-ms-flex-direction:column;flex-direction:column}.container--horizontal{-ms-flex-direction:row;flex-direction:row}";var SortableList=function(){function t(t){var e=this;registerInstance(this,t);this.calciteListOrderChange=createEvent(this,"calciteListOrderChange",7);this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false;this.handleActivated=false;this.items=[];this.mutationObserver=createObserver("mutation",(function(){e.cleanUpDragAndDrop();e.items=Array.from(e.el.children);e.setUpDragAndDrop()}))}t.prototype.connectedCallback=function(){this.items=Array.from(this.el.children);this.setUpDragAndDrop();this.beginObserving()};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.cleanUpDragAndDrop()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.calciteHandleNudgeHandler=function(t){var e;var a=this.items.find((function(e){return e.contains(t.detail.handle)||t.composedPath().includes(e)}));var i=this.items.length-1;var n=this.items.indexOf(a);var r=false;var o;switch(t.detail.direction){case"up":t.preventDefault();if(n===0){r=true}else{o=n-1}break;case"down":t.preventDefault();if(n===i){o=0}else if(n===i-1){r=true}else{o=n+2}break;default:return}(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();if(r){a.parentElement.appendChild(a)}else{a.parentElement.insertBefore(a,this.items[o])}this.items=Array.from(this.el.children);t.detail.handle.activated=true;t.detail.handle.setFocus();this.beginObserving()};t.prototype.setUpDragAndDrop=function(){var t=this;this.cleanUpDragAndDrop();var e={dataIdAttr:"id",group:this.group,handle:this.handleSelector,onUpdate:function(){t.items=Array.from(t.el.children);t.calciteListOrderChange.emit()},onStart:function(){var e;(e=t.mutationObserver)===null||e===void 0?void 0:e.disconnect()},onEnd:function(){t.beginObserving()}};if(this.dragSelector){e.draggable=this.dragSelector}this.sortable=Sortable.create(this.el,e)};t.prototype.cleanUpDragAndDrop=function(){var t;(t=this.sortable)===null||t===void 0?void 0:t.destroy();this.sortable=null};t.prototype.beginObserving=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.render=function(){var t;var e=this.layout;var a=e==="horizontal"||false;return h("div",{class:(t={},t[CSS.container]=true,t[CSS.containerVertical]=!a,t[CSS.containerHorizontal]=a,t)},h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SortableList.style=sortableListCss;export{SortableList as calcite_sortable_list};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-bd94948c.js";import{u as updateHostInteraction}from"./interactive-48b5cc0f.js";var CSS={container:"split-button__container",dividerContainer:"split-button__divider-container",divider:"split-button__divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};var splitButtonCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}:host .split-button__container{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .split-button__container>calcite-dropdown>calcite-button{height:100%;vertical-align:top}:host([appearance=solid]):host([color=blue]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=red]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=solid]):host([color=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=solid]):host([color=inverse]){--calcite-split-button-background:var(--calcite-ui-inverse);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=transparent]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=transparent]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=transparent]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=transparent]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=clear]),:host([appearance=transparent]){--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:var(--calcite-ui-foreground-1)}:host([appearance=clear]):host([color=blue]),:host([appearance=outline]):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=clear]):host([color=red]),:host([appearance=outline]):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=clear]):host([color=neutral]),:host([appearance=outline]):host([color=neutral]){--calcite-split-button-divider:var(--calcite-ui-foreground-3)}:host([appearance=clear]):host([color=inverse]),:host([appearance=outline]):host([color=inverse]){--calcite-split-button-divider:var(--calcite-ui-inverse)}.width-auto{width:auto}.width-half{width:50%}.width-full{width:100%}.split-button__divider-container{display:-ms-flexbox;display:flex;width:1px;-ms-flex-align:stretch;align-items:stretch;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;background-color:var(--calcite-split-button-background)}.split-button__divider{margin-top:0.25rem;margin-bottom:0.25rem;display:inline-block;width:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline]) .split-button__divider-container,:host([appearance=clear]) .split-button__divider-container{border-top:1px solid var(--calcite-split-button-divider);border-bottom:1px solid var(--calcite-split-button-divider)}:host([appearance=outline]):hover .split-button__divider-container,:host([appearance=clear]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:hover) .split-button__divider-container,:host([appearance=clear]:hover) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline]:focus-within):host([color=blue]),:host([appearance=clear]:focus-within):host([color=blue]){--calcite-split-button-divider:var(--calcite-ui-brand-press)}:host([appearance=outline]:focus-within):host([color=red]),:host([appearance=clear]:focus-within):host([color=red]){--calcite-split-button-divider:var(--calcite-ui-danger-press)}:host([appearance=outline]:focus-within) .split-button__divider-container,:host([appearance=clear]:focus-within) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .split-button__divider-container{opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var SplitButton=function(){function t(t){var i=this;registerInstance(this,t);this.calciteSplitButtonPrimaryClick=createEvent(this,"calciteSplitButtonPrimaryClick",7);this.calciteSplitButtonSecondaryClick=createEvent(this,"calciteSplitButtonSecondaryClick",7);this.appearance="solid";this.color="blue";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.loading=false;this.overlayPositioning="absolute";this.scale="m";this.width="auto";this.calciteSplitButtonPrimaryClickHandler=function(t){return i.calciteSplitButtonPrimaryClick.emit(t)};this.calciteSplitButtonSecondaryClickHandler=function(t){return i.calciteSplitButtonSecondaryClick.emit(t)}}t.prototype.handleDisabledChange=function(t){if(!t){this.active=false}};t.prototype.activeHandler=function(){if(this.disabled){this.active=false}};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t;var i=(t={},t[CSS.container]=true,t[CSS.widthAuto]=this.width==="auto",t[CSS.widthHalf]=this.width==="half",t[CSS.widthFull]=this.width==="full",t);var a=this.width==="auto"?"auto":"full";return h("div",{class:i},h("calcite-button",{appearance:this.appearance,color:this.color,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:a},this.primaryText),h("div",{class:CSS.dividerContainer},h("div",{class:CSS.divider})),h("calcite-dropdown",{active:this.active,disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,overlayPositioning:this.overlayPositioning,placement:"bottom-trailing",scale:this.scale,width:this.scale},h("calcite-button",{appearance:this.appearance,color:this.color,disabled:this.disabled,"icon-start":this.dropdownIcon,label:this.dropdownLabel,scale:this.scale,slot:"dropdown-trigger",splitChild:"secondary",type:"button"}),h("slot",null)))};Object.defineProperty(t.prototype,"dropdownIcon",{get:function(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}},enumerable:false,configurable:true});return t}();SplitButton.style=splitButtonCss;export{SplitButton as calcite_split_button};
|