@esri/calcite-components 1.0.0-next.342 → 1.0.0-next.346
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/assets/calcite-icon/explore16.json +1 -0
- package/dist/calcite/assets/calcite-icon/explore24.json +1 -0
- package/dist/calcite/assets/calcite-icon/explore32.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloudy16.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloudy24.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloudy32.json +1 -0
- package/dist/calcite/assets/calcite-icon/screenshotMode16.json +1 -0
- package/dist/calcite/assets/calcite-icon/screenshotMode24.json +1 -0
- package/dist/calcite/assets/calcite-icon/screenshotMode32.json +1 -0
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/{p-3ba581cf.entry.js → p-0071ba5b.entry.js} +1 -1
- package/dist/calcite/p-019c7493.js +5 -0
- package/dist/calcite/{p-42f853ae.system.entry.js → p-026a5468.system.entry.js} +1 -1
- package/dist/calcite/{p-d4561697.system.entry.js → p-0a68440b.system.entry.js} +1 -1
- package/dist/calcite/{p-bf38d77d.system.entry.js → p-0b71f281.system.entry.js} +1 -1
- package/dist/calcite/{p-7cf59f80.system.entry.js → p-0eb365bc.system.entry.js} +1 -1
- package/dist/calcite/{p-1cbe69ff.system.entry.js → p-0fb7d7ec.system.entry.js} +1 -1
- package/dist/calcite/{p-11b4f866.system.entry.js → p-1032abdf.system.entry.js} +1 -1
- package/dist/calcite/{p-4e9d072a.system.js → p-11b9e4bb.system.js} +1 -1
- package/dist/calcite/{p-4639388a.system.entry.js → p-11e27712.system.entry.js} +1 -1
- package/dist/calcite/{p-6d8a5959.entry.js → p-14c32017.entry.js} +1 -1
- package/dist/calcite/p-18c4af8f.system.js +5 -0
- package/dist/calcite/p-18d9a261.system.js +1 -1
- package/dist/calcite/{p-2c6e9854.entry.js → p-1919f0e7.entry.js} +1 -1
- package/dist/calcite/{p-5c6f2de9.system.entry.js → p-196f7f73.system.entry.js} +1 -1
- package/dist/calcite/{p-ce704ece.js → p-1a378fd0.js} +1 -1
- package/dist/calcite/{p-b311fec9.entry.js → p-1bfae224.entry.js} +1 -1
- package/dist/calcite/{p-be589623.system.entry.js → p-1c54ee99.system.entry.js} +1 -1
- package/dist/calcite/{p-f3ec6f2c.entry.js → p-23659611.entry.js} +1 -1
- package/dist/calcite/{p-0c9ea65a.entry.js → p-27537d30.entry.js} +1 -1
- package/dist/calcite/{p-0f2b51bf.system.js → p-28d866ec.system.js} +1 -1
- package/dist/calcite/{p-4bedcfdd.system.entry.js → p-2ac714c0.system.entry.js} +1 -1
- package/dist/calcite/{p-28729351.entry.js → p-2c3944b7.entry.js} +1 -1
- package/dist/calcite/{p-130b7a05.system.entry.js → p-2c6eb09e.system.entry.js} +1 -1
- package/dist/calcite/{p-456fc41f.system.entry.js → p-3323412f.system.entry.js} +1 -1
- package/dist/calcite/{p-cac9db7d.entry.js → p-34093e68.entry.js} +1 -1
- package/dist/calcite/{p-9d0b76a0.system.entry.js → p-3866cc08.system.entry.js} +1 -1
- package/dist/calcite/{p-0ea8bce1.system.entry.js → p-3a66acfc.system.entry.js} +1 -1
- package/dist/calcite/{p-65c6c5a7.entry.js → p-3c3fc397.entry.js} +1 -1
- package/dist/calcite/{p-523bc291.system.js → p-3edc47cf.system.js} +1 -1
- package/dist/calcite/{p-8dbafcac.system.entry.js → p-4056b8f5.system.entry.js} +1 -1
- package/dist/calcite/{p-0229a408.js → p-41c6aa44.js} +1 -1
- package/dist/calcite/{p-a4762e4a.system.entry.js → p-41dbbb2e.system.entry.js} +1 -1
- package/dist/calcite/{p-eae4d478.entry.js → p-438ab0b5.entry.js} +1 -1
- package/dist/calcite/p-49ddb3bd.js +5 -0
- package/dist/calcite/{p-fc9ea70f.system.entry.js → p-5252b2a0.system.entry.js} +1 -1
- package/dist/calcite/{p-d3bd900e.js → p-52966b4c.js} +1 -1
- package/dist/calcite/{p-7fbab7bb.entry.js → p-5465d382.entry.js} +1 -1
- package/dist/calcite/p-5479a05d.entry.js +5 -0
- package/dist/calcite/{p-e01985ce.system.entry.js → p-5517cd43.system.entry.js} +1 -1
- package/dist/calcite/{p-7677d70d.entry.js → p-57ac802c.entry.js} +1 -1
- package/dist/calcite/{p-14744d7b.system.entry.js → p-58f7c4e7.system.entry.js} +2 -2
- package/dist/calcite/{p-ac03fd82.system.entry.js → p-5a3da753.system.entry.js} +1 -1
- package/dist/calcite/{p-16f89a95.entry.js → p-5b71fd3d.entry.js} +1 -1
- package/dist/calcite/p-5baa2d34.entry.js +5 -0
- package/dist/calcite/{p-cc247988.entry.js → p-5d156676.entry.js} +1 -1
- package/dist/calcite/p-5e4b6b1b.system.entry.js +5 -0
- package/dist/calcite/{p-c34c4414.system.js → p-5f358f82.system.js} +1 -1
- package/dist/calcite/{p-8554d028.system.entry.js → p-605f9465.system.entry.js} +1 -1
- package/dist/calcite/{p-33fa07ab.system.entry.js → p-60a4c623.system.entry.js} +1 -1
- package/dist/calcite/{p-07779a47.entry.js → p-627a5f7b.entry.js} +1 -1
- package/dist/calcite/{p-82d19468.entry.js → p-6394f74a.entry.js} +1 -1
- package/dist/calcite/{p-809eed64.system.entry.js → p-648a23bf.system.entry.js} +1 -1
- package/dist/calcite/{p-35a5c74c.system.js → p-6555a956.system.js} +1 -1
- package/dist/calcite/{p-d30dc8bd.entry.js → p-66204690.entry.js} +1 -1
- package/dist/calcite/{p-c1912740.system.entry.js → p-6648629d.system.entry.js} +1 -1
- package/dist/calcite/{p-1705739f.system.entry.js → p-6c8478b9.system.entry.js} +2 -2
- package/dist/calcite/{p-c4b4312c.entry.js → p-6de70221.entry.js} +1 -1
- package/dist/calcite/{p-e942dcc6.entry.js → p-6e31cbff.entry.js} +1 -1
- package/dist/calcite/{p-1ce0c26a.entry.js → p-7050bfd3.entry.js} +1 -1
- package/dist/calcite/{p-496a04e4.system.entry.js → p-7a49f97c.system.entry.js} +1 -1
- package/dist/calcite/{p-be7b205c.entry.js → p-7a9ea862.entry.js} +1 -1
- package/dist/calcite/{p-4f7ebefc.system.js → p-834ec82a.system.js} +1 -1
- package/dist/calcite/{p-e7f7b0f8.js → p-8396a2d2.js} +1 -1
- package/dist/calcite/{p-b5cab90f.entry.js → p-853bd81e.entry.js} +1 -1
- package/dist/calcite/{p-6e94b4ef.system.entry.js → p-8a406f82.system.entry.js} +1 -1
- package/dist/calcite/{p-6d42cf99.system.entry.js → p-8ba1b621.system.entry.js} +1 -1
- package/dist/calcite/{p-12a3d7b1.entry.js → p-8c3c5914.entry.js} +1 -1
- package/dist/calcite/{p-ec216f50.entry.js → p-8e2aea68.entry.js} +1 -1
- package/dist/calcite/{p-8ebc2d51.entry.js → p-8f32e98b.entry.js} +1 -1
- package/dist/calcite/{p-5c141491.entry.js → p-909a04c6.entry.js} +1 -1
- package/dist/calcite/p-91300144.js +5 -0
- package/dist/calcite/p-917ab4fb.entry.js +5 -0
- package/dist/calcite/p-947a15ea.system.js +5 -0
- package/dist/calcite/p-98efa8d1.system.entry.js +5 -0
- package/dist/calcite/{p-92dea7f7.entry.js → p-9a360708.entry.js} +1 -1
- package/dist/calcite/{p-86e37e14.system.js → p-9c571107.system.js} +1 -1
- package/dist/calcite/{p-1751551d.entry.js → p-9d6da675.entry.js} +1 -1
- package/dist/calcite/{p-3dae9da3.js → p-a19740a1.js} +1 -1
- package/dist/calcite/{p-73dad5ab.system.entry.js → p-a2315ee0.system.entry.js} +1 -1
- package/dist/calcite/{p-42814ab6.system.entry.js → p-a5e39e25.system.entry.js} +1 -1
- package/dist/calcite/{p-5c606052.system.entry.js → p-a7634adb.system.entry.js} +2 -2
- package/dist/calcite/{p-b3109189.system.entry.js → p-ac1e4091.system.entry.js} +1 -1
- package/dist/calcite/p-b05fbc28.entry.js +5 -0
- package/dist/calcite/{p-54d12b6f.entry.js → p-b45576da.entry.js} +1 -1
- package/dist/calcite/{p-e7577455.entry.js → p-b582fe81.entry.js} +1 -1
- package/dist/calcite/{p-ff623944.entry.js → p-b5da7d26.entry.js} +1 -1
- package/dist/calcite/{p-3e646c9b.js → p-b9985a8f.js} +1 -1
- package/dist/calcite/{p-985ac8a8.system.entry.js → p-c0f8e35a.system.entry.js} +1 -1
- package/dist/calcite/{p-0bb004b7.entry.js → p-c4c35d1b.entry.js} +1 -1
- package/dist/calcite/{p-e97696ee.system.entry.js → p-c80baf28.system.entry.js} +1 -1
- package/dist/calcite/{p-9180be05.system.entry.js → p-d1db78e7.system.entry.js} +1 -1
- package/dist/calcite/{p-1749e1a2.system.entry.js → p-d47c61ac.system.entry.js} +2 -2
- package/dist/calcite/{p-899920c9.entry.js → p-d650ec75.entry.js} +1 -1
- package/dist/calcite/{p-62e9b8a4.system.entry.js → p-d73fdd7f.system.entry.js} +1 -1
- package/dist/calcite/{p-fbcf0cdb.system.entry.js → p-da170a90.system.entry.js} +1 -1
- package/dist/calcite/{p-6691b847.system.entry.js → p-da7e1200.system.entry.js} +1 -1
- package/dist/calcite/{p-ee5aabd7.entry.js → p-dad53db1.entry.js} +1 -1
- package/dist/calcite/p-df9409db.entry.js +5 -0
- package/dist/calcite/p-e33346fd.system.entry.js +5 -0
- package/dist/calcite/{p-ee7ba765.entry.js → p-e5c97fcc.entry.js} +1 -1
- package/dist/calcite/{p-51819373.entry.js → p-e6e288cb.entry.js} +1 -1
- package/dist/calcite/p-ea59c57b.entry.js +5 -0
- package/dist/calcite/{p-e311dc47.entry.js → p-eba55232.entry.js} +1 -1
- package/dist/calcite/{p-9ee56933.entry.js → p-ee7cd75e.entry.js} +1 -1
- package/dist/calcite/{p-5a6ad843.system.entry.js → p-f39af806.system.entry.js} +2 -2
- package/dist/calcite/{p-15c5e94c.system.entry.js → p-f70d136e.system.entry.js} +1 -1
- package/dist/calcite/{p-1acfcee4.entry.js → p-f74583ec.entry.js} +1 -1
- package/dist/calcite/{p-109fdcb4.system.entry.js → p-f932a63e.system.entry.js} +1 -1
- package/dist/cjs/{CalciteExpandToggle-d654421a.js → CalciteExpandToggle-252bab6d.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-bar.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action-group.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-pad.cjs.entry.js +2 -2
- package/dist/cjs/calcite-alert.cjs.entry.js +1 -1
- package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
- package/dist/cjs/calcite-block_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-button.cjs.entry.js +2 -2
- package/dist/cjs/calcite-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +4 -4
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +4 -4
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
- package/dist/cjs/calcite-filter.cjs.entry.js +1 -1
- package/dist/cjs/calcite-graph_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +2 -2
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +7 -7
- package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-input.cjs.entry.js +13 -12
- package/dist/cjs/calcite-link.cjs.entry.js +1 -1
- package/dist/cjs/calcite-list_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
- package/dist/cjs/calcite-notice.cjs.entry.js +1 -1
- package/dist/cjs/calcite-option_3.cjs.entry.js +3 -3
- package/dist/cjs/calcite-panel.cjs.entry.js +1 -1
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-popover_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button.cjs.entry.js +20 -9
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +3 -48
- package/dist/cjs/calcite-rating.cjs.entry.js +3 -3
- package/dist/cjs/calcite-shell_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-switch.cjs.entry.js +3 -3
- package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +37 -2
- package/dist/cjs/calcite-tile.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tip_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
- package/dist/cjs/{dom-19822169.js → dom-5a52b331.js} +2 -1
- package/dist/cjs/{form-a5b44a1f.js → form-4f471f99.js} +1 -1
- package/dist/cjs/{label-8e3552b2.js → label-4c5b7b91.js} +1 -1
- package/dist/cjs/{locale-33c458dc.js → locale-ccfa66f6.js} +1 -1
- package/dist/cjs/{number-73f7b474.js → number-f57fd111.js} +13 -6
- package/dist/cjs/{popper-a7580aca.js → popper-864013e4.js} +1 -1
- package/dist/cjs/{resources-27b28faa.js → resources-7b91cec8.js} +1 -1
- package/dist/cjs/{resources-16974e48.js → resources-d3c42dc4.js} +1 -1
- package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +1 -1
- package/dist/collection/components/calcite-icon/assets/calcite-icon/explore16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/explore24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/explore32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode32.json +1 -0
- package/dist/collection/components/calcite-input/calcite-input.js +8 -7
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.css +4 -4
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +16 -5
- package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +0 -45
- package/dist/collection/components/calcite-tile/calcite-tile.css +37 -49
- package/dist/collection/components/calcite-tile-select/calcite-tile-select.css +50 -70
- package/dist/collection/components/calcite-tile-select/calcite-tile-select.js +21 -2
- package/dist/collection/components/calcite-tile-select/resources.js +20 -0
- package/dist/collection/utils/dom.js +2 -1
- package/dist/collection/utils/number.js +13 -6
- package/dist/components/calcite-checkbox2.js +1 -1
- package/dist/components/calcite-input2.js +8 -7
- package/dist/components/calcite-radio-button.js +17 -6
- package/dist/components/calcite-radio-group-item.js +0 -45
- package/dist/components/calcite-tile-select.js +37 -2
- package/dist/components/calcite-tile2.js +1 -1
- package/dist/components/dom.js +2 -1
- package/dist/components/number.js +13 -6
- package/dist/custom-elements/index.js +334 -323
- package/dist/esm/{CalciteExpandToggle-c33bd6fd.js → CalciteExpandToggle-b6fabbc2.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +1 -1
- package/dist/esm/calcite-action-bar.entry.js +2 -2
- package/dist/esm/calcite-action-group.entry.js +1 -1
- package/dist/esm/calcite-action-menu.entry.js +1 -1
- package/dist/esm/calcite-action-pad.entry.js +2 -2
- package/dist/esm/calcite-alert.entry.js +1 -1
- package/dist/esm/calcite-avatar.entry.js +1 -1
- package/dist/esm/calcite-block_2.entry.js +1 -1
- package/dist/esm/calcite-button.entry.js +2 -2
- package/dist/esm/calcite-checkbox.entry.js +4 -4
- package/dist/esm/calcite-chip.entry.js +1 -1
- package/dist/esm/calcite-color-picker_3.entry.js +1 -1
- package/dist/esm/calcite-combobox_3.entry.js +4 -4
- package/dist/esm/calcite-date-picker_4.entry.js +4 -4
- package/dist/esm/calcite-dropdown_3.entry.js +2 -2
- package/dist/esm/calcite-fab.entry.js +1 -1
- package/dist/esm/calcite-filter.entry.js +1 -1
- package/dist/esm/calcite-graph_2.entry.js +3 -3
- package/dist/esm/calcite-icon.entry.js +1 -1
- package/dist/esm/calcite-inline-editable.entry.js +2 -2
- package/dist/esm/calcite-input-date-picker.entry.js +7 -7
- package/dist/esm/calcite-input-message.entry.js +1 -1
- package/dist/esm/calcite-input-time-picker_2.entry.js +4 -4
- package/dist/esm/calcite-input.entry.js +13 -12
- package/dist/esm/calcite-link.entry.js +1 -1
- package/dist/esm/calcite-list_3.entry.js +1 -1
- package/dist/esm/calcite-modal.entry.js +1 -1
- package/dist/esm/calcite-notice.entry.js +1 -1
- package/dist/esm/calcite-option_3.entry.js +3 -3
- package/dist/esm/calcite-panel.entry.js +1 -1
- package/dist/esm/calcite-pick-list_3.entry.js +2 -2
- package/dist/esm/calcite-popover_2.entry.js +2 -2
- package/dist/esm/calcite-radio-button.entry.js +20 -9
- package/dist/esm/calcite-radio-group_2.entry.js +3 -48
- package/dist/esm/calcite-rating.entry.js +3 -3
- package/dist/esm/calcite-shell_3.entry.js +1 -1
- package/dist/esm/calcite-stepper_2.entry.js +1 -1
- package/dist/esm/calcite-switch.entry.js +3 -3
- package/dist/esm/calcite-tab_4.entry.js +1 -1
- package/dist/esm/calcite-tile-select_2.entry.js +37 -2
- package/dist/esm/calcite-tile.entry.js +2 -2
- package/dist/esm/calcite-tip_3.entry.js +1 -1
- package/dist/esm/calcite-tooltip_2.entry.js +2 -2
- package/dist/esm/calcite-tree_2.entry.js +1 -1
- package/dist/esm/calcite-value-list_2.entry.js +2 -2
- package/dist/esm/{dom-f24e866c.js → dom-70477ebc.js} +2 -1
- package/dist/esm/{form-160b0fb5.js → form-4b3c1995.js} +1 -1
- package/dist/esm/{label-5559055d.js → label-905e5ef8.js} +1 -1
- package/dist/esm/{locale-4c38cf6d.js → locale-86b789f9.js} +1 -1
- package/dist/esm/{number-06e8500e.js → number-eb92427e.js} +13 -6
- package/dist/esm/{popper-f5caedc4.js → popper-ba525bde.js} +1 -1
- package/dist/esm/{resources-b4eee1d4.js → resources-421133b2.js} +1 -1
- package/dist/esm/{resources-7501cc74.js → resources-c1b6ebde.js} +1 -1
- package/dist/esm-es5/{CalciteExpandToggle-c33bd6fd.js → CalciteExpandToggle-b6fabbc2.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-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-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-graph_2.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-link.entry.js +1 -1
- package/dist/esm-es5/calcite-list_3.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-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 +2 -2
- 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-shell_3.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 +2 -2
- 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 +1 -1
- 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/dom-70477ebc.js +5 -0
- package/dist/esm-es5/{form-160b0fb5.js → form-4b3c1995.js} +1 -1
- package/dist/esm-es5/{label-5559055d.js → label-905e5ef8.js} +1 -1
- package/dist/esm-es5/{locale-4c38cf6d.js → locale-86b789f9.js} +1 -1
- package/dist/esm-es5/number-eb92427e.js +5 -0
- package/dist/esm-es5/{popper-f5caedc4.js → popper-ba525bde.js} +1 -1
- package/dist/esm-es5/{resources-b4eee1d4.js → resources-421133b2.js} +1 -1
- package/dist/esm-es5/{resources-7501cc74.js → resources-c1b6ebde.js} +1 -1
- package/dist/extras/docs-json.json +1 -1
- package/dist/types/components/calcite-radio-button/calcite-radio-button.d.ts +1 -0
- package/dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts +0 -6
- package/dist/types/components/calcite-tile-select/resources.d.ts +16 -0
- package/hydrate/index.js +334 -323
- package/package.json +10 -10
- package/dist/calcite/p-04417e11.system.entry.js +0 -5
- package/dist/calcite/p-1942876c.js +0 -5
- package/dist/calcite/p-394d8b91.entry.js +0 -5
- package/dist/calcite/p-52cc870b.js +0 -5
- package/dist/calcite/p-66146f19.entry.js +0 -5
- package/dist/calcite/p-6ba77bae.entry.js +0 -5
- package/dist/calcite/p-6cc23c39.system.js +0 -5
- package/dist/calcite/p-83744979.system.js +0 -5
- package/dist/calcite/p-cc2166e7.system.entry.js +0 -5
- package/dist/calcite/p-d00824e4.system.entry.js +0 -5
- package/dist/calcite/p-d506cebd.entry.js +0 -5
- package/dist/calcite/p-d75a285d.entry.js +0 -5
- package/dist/calcite/p-e81cda9d.entry.js +0 -5
- package/dist/calcite/p-f595d924.js +0 -5
- package/dist/esm-es5/dom-f24e866c.js +0 -5
- package/dist/esm-es5/number-06e8500e.js +0 -5
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(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,g as getElement}from"./index-9de00868.js";import{S as StatusIcons}from"./interfaces-51dc4e1b.js";import{s as setRequestedIcon,g as getSlotted}from"./dom-f24e866c.js";import"./guid-196bd5ea.js";var TEXT={close:"Close"};var SLOTS={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};var CSS={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};var calciteNoticeCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-left:auto;margin-right:auto;display:none;max-width:100%;-ms-flex-align:center;align-items:center;width:var(--calcite-notice-width)}.container{pointer-events:none;margin-top:0px;margin-bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;width:100%;background-color:var(--calcite-ui-foreground-1);opacity:0;max-height:0;text-align:start;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;-webkit-border-start:0px solid;border-inline-start:0px solid;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}.notice-close{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}.notice-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host{display:-ms-flexbox;display:flex}:host([active]) .container{pointer-events:auto;display:-ms-flexbox;display:flex;max-height:100%;-ms-flex-align:center;align-items:center;border-width:2px;opacity:1;--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)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:var(--calcite-notice-spacing-token-small);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{-webkit-box-sizing:border-box;box-sizing:border-box;-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;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);display:-ms-flexbox;display:flex;min-width:0px;-ms-flex-direction:column;flex-direction:column;overflow-wrap:break-word;-ms-flex:1 1 0px;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-notice-spacing-token-large);padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large)}.notice-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-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;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto}.notice-close{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-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;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.notice-close:active{background-color:var(--calcite-ui-foreground-3)}.actions-end{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}:host([color=blue]) .container{border-color:var(--calcite-ui-brand)}:host([color=blue]) .container .notice-icon{color:var(--calcite-ui-brand)}:host([color=red]) .container{border-color:var(--calcite-ui-danger)}:host([color=red]) .container .notice-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .notice-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-color:var(--calcite-ui-success)}:host([color=green]) .container .notice-icon{color:var(--calcite-ui-success)}";var CalciteNotice=function(){function t(t){var e=this;registerInstance(this,t);this.calciteNoticeClose=createEvent(this,"calciteNoticeClose",7);this.calciteNoticeOpen=createEvent(this,"calciteNoticeOpen",7);this.active=false;this.color="blue";this.dismissible=false;this.intlClose=TEXT.close;this.scale="m";this.width="auto";this.close=function(){e.active=false;e.calciteNoticeClose.emit()}}t.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};t.prototype.componentWillLoad=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};t.prototype.componentDidLoad=function(){this.noticeLinkEl=this.el.querySelector("calcite-link")};t.prototype.render=function(){var t=this;var e=this.el;var i=h("button",{"aria-label":this.intlClose,class:CSS.close,onClick:this.close,ref:function(e){return t.closeButton=e}},h("calcite-icon",{icon:"x",scale:this.scale==="l"?"m":"s"}));var n=getSlotted(e,SLOTS.actionsEnd);return h("div",{class:CSS.container},this.requestedIcon?h("div",{class:CSS.icon},h("calcite-icon",{icon:this.requestedIcon,scale:this.scale==="l"?"m":"s"})):null,h("div",{class:CSS.content},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.message}),h("slot",{name:SLOTS.link})),n?h("div",{class:CSS.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null,this.dismissible?i:null)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.closeButton&&!this.noticeLinkEl){return[2]}if(this.noticeLinkEl){this.noticeLinkEl.setFocus()}else if(this.closeButton){this.closeButton.focus()}return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{icon:["updateRequestedIcon"],color:["updateRequestedIcon"]}},enumerable:false,configurable:true});return t}();CalciteNotice.style=calciteNoticeCss;export{CalciteNotice as calcite_notice};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-9de00868.js";import{S as StatusIcons}from"./interfaces-51dc4e1b.js";import{s as setRequestedIcon,g as getSlotted}from"./dom-70477ebc.js";import"./guid-196bd5ea.js";var TEXT={close:"Close"};var SLOTS={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};var CSS={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};var calciteNoticeCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-top:0.125rem;margin-bottom:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-left:auto;margin-right:auto;display:none;max-width:100%;-ms-flex-align:center;align-items:center;width:var(--calcite-notice-width)}.container{pointer-events:none;margin-top:0px;margin-bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;width:100%;background-color:var(--calcite-ui-foreground-1);opacity:0;max-height:0;text-align:start;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;-webkit-border-start:0px solid;border-inline-start:0px solid;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}.notice-close{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}.notice-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host{display:-ms-flexbox;display:flex}:host([active]) .container{pointer-events:auto;display:-ms-flexbox;display:flex;max-height:100%;-ms-flex-align:center;align-items:center;border-width:2px;opacity:1;--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)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:var(--calcite-notice-spacing-token-small);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{-webkit-box-sizing:border-box;box-sizing:border-box;-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;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);display:-ms-flexbox;display:flex;min-width:0px;-ms-flex-direction:column;flex-direction:column;overflow-wrap:break-word;-ms-flex:1 1 0px;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-notice-spacing-token-large);padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large)}.notice-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-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;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto}.notice-close{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-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;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.notice-close:active{background-color:var(--calcite-ui-foreground-3)}.actions-end{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}:host([color=blue]) .container{border-color:var(--calcite-ui-brand)}:host([color=blue]) .container .notice-icon{color:var(--calcite-ui-brand)}:host([color=red]) .container{border-color:var(--calcite-ui-danger)}:host([color=red]) .container .notice-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .notice-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-color:var(--calcite-ui-success)}:host([color=green]) .container .notice-icon{color:var(--calcite-ui-success)}";var CalciteNotice=function(){function t(t){var e=this;registerInstance(this,t);this.calciteNoticeClose=createEvent(this,"calciteNoticeClose",7);this.calciteNoticeOpen=createEvent(this,"calciteNoticeOpen",7);this.active=false;this.color="blue";this.dismissible=false;this.intlClose=TEXT.close;this.scale="m";this.width="auto";this.close=function(){e.active=false;e.calciteNoticeClose.emit()}}t.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};t.prototype.componentWillLoad=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};t.prototype.componentDidLoad=function(){this.noticeLinkEl=this.el.querySelector("calcite-link")};t.prototype.render=function(){var t=this;var e=this.el;var i=h("button",{"aria-label":this.intlClose,class:CSS.close,onClick:this.close,ref:function(e){return t.closeButton=e}},h("calcite-icon",{icon:"x",scale:this.scale==="l"?"m":"s"}));var n=getSlotted(e,SLOTS.actionsEnd);return h("div",{class:CSS.container},this.requestedIcon?h("div",{class:CSS.icon},h("calcite-icon",{icon:this.requestedIcon,scale:this.scale==="l"?"m":"s"})):null,h("div",{class:CSS.content},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.message}),h("slot",{name:SLOTS.link})),n?h("div",{class:CSS.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null,this.dismissible?i:null)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.closeButton&&!this.noticeLinkEl){return[2]}if(this.noticeLinkEl){this.noticeLinkEl.setFocus()}else if(this.closeButton){this.closeButton.focus()}return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{icon:["updateRequestedIcon"],color:["updateRequestedIcon"]}},enumerable:false,configurable:true});return t}();CalciteNotice.style=calciteNoticeCss;export{CalciteNotice as calcite_notice};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,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,g as getElement,F as Fragment}from"./index-9de00868.js";import{c as createObserver}from"./observers-8f0bc419.js";import{f as focusElement}from"./dom-f24e866c.js";import{c as connectLabel,d as disconnectLabel}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,a as afterConnectDefaultValueSet,H as HiddenFormInputSlot}from"./form-160b0fb5.js";import"./guid-196bd5ea.js";var calciteOptionCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalciteOption=function(){function t(t){var e=this;registerInstance(this,t);this.calciteOptionChange=createEvent(this,"calciteOptionChange",7);this.disabled=false;this.mutationObserver=createObserver("mutation",(function(){e.ensureTextContentDependentProps();e.calciteOptionChange.emit()}))}t.prototype.handlePropChange=function(t,e,a){if(a==="label"||a==="value"){this.ensureTextContentDependentProps()}this.calciteOptionChange.emit()};t.prototype.ensureTextContentDependentProps=function(){var t=this.el.textContent;if(!this.label||this.label===this.internallySetLabel){this.label=t;this.internallySetLabel=t}if(!this.value||this.value===this.internallySetValue){this.value=t;this.internallySetValue=t}};t.prototype.connectedCallback=function(){var t;this.ensureTextContentDependentProps();(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.render=function(){return h("slot",null,this.label)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}},enumerable:false,configurable:true});return t}();CalciteOption.style=calciteOptionCss;var calciteOptionGroupCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalciteOptionGroup=function(){function t(t){registerInstance(this,t);this.calciteOptionGroupChange=createEvent(this,"calciteOptionGroupChange",7);this.disabled=false}t.prototype.handlePropChange=function(){this.calciteOptionGroupChange.emit()};t.prototype.render=function(){return h(Fragment,null,h("div",null,this.label),h("slot",null))};Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handlePropChange"],label:["handlePropChange"]}},enumerable:false,configurable:true});return t}();CalciteOptionGroup.style=calciteOptionGroupCss;var CSS={icon:"icon",iconContainer:"icon-container",select:"select"};var calciteSelectCss="@-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{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:var(--select-width)}:host([scale=s]){height:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .icon-container{padding-left:0.5rem;padding-right:0.5rem}:host([scale=m]){height:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .icon-container{padding-left:0.75rem;padding-right:0.75rem}:host([scale=l]){height:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .icon-container{padding-left:1rem;padding-right:1rem}:host([width=auto]){width:auto}:host([width=half]){width:50%}:host([width=full]){width:100%}.select{margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:inherit;color:var(--calcite-ui-text-2);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;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.select:hover{background-color:var(--calcite-ui-foreground-2)}select:disabled{border-color:var(--calcite-ui-border-input);--tw-bg-opacity:1}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}.icon-container{pointer-events:none;position:absolute;top:0px;bottom:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:transparent;color:var(--calcite-ui-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.select:focus~.icon-container{border-color:transparent}::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}";function isOption(t){return t.tagName==="CALCITE-OPTION"}function isOptionGroup(t){return t.tagName==="CALCITE-OPTION-GROUP"}var CalciteSelect=function(){function t(t){var e=this;registerInstance(this,t);this.calciteSelectChange=createEvent(this,"calciteSelectChange",7);this.disabled=false;this.required=false;this.scale="m";this.value=null;this.width="auto";this.componentToNativeEl=new Map;this.mutationObserver=createObserver("mutation",(function(){return e.populateInternalSelect()}));this.handleInternalSelectChange=function(){var t=e.selectEl.selectedOptions[0];e.selectFromNativeOption(t);requestAnimationFrame((function(){return e.emitChangeEvent()}))};this.populateInternalSelect=function(){var t=Array.from(e.el.children).filter((function(t){return t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP"}));e.clearInternalSelect();t.forEach((function(t){var a;return(a=e.selectEl)===null||a===void 0?void 0:a.append(e.toNativeElement(t))}))};this.storeSelectRef=function(t){e.selectEl=t;e.populateInternalSelect();var a=e.selectEl.selectedOptions[0];e.selectFromNativeOption(a)};this.emitChangeEvent=function(){e.calciteSelectChange.emit()}}t.prototype.valueHandler=function(t){var e=this.el.querySelectorAll("calcite-option");e.forEach((function(e){return e.selected=e.value===t}))};t.prototype.selectedOptionHandler=function(t){this.value=t===null||t===void 0?void 0:t.value};t.prototype.connectedCallback=function(){var t;var e=this.el;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(e,{subtree:true,childList:true});connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidLoad=function(){var t,e;afterConnectDefaultValueSet(this,(e=(t=this.selectedOption)===null||t===void 0?void 0:t.value)!==null&&e!==void 0?e:"")};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.selectEl);return[2]}))}))};t.prototype.handleOptionOrGroupChange=function(t){t.stopPropagation();var e=t.target;var a=this.componentToNativeEl.get(e);if(!a){return}this.updateNativeElement(e,a);if(isOption(e)&&e.selected){this.deselectAllExcept(e);this.selectedOption=e}};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateNativeElement=function(t,e){e.disabled=t.disabled;e.label=t.label;if(isOption(t)){var a=e;a.selected=t.selected;a.value=t.value;a.innerText=t.label}};t.prototype.clearInternalSelect=function(){this.componentToNativeEl.forEach((function(t){return t.remove()}));this.componentToNativeEl.clear()};t.prototype.selectFromNativeOption=function(t){var e=this;if(!t){return}var a;this.componentToNativeEl.forEach((function(n,i){if(isOption(i)&&n===t){i.selected=true;a=i;e.deselectAllExcept(i)}}));if(a){this.selectedOption=a}};t.prototype.toNativeElement=function(t){var e=this;if(isOption(t)){var a=document.createElement("option");this.updateNativeElement(t,a);this.componentToNativeEl.set(t,a);return a}if(isOptionGroup(t)){var n=document.createElement("optgroup");this.updateNativeElement(t,n);Array.from(t.children).forEach((function(a){var i=e.toNativeElement(a);n.append(i);e.componentToNativeEl.set(t,i)}));this.componentToNativeEl.set(t,n);return n}throw new Error("unsupported element child provided")};t.prototype.deselectAllExcept=function(t){this.el.querySelectorAll("calcite-option").forEach((function(e){if(e===t){return}e.selected=false}))};t.prototype.renderChevron=function(){return h("div",{class:CSS.iconContainer},h("calcite-icon",{class:CSS.icon,icon:"chevron-down",scale:"s"}))};t.prototype.render=function(){return h(Fragment,null,h("select",{"aria-label":this.label,class:CSS.select,disabled:this.disabled,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},h("slot",null)),this.renderChevron(),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{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}},enumerable:false,configurable:true});return t}();CalciteSelect.style=calciteSelectCss;export{CalciteOption as calcite_option,CalciteOptionGroup as calcite_option_group,CalciteSelect as calcite_select};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement,F as Fragment}from"./index-9de00868.js";import{c as createObserver}from"./observers-8f0bc419.js";import{f as focusElement}from"./dom-70477ebc.js";import{c as connectLabel,d as disconnectLabel}from"./label-905e5ef8.js";import{c as connectForm,d as disconnectForm,a as afterConnectDefaultValueSet,H as HiddenFormInputSlot}from"./form-4b3c1995.js";import"./guid-196bd5ea.js";var calciteOptionCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalciteOption=function(){function t(t){var e=this;registerInstance(this,t);this.calciteOptionChange=createEvent(this,"calciteOptionChange",7);this.disabled=false;this.mutationObserver=createObserver("mutation",(function(){e.ensureTextContentDependentProps();e.calciteOptionChange.emit()}))}t.prototype.handlePropChange=function(t,e,a){if(a==="label"||a==="value"){this.ensureTextContentDependentProps()}this.calciteOptionChange.emit()};t.prototype.ensureTextContentDependentProps=function(){var t=this.el.textContent;if(!this.label||this.label===this.internallySetLabel){this.label=t;this.internallySetLabel=t}if(!this.value||this.value===this.internallySetValue){this.value=t;this.internallySetValue=t}};t.prototype.connectedCallback=function(){var t;this.ensureTextContentDependentProps();(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.render=function(){return h("slot",null,this.label)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}},enumerable:false,configurable:true});return t}();CalciteOption.style=calciteOptionCss;var calciteOptionGroupCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalciteOptionGroup=function(){function t(t){registerInstance(this,t);this.calciteOptionGroupChange=createEvent(this,"calciteOptionGroupChange",7);this.disabled=false}t.prototype.handlePropChange=function(){this.calciteOptionGroupChange.emit()};t.prototype.render=function(){return h(Fragment,null,h("div",null,this.label),h("slot",null))};Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handlePropChange"],label:["handlePropChange"]}},enumerable:false,configurable:true});return t}();CalciteOptionGroup.style=calciteOptionGroupCss;var CSS={icon:"icon",iconContainer:"icon-container",select:"select"};var calciteSelectCss="@-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{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:var(--select-width)}:host([scale=s]){height:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .icon-container{padding-left:0.5rem;padding-right:0.5rem}:host([scale=m]){height:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .icon-container{padding-left:0.75rem;padding-right:0.75rem}:host([scale=l]){height:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .icon-container{padding-left:1rem;padding-right:1rem}:host([width=auto]){width:auto}:host([width=half]){width:50%}:host([width=full]){width:100%}.select{margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:inherit;color:var(--calcite-ui-text-2);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;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.select:hover{background-color:var(--calcite-ui-foreground-2)}select:disabled{border-color:var(--calcite-ui-border-input);--tw-bg-opacity:1}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}.icon-container{pointer-events:none;position:absolute;top:0px;bottom:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:transparent;color:var(--calcite-ui-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.select:focus~.icon-container{border-color:transparent}::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}";function isOption(t){return t.tagName==="CALCITE-OPTION"}function isOptionGroup(t){return t.tagName==="CALCITE-OPTION-GROUP"}var CalciteSelect=function(){function t(t){var e=this;registerInstance(this,t);this.calciteSelectChange=createEvent(this,"calciteSelectChange",7);this.disabled=false;this.required=false;this.scale="m";this.value=null;this.width="auto";this.componentToNativeEl=new Map;this.mutationObserver=createObserver("mutation",(function(){return e.populateInternalSelect()}));this.handleInternalSelectChange=function(){var t=e.selectEl.selectedOptions[0];e.selectFromNativeOption(t);requestAnimationFrame((function(){return e.emitChangeEvent()}))};this.populateInternalSelect=function(){var t=Array.from(e.el.children).filter((function(t){return t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP"}));e.clearInternalSelect();t.forEach((function(t){var a;return(a=e.selectEl)===null||a===void 0?void 0:a.append(e.toNativeElement(t))}))};this.storeSelectRef=function(t){e.selectEl=t;e.populateInternalSelect();var a=e.selectEl.selectedOptions[0];e.selectFromNativeOption(a)};this.emitChangeEvent=function(){e.calciteSelectChange.emit()}}t.prototype.valueHandler=function(t){var e=this.el.querySelectorAll("calcite-option");e.forEach((function(e){return e.selected=e.value===t}))};t.prototype.selectedOptionHandler=function(t){this.value=t===null||t===void 0?void 0:t.value};t.prototype.connectedCallback=function(){var t;var e=this.el;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(e,{subtree:true,childList:true});connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidLoad=function(){var t,e;afterConnectDefaultValueSet(this,(e=(t=this.selectedOption)===null||t===void 0?void 0:t.value)!==null&&e!==void 0?e:"")};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.selectEl);return[2]}))}))};t.prototype.handleOptionOrGroupChange=function(t){t.stopPropagation();var e=t.target;var a=this.componentToNativeEl.get(e);if(!a){return}this.updateNativeElement(e,a);if(isOption(e)&&e.selected){this.deselectAllExcept(e);this.selectedOption=e}};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateNativeElement=function(t,e){e.disabled=t.disabled;e.label=t.label;if(isOption(t)){var a=e;a.selected=t.selected;a.value=t.value;a.innerText=t.label}};t.prototype.clearInternalSelect=function(){this.componentToNativeEl.forEach((function(t){return t.remove()}));this.componentToNativeEl.clear()};t.prototype.selectFromNativeOption=function(t){var e=this;if(!t){return}var a;this.componentToNativeEl.forEach((function(n,i){if(isOption(i)&&n===t){i.selected=true;a=i;e.deselectAllExcept(i)}}));if(a){this.selectedOption=a}};t.prototype.toNativeElement=function(t){var e=this;if(isOption(t)){var a=document.createElement("option");this.updateNativeElement(t,a);this.componentToNativeEl.set(t,a);return a}if(isOptionGroup(t)){var n=document.createElement("optgroup");this.updateNativeElement(t,n);Array.from(t.children).forEach((function(a){var i=e.toNativeElement(a);n.append(i);e.componentToNativeEl.set(t,i)}));this.componentToNativeEl.set(t,n);return n}throw new Error("unsupported element child provided")};t.prototype.deselectAllExcept=function(t){this.el.querySelectorAll("calcite-option").forEach((function(e){if(e===t){return}e.selected=false}))};t.prototype.renderChevron=function(){return h("div",{class:CSS.iconContainer},h("calcite-icon",{class:CSS.icon,icon:"chevron-down",scale:"s"}))};t.prototype.render=function(){return h(Fragment,null,h("select",{"aria-label":this.label,class:CSS.select,disabled:this.disabled,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},h("slot",null)),this.renderChevron(),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{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}},enumerable:false,configurable:true});return t}();CalciteSelect.style=calciteSelectCss;export{CalciteOption as calcite_option,CalciteOptionGroup as calcite_option_group,CalciteSelect as calcite_select};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,n,a){function i(e){return e 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-9de00868.js";import{a as getElementDir,g as getSlotted}from"./dom-f24e866c.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import{S as SLOTS$1}from"./resources-584acd9b.js";import"./guid-196bd5ea.js";var CSS={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",contentContainer:"content-container",contentHeight:"content-height",fabContainer:"fab-container",footer:"footer",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open"};var ICONS={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var SLOTS={headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};var TEXT={back:"Back",close:"Close",open:"Open",options:"Options"};var HEADING_LEVEL=3;var calcitePanelCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{border-bottom:1px solid;position:-webkit-sticky;position:sticky;top:0px;width:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0.75rem;padding-right:0.75rem;padding-top:1rem;padding-bottom:1rem;overflow:hidden;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .summary{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-bottom:0px}.header-content .summary{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-top:1px solid;position:-webkit-sticky;position:sticky;bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;bottom:0px;left:0px;right:0px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:block;padding:0.5rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}";var CalcitePanel=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePanelDismissedChange=createEvent(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=createEvent(this,"calcitePanelScroll",7);this.calcitePanelBackClick=createEvent(this,"calcitePanelBackClick",7);this.dismissed=false;this.disabled=false;this.dismissible=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.setContainerRef=function(e){t.containerEl=e};this.setDismissRef=function(e){t.dismissButtonEl=e};this.setBackRef=function(e){t.backButtonEl=e};this.panelKeyDownHandler=function(e){if(e.key==="Escape"){t.dismiss()}};this.dismiss=function(){t.dismissed=true};this.panelScrollHandler=function(){t.calcitePanelScroll.emit()};this.backButtonClick=function(){t.calcitePanelBackClick.emit()}}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,a;return __generator(this,(function(i){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}if(e==="back-button"){(n=this.backButtonEl)===null||n===void 0?void 0:n.setFocus();return[2]}(a=this.containerEl)===null||a===void 0?void 0:a.focus();return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=getElementDir(e)==="rtl";var n=this,a=n.showBackButton,i=n.intlBack,r=n.backButtonClick;var o=i||TEXT.back;var l=t?ICONS.backRight:ICONS.backLeft;return a?h("calcite-action",{"aria-label":o,class:CSS.backButton,icon:l,key:"back-button",onClick:r,ref:this.setBackRef,scale:"s",slot:SLOTS.headerActionsStart,text:o}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,n=e.headingLevel,a=e.summary;var i=t?h(CalciteHeading,{class:CSS.heading,level:n||HEADING_LEVEL},t):null;var r=a?h("span",{class:CSS.summary},a):null;return i||r?h("div",{class:CSS.headerContent,key:"header-content"},i,r):null};e.prototype.renderHeaderSlottedContent=function(){return h("div",{class:CSS.headerContent,key:"header-content"},h("slot",{name:SLOTS.headerContent}))};e.prototype.renderHeaderStartActions=function(){var e;var t=this.el;var n=getSlotted(t,SLOTS.headerActionsStart);return n?h("div",{class:(e={},e[CSS.headerActionsStart]=true,e[CSS.headerActions]=true,e),key:"header-actions-start"},h("slot",{name:SLOTS.headerActionsStart})):null};e.prototype.renderHeaderActionsEnd=function(){var e;var t=this,n=t.dismiss,a=t.dismissible,i=t.el,r=t.intlClose;var o=r||TEXT.close;var l=a?h("calcite-action",{"aria-label":o,icon:ICONS.close,onClick:n,ref:this.setDismissRef,text:o}):null;var c=h("slot",{name:SLOTS.headerActionsEnd});var s=getSlotted(i,SLOTS.headerActionsEnd);return s||l?h("div",{class:(e={},e[CSS.headerActionsEnd]=true,e[CSS.headerActions]=true,e),key:"header-actions-end"},c,l):null};e.prototype.renderMenu=function(){var e=this,t=e.el,n=e.intlOptions,a=e.menuOpen;var i=getSlotted(t,SLOTS.headerMenuActions);return i?h("calcite-action-menu",{flipPlacements:["top","bottom"],label:n||TEXT.options,open:a,placement:"bottom-end"},h("calcite-action",{icon:ICONS.menu,slot:SLOTS$1.trigger,text:n||TEXT.options}),h("slot",{name:SLOTS.headerMenuActions})):null};e.prototype.renderHeaderNode=function(){var e=this,t=e.el,n=e.showBackButton;var a=this.renderBackButton();var i=getSlotted(t,SLOTS.headerContent);var r=i?this.renderHeaderSlottedContent():this.renderHeaderContent();var o=this.renderHeaderStartActions();var l=this.renderHeaderActionsEnd();var c=this.renderMenu();return o||r||l||c||n?h("header",{class:CSS.header},a,o,r,l,c):null};e.prototype.renderFooterSlottedContent=function(){var e=this.el;var t=getSlotted(e,SLOTS.footer);return t?h("footer",{class:CSS.footer},h("slot",{name:SLOTS.footer})):null};e.prototype.renderFooterActions=function(){var e=this.el;var t=getSlotted(e,SLOTS.footerActions);return t?h("footer",{class:CSS.footer},h("slot",{name:SLOTS.footerActions})):null};e.prototype.renderContent=function(){var e,t;var n=this.el;var a=getSlotted(n,SLOTS.fab);return a?h("div",{class:(e={},e[CSS.contentWrapper]=true,e[CSS.contentHeight]=true,e),onScroll:this.panelScrollHandler,tabIndex:0},h("section",{class:CSS.contentContainer},h("slot",null)),this.renderFab()):h("section",{class:(t={},t[CSS.contentWrapper]=true,t[CSS.contentContainer]=true,t),onScroll:this.panelScrollHandler,tabIndex:0},h("slot",null))};e.prototype.renderFab=function(){return h("div",{class:CSS.fabContainer},h("slot",{name:SLOTS.fab}))};e.prototype.render=function(){var e=this,t=e.dismissed,n=e.disabled,a=e.dismissible,i=e.loading,r=e.panelKeyDownHandler;var o=h("article",{"aria-busy":i.toString(),class:CSS.container,hidden:a&&t,onKeyDown:r,ref:this.setContainerRef,tabIndex:a?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterSlottedContent()||this.renderFooterActions());return h(Fragment,null,i||n?h("calcite-scrim",{loading:i}):null,o)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:false,configurable:true});return e}();CalcitePanel.style=calcitePanelCss;export{CalcitePanel as calcite_panel};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{a as getElementDir,g as getSlotted}from"./dom-70477ebc.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import{S as SLOTS$1}from"./resources-584acd9b.js";import"./guid-196bd5ea.js";var CSS={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",contentContainer:"content-container",contentHeight:"content-height",fabContainer:"fab-container",footer:"footer",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open"};var ICONS={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var SLOTS={headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};var TEXT={back:"Back",close:"Close",open:"Open",options:"Options"};var HEADING_LEVEL=3;var calcitePanelCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{border-bottom:1px solid;position:-webkit-sticky;position:sticky;top:0px;width:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0.75rem;padding-right:0.75rem;padding-top:1rem;padding-bottom:1rem;overflow:hidden;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .summary{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-bottom:0px}.header-content .summary{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-top:1px solid;position:-webkit-sticky;position:sticky;bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;bottom:0px;left:0px;right:0px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:block;padding:0.5rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}";var CalcitePanel=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePanelDismissedChange=createEvent(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=createEvent(this,"calcitePanelScroll",7);this.calcitePanelBackClick=createEvent(this,"calcitePanelBackClick",7);this.dismissed=false;this.disabled=false;this.dismissible=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.setContainerRef=function(e){t.containerEl=e};this.setDismissRef=function(e){t.dismissButtonEl=e};this.setBackRef=function(e){t.backButtonEl=e};this.panelKeyDownHandler=function(e){if(e.key==="Escape"){t.dismiss()}};this.dismiss=function(){t.dismissed=true};this.panelScrollHandler=function(){t.calcitePanelScroll.emit()};this.backButtonClick=function(){t.calcitePanelBackClick.emit()}}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,a;return __generator(this,(function(i){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}if(e==="back-button"){(n=this.backButtonEl)===null||n===void 0?void 0:n.setFocus();return[2]}(a=this.containerEl)===null||a===void 0?void 0:a.focus();return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=getElementDir(e)==="rtl";var n=this,a=n.showBackButton,i=n.intlBack,r=n.backButtonClick;var o=i||TEXT.back;var l=t?ICONS.backRight:ICONS.backLeft;return a?h("calcite-action",{"aria-label":o,class:CSS.backButton,icon:l,key:"back-button",onClick:r,ref:this.setBackRef,scale:"s",slot:SLOTS.headerActionsStart,text:o}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,n=e.headingLevel,a=e.summary;var i=t?h(CalciteHeading,{class:CSS.heading,level:n||HEADING_LEVEL},t):null;var r=a?h("span",{class:CSS.summary},a):null;return i||r?h("div",{class:CSS.headerContent,key:"header-content"},i,r):null};e.prototype.renderHeaderSlottedContent=function(){return h("div",{class:CSS.headerContent,key:"header-content"},h("slot",{name:SLOTS.headerContent}))};e.prototype.renderHeaderStartActions=function(){var e;var t=this.el;var n=getSlotted(t,SLOTS.headerActionsStart);return n?h("div",{class:(e={},e[CSS.headerActionsStart]=true,e[CSS.headerActions]=true,e),key:"header-actions-start"},h("slot",{name:SLOTS.headerActionsStart})):null};e.prototype.renderHeaderActionsEnd=function(){var e;var t=this,n=t.dismiss,a=t.dismissible,i=t.el,r=t.intlClose;var o=r||TEXT.close;var l=a?h("calcite-action",{"aria-label":o,icon:ICONS.close,onClick:n,ref:this.setDismissRef,text:o}):null;var c=h("slot",{name:SLOTS.headerActionsEnd});var s=getSlotted(i,SLOTS.headerActionsEnd);return s||l?h("div",{class:(e={},e[CSS.headerActionsEnd]=true,e[CSS.headerActions]=true,e),key:"header-actions-end"},c,l):null};e.prototype.renderMenu=function(){var e=this,t=e.el,n=e.intlOptions,a=e.menuOpen;var i=getSlotted(t,SLOTS.headerMenuActions);return i?h("calcite-action-menu",{flipPlacements:["top","bottom"],label:n||TEXT.options,open:a,placement:"bottom-end"},h("calcite-action",{icon:ICONS.menu,slot:SLOTS$1.trigger,text:n||TEXT.options}),h("slot",{name:SLOTS.headerMenuActions})):null};e.prototype.renderHeaderNode=function(){var e=this,t=e.el,n=e.showBackButton;var a=this.renderBackButton();var i=getSlotted(t,SLOTS.headerContent);var r=i?this.renderHeaderSlottedContent():this.renderHeaderContent();var o=this.renderHeaderStartActions();var l=this.renderHeaderActionsEnd();var c=this.renderMenu();return o||r||l||c||n?h("header",{class:CSS.header},a,o,r,l,c):null};e.prototype.renderFooterSlottedContent=function(){var e=this.el;var t=getSlotted(e,SLOTS.footer);return t?h("footer",{class:CSS.footer},h("slot",{name:SLOTS.footer})):null};e.prototype.renderFooterActions=function(){var e=this.el;var t=getSlotted(e,SLOTS.footerActions);return t?h("footer",{class:CSS.footer},h("slot",{name:SLOTS.footerActions})):null};e.prototype.renderContent=function(){var e,t;var n=this.el;var a=getSlotted(n,SLOTS.fab);return a?h("div",{class:(e={},e[CSS.contentWrapper]=true,e[CSS.contentHeight]=true,e),onScroll:this.panelScrollHandler,tabIndex:0},h("section",{class:CSS.contentContainer},h("slot",null)),this.renderFab()):h("section",{class:(t={},t[CSS.contentWrapper]=true,t[CSS.contentContainer]=true,t),onScroll:this.panelScrollHandler,tabIndex:0},h("slot",null))};e.prototype.renderFab=function(){return h("div",{class:CSS.fabContainer},h("slot",{name:SLOTS.fab}))};e.prototype.render=function(){var e=this,t=e.dismissed,n=e.disabled,a=e.dismissible,i=e.loading,r=e.panelKeyDownHandler;var o=h("article",{"aria-busy":i.toString(),class:CSS.container,hidden:a&&t,onKeyDown:r,ref:this.setContainerRef,tabIndex:a?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterSlottedContent()||this.renderFooterActions());return h(Fragment,null,i||n?h("calcite-scrim",{loading:i}):null,o)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:false,configurable:true});return e}();CalcitePanel.style=calcitePanelCss;export{CalcitePanel as calcite_panel};
|
|
@@ -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,g as getElement,F as Fragment}from"./index-9de00868.js";import{m as mutationObserverCallback,d as deselectSiblingItems,s as selectSiblings,h as handleFilter,g as getItemData,k as keyDownHandler,i as initialize,a as initializeObserver,c as cleanUpObserver,r as removeItem,b as calciteListItemChangeHandler,e as calciteListItemValueChangeHandler,l as calciteListFocusOutHandler,f as setUpItems,j as setFocus,I as ICON_TYPES,L as List,T as TEXT,n as ICONS,C as CSS$1,S as SLOTS$1}from"./resources-7501cc74.js";import{c as createObserver}from"./observers-8f0bc419.js";import{g as getSlotted}from"./dom-f24e866c.js";import{C as CalciteHeading,c as constrainHeadingLevel}from"./CalciteHeading-1d6cd311.js";import"./array-91a648e2.js";import"./debounce-79648d42.js";import"./guid-196bd5ea.js";var calcitePickListCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([filter-enabled]) header{margin-bottom:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:end;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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([filter-enabled]) header.sticky-pos{position:-webkit-sticky;position:sticky;top:0px;z-index:1}calcite-filter{margin-bottom:0px}:host([loading][disabled]){min-height:2rem}";var CalcitePickList=function(){function t(t){var e=this;registerInstance(this,t);this.calciteListChange=createEvent(this,"calciteListChange",7);this.disabled=false;this.filterEnabled=false;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[];this.lastSelectedItem=null;this.mutationObserver=createObserver("mutation",mutationObserverCallback.bind(this));this.setFilterEl=function(t){e.filterEl=t};this.deselectSiblingItems=deselectSiblingItems.bind(this);this.selectSiblings=selectSiblings.bind(this);this.handleFilter=handleFilter.bind(this);this.getItemData=getItemData.bind(this);this.keyDownHandler=keyDownHandler.bind(this)}t.prototype.connectedCallback=function(){initialize.call(this);initializeObserver.call(this)};t.prototype.disconnectedCallback=function(){cleanUpObserver.call(this)};t.prototype.calciteListItemRemoveHandler=function(t){removeItem.call(this,t)};t.prototype.calciteListItemChangeHandler=function(t){calciteListItemChangeHandler.call(this,t)};t.prototype.calciteListItemPropsChangeHandler=function(t){t.stopPropagation();this.setUpFilter()};t.prototype.calciteListItemValueChangeHandler=function(t){calciteListItemValueChangeHandler.call(this,t)};t.prototype.calciteListFocusOutHandler=function(t){calciteListFocusOutHandler.call(this,t)};t.prototype.setUpItems=function(){setUpItems.call(this,"calcite-pick-list-item")};t.prototype.setUpFilter=function(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}};t.prototype.getSelectedItems=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedValues]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,setFocus.call(this,t)]}))}))};t.prototype.getIconType=function(){return this.multiple?ICON_TYPES.square:ICON_TYPES.circle};t.prototype.render=function(){return h(List,{onKeyDown:this.keyDownHandler,props:this})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalcitePickList.style=calcitePickListCss;var CSS={heading:"heading",container:"container",indented:"container--indented"};var SLOTS={parentItem:"parent-item"};var HEADING_LEVEL=3;var calcitePickListGroupCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{margin-bottom:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:last-child){margin-bottom:0px}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}h3.heading{margin-top:0.5rem;margin-bottom:0.5rem;margin-left:1rem;margin-right:1rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}";var CalcitePickListGroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t;var e;var i=this,a=i.el,n=i.groupTitle,r=i.headingLevel;var o=getSlotted(a,SLOTS.parentItem)!==null;var s=(t={},t[CSS.container]=true,t[CSS.indented]=o,t);var c=n;var l=(e=a.closest("calcite-pick-list"))===null||e===void 0?void 0:e.headingLevel;var m=l?constrainHeadingLevel(l+1):null;var d=r||m||HEADING_LEVEL;return h(Fragment,null,c?h(CalciteHeading,{class:CSS.heading,level:d},c):null,h("slot",{name:SLOTS.parentItem}),h("section",{class:s},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalcitePickListGroup.style=calcitePickListGroupCss;var calcitePickListItemCss='@charset "UTF-8";@-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:150ms ease-in-out}:host([hidden]){display:none}:host{margin:0px;margin-bottom:1px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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);-webkit-transition:background-color 150ms ease-in-out;transition:background-color 150ms ease-in-out;-webkit-animation:calcite-fade-in 150ms ease-in-out;animation:calcite-fade-in 150ms ease-in-out}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;cursor:pointer;-ms-flex-align:center;align-items:center;background-color:transparent;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}.label:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);-ms-flex:0 0 auto;flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:-ms-flexbox;display:flex;width:1.5rem;-ms-flex-align:center;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:1}.text-container{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word;overflow:hidden}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{margin-top:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:end;justify-content:flex-end}.actions--start~.label{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}';var CalcitePickListItem=function(){function t(t){var e=this;registerInstance(this,t);this.calciteListItemChange=createEvent(this,"calciteListItemChange",7);this.calciteListItemRemove=createEvent(this,"calciteListItemRemove",7);this.calciteListItemPropsChange=createEvent(this,"calciteListItemPropsChange",7);this.calciteListItemValueChange=createEvent(this,"calciteListItemValueChange",7);this.disabled=false;this.disableDeselect=false;this.nonInteractive=false;this.icon=null;this.removable=false;this.selected=false;this.intlRemove=TEXT.remove;this.pickListClickHandler=function(t){if(e.disabled||e.disableDeselect&&e.selected||e.nonInteractive){return}e.shiftPressed=t.shiftKey;e.selected=!e.selected};this.pickListKeyDownHandler=function(t){if(t.key===" "){t.preventDefault();if(e.disableDeselect&&e.selected||e.nonInteractive){return}e.selected=!e.selected}};this.removeClickHandler=function(){e.calciteListItemRemove.emit()}}t.prototype.descriptionWatchHandler=function(){this.calciteListItemPropsChange.emit()};t.prototype.labelWatchHandler=function(){this.calciteListItemPropsChange.emit()};t.prototype.metadataWatchHandler=function(){this.calciteListItemPropsChange.emit()};t.prototype.selectedWatchHandler=function(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false};t.prototype.valueWatchHandler=function(t,e){this.calciteListItemValueChange.emit({oldValue:e,newValue:t})};t.prototype.toggleSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.disabled){return[2]}this.selected=typeof t==="boolean"?t:!this.selected;return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.focusEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.renderIcon=function(){var t;var e=this.icon;if(!e){return null}return h("span",{class:(t={},t[CSS$1.icon]=true,t[CSS$1.iconDot]=e===ICON_TYPES.circle,t),onClick:this.pickListClickHandler},e===ICON_TYPES.square?h("calcite-icon",{icon:ICONS.checked,scale:"s"}):null)};t.prototype.renderRemoveAction=function(){return this.removable?h("calcite-action",{class:CSS$1.remove,icon:ICONS.remove,onCalciteActionClick:this.removeClickHandler,slot:SLOTS$1.actionsEnd,text:this.intlRemove}):null};t.prototype.renderActionsStart=function(){var t;var e=this.el;var i=getSlotted(e,SLOTS$1.actionsStart);return i?h("div",{class:(t={},t[CSS$1.actions]=true,t[CSS$1.actionsStart]=true,t)},h("slot",{name:SLOTS$1.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t;var e=this,i=e.el,a=e.removable;var n=getSlotted(i,SLOTS$1.actionsEnd);return n||a?h("div",{class:(t={},t[CSS$1.actions]=true,t[CSS$1.actionsEnd]=true,t)},h("slot",{name:SLOTS$1.actionsEnd}),this.renderRemoveAction()):null};t.prototype.render=function(){var t=this;var e=this,i=e.description,a=e.label;return h(Fragment,null,this.renderIcon(),this.renderActionsStart(),h("label",{"aria-label":a,class:CSS$1.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,ref:function(e){return t.focusEl=e},tabIndex:0},h("div",{"aria-checked":this.selected.toString(),class:CSS$1.textContainer,role:"menuitemcheckbox"},h("span",{class:CSS$1.title},a),i?h("span",{class:CSS$1.description},i):null)),this.renderActionsEnd())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"]}},enumerable:false,configurable:true});return t}();CalcitePickListItem.style=calcitePickListItemCss;export{CalcitePickList as calcite_pick_list,CalcitePickListGroup as calcite_pick_list_group,CalcitePickListItem as calcite_pick_list_item};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement,F as Fragment}from"./index-9de00868.js";import{m as mutationObserverCallback,d as deselectSiblingItems,s as selectSiblings,h as handleFilter,g as getItemData,k as keyDownHandler,i as initialize,a as initializeObserver,c as cleanUpObserver,r as removeItem,b as calciteListItemChangeHandler,e as calciteListItemValueChangeHandler,l as calciteListFocusOutHandler,f as setUpItems,j as setFocus,I as ICON_TYPES,L as List,T as TEXT,n as ICONS,C as CSS$1,S as SLOTS$1}from"./resources-c1b6ebde.js";import{c as createObserver}from"./observers-8f0bc419.js";import{g as getSlotted}from"./dom-70477ebc.js";import{C as CalciteHeading,c as constrainHeadingLevel}from"./CalciteHeading-1d6cd311.js";import"./array-91a648e2.js";import"./debounce-79648d42.js";import"./guid-196bd5ea.js";var calcitePickListCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([filter-enabled]) header{margin-bottom:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:end;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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([filter-enabled]) header.sticky-pos{position:-webkit-sticky;position:sticky;top:0px;z-index:1}calcite-filter{margin-bottom:0px}:host([loading][disabled]){min-height:2rem}";var CalcitePickList=function(){function t(t){var e=this;registerInstance(this,t);this.calciteListChange=createEvent(this,"calciteListChange",7);this.disabled=false;this.filterEnabled=false;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[];this.lastSelectedItem=null;this.mutationObserver=createObserver("mutation",mutationObserverCallback.bind(this));this.setFilterEl=function(t){e.filterEl=t};this.deselectSiblingItems=deselectSiblingItems.bind(this);this.selectSiblings=selectSiblings.bind(this);this.handleFilter=handleFilter.bind(this);this.getItemData=getItemData.bind(this);this.keyDownHandler=keyDownHandler.bind(this)}t.prototype.connectedCallback=function(){initialize.call(this);initializeObserver.call(this)};t.prototype.disconnectedCallback=function(){cleanUpObserver.call(this)};t.prototype.calciteListItemRemoveHandler=function(t){removeItem.call(this,t)};t.prototype.calciteListItemChangeHandler=function(t){calciteListItemChangeHandler.call(this,t)};t.prototype.calciteListItemPropsChangeHandler=function(t){t.stopPropagation();this.setUpFilter()};t.prototype.calciteListItemValueChangeHandler=function(t){calciteListItemValueChangeHandler.call(this,t)};t.prototype.calciteListFocusOutHandler=function(t){calciteListFocusOutHandler.call(this,t)};t.prototype.setUpItems=function(){setUpItems.call(this,"calcite-pick-list-item")};t.prototype.setUpFilter=function(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}};t.prototype.getSelectedItems=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedValues]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,setFocus.call(this,t)]}))}))};t.prototype.getIconType=function(){return this.multiple?ICON_TYPES.square:ICON_TYPES.circle};t.prototype.render=function(){return h(List,{onKeyDown:this.keyDownHandler,props:this})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalcitePickList.style=calcitePickListCss;var CSS={heading:"heading",container:"container",indented:"container--indented"};var SLOTS={parentItem:"parent-item"};var HEADING_LEVEL=3;var calcitePickListGroupCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{margin-bottom:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:last-child){margin-bottom:0px}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}h3.heading{margin-top:0.5rem;margin-bottom:0.5rem;margin-left:1rem;margin-right:1rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}";var CalcitePickListGroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t;var e;var i=this,a=i.el,n=i.groupTitle,r=i.headingLevel;var o=getSlotted(a,SLOTS.parentItem)!==null;var s=(t={},t[CSS.container]=true,t[CSS.indented]=o,t);var c=n;var l=(e=a.closest("calcite-pick-list"))===null||e===void 0?void 0:e.headingLevel;var m=l?constrainHeadingLevel(l+1):null;var d=r||m||HEADING_LEVEL;return h(Fragment,null,c?h(CalciteHeading,{class:CSS.heading,level:d},c):null,h("slot",{name:SLOTS.parentItem}),h("section",{class:s},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalcitePickListGroup.style=calcitePickListGroupCss;var calcitePickListItemCss='@charset "UTF-8";@-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:150ms ease-in-out}:host([hidden]){display:none}:host{margin:0px;margin-bottom:1px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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);-webkit-transition:background-color 150ms ease-in-out;transition:background-color 150ms ease-in-out;-webkit-animation:calcite-fade-in 150ms ease-in-out;animation:calcite-fade-in 150ms ease-in-out}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;cursor:pointer;-ms-flex-align:center;align-items:center;background-color:transparent;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}.label:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);-ms-flex:0 0 auto;flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:-ms-flexbox;display:flex;width:1.5rem;-ms-flex-align:center;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:1}.text-container{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word;overflow:hidden}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{margin-top:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:end;justify-content:flex-end}.actions--start~.label{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}';var CalcitePickListItem=function(){function t(t){var e=this;registerInstance(this,t);this.calciteListItemChange=createEvent(this,"calciteListItemChange",7);this.calciteListItemRemove=createEvent(this,"calciteListItemRemove",7);this.calciteListItemPropsChange=createEvent(this,"calciteListItemPropsChange",7);this.calciteListItemValueChange=createEvent(this,"calciteListItemValueChange",7);this.disabled=false;this.disableDeselect=false;this.nonInteractive=false;this.icon=null;this.removable=false;this.selected=false;this.intlRemove=TEXT.remove;this.pickListClickHandler=function(t){if(e.disabled||e.disableDeselect&&e.selected||e.nonInteractive){return}e.shiftPressed=t.shiftKey;e.selected=!e.selected};this.pickListKeyDownHandler=function(t){if(t.key===" "){t.preventDefault();if(e.disableDeselect&&e.selected||e.nonInteractive){return}e.selected=!e.selected}};this.removeClickHandler=function(){e.calciteListItemRemove.emit()}}t.prototype.descriptionWatchHandler=function(){this.calciteListItemPropsChange.emit()};t.prototype.labelWatchHandler=function(){this.calciteListItemPropsChange.emit()};t.prototype.metadataWatchHandler=function(){this.calciteListItemPropsChange.emit()};t.prototype.selectedWatchHandler=function(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false};t.prototype.valueWatchHandler=function(t,e){this.calciteListItemValueChange.emit({oldValue:e,newValue:t})};t.prototype.toggleSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.disabled){return[2]}this.selected=typeof t==="boolean"?t:!this.selected;return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.focusEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.renderIcon=function(){var t;var e=this.icon;if(!e){return null}return h("span",{class:(t={},t[CSS$1.icon]=true,t[CSS$1.iconDot]=e===ICON_TYPES.circle,t),onClick:this.pickListClickHandler},e===ICON_TYPES.square?h("calcite-icon",{icon:ICONS.checked,scale:"s"}):null)};t.prototype.renderRemoveAction=function(){return this.removable?h("calcite-action",{class:CSS$1.remove,icon:ICONS.remove,onCalciteActionClick:this.removeClickHandler,slot:SLOTS$1.actionsEnd,text:this.intlRemove}):null};t.prototype.renderActionsStart=function(){var t;var e=this.el;var i=getSlotted(e,SLOTS$1.actionsStart);return i?h("div",{class:(t={},t[CSS$1.actions]=true,t[CSS$1.actionsStart]=true,t)},h("slot",{name:SLOTS$1.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t;var e=this,i=e.el,a=e.removable;var n=getSlotted(i,SLOTS$1.actionsEnd);return n||a?h("div",{class:(t={},t[CSS$1.actions]=true,t[CSS$1.actionsEnd]=true,t)},h("slot",{name:SLOTS$1.actionsEnd}),this.renderRemoveAction()):null};t.prototype.render=function(){var t=this;var e=this,i=e.description,a=e.label;return h(Fragment,null,this.renderIcon(),this.renderActionsStart(),h("label",{"aria-label":a,class:CSS$1.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,ref:function(e){return t.focusEl=e},tabIndex:0},h("div",{"aria-checked":this.selected.toString(),class:CSS$1.textContainer,role:"menuitemcheckbox"},h("span",{class:CSS$1.title},a),i?h("span",{class:CSS$1.description},i):null)),this.renderActionsEnd())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"]}},enumerable:false,configurable:true});return t}();CalcitePickListItem.style=calcitePickListItemCss;export{CalcitePickList as calcite_pick_list,CalcitePickListGroup as calcite_pick_list_group,CalcitePickListItem as calcite_pick_list_item};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,a,r){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,a,r){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function s(e){try{l(r["throw"](e))}catch(e){n(e)}}function l(e){e.done?a(e.value):i(e.value).then(o,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,i,n,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(a)try{if(r=1,i&&(n=o[0]&2?i["return"]:o[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,o[1])).done)return n;if(i=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){a.label=o[1];break}if(o[0]===6&&a.label<n[1]){a.label=n[1];n=o;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(o);break}if(n[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];i=0}finally{r=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
|
|
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,f as forceUpdate,h,H as Host,g as getElement}from"./index-9de00868.js";import{d as defaultOffsetDistance,u as updatePopper,c as createPopper,C as CSS$1}from"./popper-f5caedc4.js";import{g as guid}from"./guid-196bd5ea.js";import{q as queryElementRoots,h as queryElementsRoots}from"./dom-f24e866c.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";var CSS={container:"container",arrow:"arrow",imageContainer:"image-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};var TEXT={close:"Close"};var POPOVER_REFERENCE="data-calcite-popover-reference";var ARIA_CONTROLS="aria-controls";var ARIA_EXPANDED="aria-expanded";var HEADING_LEVEL=2;var calcitePopoverCss='@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:"";--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);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-popper-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;white-space:normal;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);overflow:hidden}.container.has-header{-ms-flex-direction:column;flex-direction:column}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;overflow:hidden}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}';var CalcitePopover=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePopoverClose=createEvent(this,"calcitePopoverClose",7);this.calcitePopoverOpen=createEvent(this,"calcitePopoverOpen",7);this.closeButton=false;this.dismissible=false;this.disableFlip=false;this.disablePointer=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.intlClose=TEXT.close;this.guid="calcite-popover-"+guid();this.activeTransitionProp="opacity";this.setUpReferenceElement=function(){t.removeReferences();t.effectiveReferenceElement=t.getReferenceElement();var e=t,a=e.el,r=e.referenceElement,i=e.effectiveReferenceElement;if(r&&!i){console.warn(a.tagName+': reference-element id "'+r+'" was not found.',{el:a})}t.addReferences();t.createPopper()};this.getId=function(){return t.el.id||t.guid};this.setExpandedAttr=function(){var e=t,a=e.effectiveReferenceElement,r=e.open;if(!a){return}a.setAttribute(ARIA_EXPANDED,r.toString())};this.addReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}var a=t.getId();e.setAttribute(POPOVER_REFERENCE,a);e.setAttribute(ARIA_CONTROLS,a);t.setExpandedAttr()};this.removeReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}e.removeAttribute(POPOVER_REFERENCE);e.removeAttribute(ARIA_CONTROLS);e.removeAttribute(ARIA_EXPANDED)};this.hide=function(){t.open=false};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp){t.open?t.calcitePopoverOpen.emit():t.calcitePopoverClose.emit()}}}e.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};e.prototype.offsetSkiddingHandler=function(){this.reposition()};e.prototype.openHandler=function(){this.reposition();this.setExpandedAttr()};e.prototype.placementHandler=function(){this.reposition()};e.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};e.prototype.componentWillLoad=function(){this.setUpReferenceElement()};e.prototype.componentDidLoad=function(){this.reposition()};e.prototype.disconnectedCallback=function(){this.removeReferences();this.destroyPopper()};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,r,i,n;return __generator(this,(function(o){switch(o.label){case 0:e=this,t=e.popper,a=e.el,r=e.placement;i=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:a,modifiers:i,placement:r,popper:t})];case 1:n=o.sent();return[3,3];case 2:n=this.createPopper();o.label=3;case 3:n;return[2]}}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(r){a=this.closeButtonEl;if(e==="close-button"&&a){forceUpdate(a);a.setFocus();return[2]}(t=this.el)===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e=!this.open}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=e;return[2]}))}))};e.prototype.getReferenceElement=function(){var e=this,t=e.referenceElement,a=e.el;return(typeof t==="string"?queryElementRoots(a,"#"+t):t)||null};e.prototype.getModifiers=function(){var e=this,t=e.arrowEl,a=e.flipPlacements,r=e.disableFlip,i=e.disablePointer,n=e.offsetDistance,o=e.offsetSkidding;var s={name:"flip",enabled:!r};if(a){s.options={fallbackPlacements:a}}var c={name:"arrow",enabled:!i};if(t){c.options={element:t}}var l={name:"offset",enabled:true,options:{offset:[o,n]}};return[c,s,l]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.el,a=e.placement,r=e.effectiveReferenceElement,i=e.overlayPositioning;var n=this.getModifiers();this.popper=createPopper({el:t,modifiers:n,overlayPositioning:i,placement:a,referenceEl:r})};e.prototype.destroyPopper=function(){var e=this.popper;if(e){e.destroy()}this.popper=null};e.prototype.renderCloseButton=function(){var e=this;var t=this,a=t.dismissible,r=t.closeButton,i=t.intlClose;return a||r?h("calcite-action",{class:CSS.closeButton,onClick:this.hide,ref:function(t){return e.closeButtonEl=t},text:i},h("calcite-icon",{icon:"x",scale:"m"})):null};e.prototype.renderHeader=function(){var e=this,t=e.heading,a=e.headingLevel;var r=t?h(CalciteHeading,{class:CSS.heading,level:a||HEADING_LEVEL},t):null;return r?h("div",{class:CSS.header},r,this.renderCloseButton()):null};e.prototype.render=function(){var e,t;var a=this;var r=this,i=r.effectiveReferenceElement,n=r.heading,o=r.label,s=r.open,c=r.disablePointer;var l=i&&s;var p=!l;var f=!c?h("div",{class:CSS.arrow,ref:function(e){return a.arrowEl=e}}):null;return h(Host,{"aria-hidden":p.toString(),"aria-label":o,"calcite-hydrated-hidden":p,id:this.getId(),role:"dialog"},h("div",{class:(e={},e[CSS$1.animation]=true,e[CSS$1.animationActive]=l,e),onTransitionEnd:this.transitionEnd},f,h("div",{class:(t={},t[CSS.hasHeader]=!!n,t[CSS.container]=true,t)},this.renderHeader(),h("div",{class:CSS.content},h("slot",null)),!n?this.renderCloseButton():null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return e}();CalcitePopover.style=calcitePopoverCss;var calcitePopoverManagerCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalcitePopoverManager=function(){function e(e){var t=this;registerInstance(this,e);this.selector="["+POPOVER_REFERENCE+"]";this.autoClose=false;this.getRelatedPopover=function(e){var a;var r=t,i=r.selector,n=r.el;var o=(a=e.closest(i))===null||a===void 0?void 0:a.getAttribute(POPOVER_REFERENCE);return queryElementRoots(n,"#"+o)}}e.prototype.render=function(){return h("slot",null)};e.prototype.closeOpenPopovers=function(e){var t=e.target;var a=this,r=a.autoClose,i=a.el;var n="calcite-popover";var o=t.closest(n);var s=this.getRelatedPopover(t);if(r&&!o){queryElementsRoots(i,n).filter((function(e){return e.open&&e!==s})).forEach((function(e){return e.toggle(false)}))}if(!i.contains(t)||!s){return}s.toggle()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalcitePopoverManager.style=calcitePopoverManagerCss;export{CalcitePopover as calcite_popover,CalcitePopoverManager as calcite_popover_manager};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,f as forceUpdate,h,H as Host,g as getElement}from"./index-9de00868.js";import{d as defaultOffsetDistance,u as updatePopper,c as createPopper,C as CSS$1}from"./popper-ba525bde.js";import{g as guid}from"./guid-196bd5ea.js";import{q as queryElementRoots,h as queryElementsRoots}from"./dom-70477ebc.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";var CSS={container:"container",arrow:"arrow",imageContainer:"image-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};var TEXT={close:"Close"};var POPOVER_REFERENCE="data-calcite-popover-reference";var ARIA_CONTROLS="aria-controls";var ARIA_EXPANDED="aria-expanded";var HEADING_LEVEL=2;var calcitePopoverCss='@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:"";--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);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-popper-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;white-space:normal;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);overflow:hidden}.container.has-header{-ms-flex-direction:column;flex-direction:column}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;overflow:hidden}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}';var CalcitePopover=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePopoverClose=createEvent(this,"calcitePopoverClose",7);this.calcitePopoverOpen=createEvent(this,"calcitePopoverOpen",7);this.closeButton=false;this.dismissible=false;this.disableFlip=false;this.disablePointer=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.intlClose=TEXT.close;this.guid="calcite-popover-"+guid();this.activeTransitionProp="opacity";this.setUpReferenceElement=function(){t.removeReferences();t.effectiveReferenceElement=t.getReferenceElement();var e=t,a=e.el,r=e.referenceElement,i=e.effectiveReferenceElement;if(r&&!i){console.warn(a.tagName+': reference-element id "'+r+'" was not found.',{el:a})}t.addReferences();t.createPopper()};this.getId=function(){return t.el.id||t.guid};this.setExpandedAttr=function(){var e=t,a=e.effectiveReferenceElement,r=e.open;if(!a){return}a.setAttribute(ARIA_EXPANDED,r.toString())};this.addReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}var a=t.getId();e.setAttribute(POPOVER_REFERENCE,a);e.setAttribute(ARIA_CONTROLS,a);t.setExpandedAttr()};this.removeReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}e.removeAttribute(POPOVER_REFERENCE);e.removeAttribute(ARIA_CONTROLS);e.removeAttribute(ARIA_EXPANDED)};this.hide=function(){t.open=false};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp){t.open?t.calcitePopoverOpen.emit():t.calcitePopoverClose.emit()}}}e.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};e.prototype.offsetSkiddingHandler=function(){this.reposition()};e.prototype.openHandler=function(){this.reposition();this.setExpandedAttr()};e.prototype.placementHandler=function(){this.reposition()};e.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};e.prototype.componentWillLoad=function(){this.setUpReferenceElement()};e.prototype.componentDidLoad=function(){this.reposition()};e.prototype.disconnectedCallback=function(){this.removeReferences();this.destroyPopper()};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,r,i,n;return __generator(this,(function(o){switch(o.label){case 0:e=this,t=e.popper,a=e.el,r=e.placement;i=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:a,modifiers:i,placement:r,popper:t})];case 1:n=o.sent();return[3,3];case 2:n=this.createPopper();o.label=3;case 3:n;return[2]}}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(r){a=this.closeButtonEl;if(e==="close-button"&&a){forceUpdate(a);a.setFocus();return[2]}(t=this.el)===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e=!this.open}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=e;return[2]}))}))};e.prototype.getReferenceElement=function(){var e=this,t=e.referenceElement,a=e.el;return(typeof t==="string"?queryElementRoots(a,"#"+t):t)||null};e.prototype.getModifiers=function(){var e=this,t=e.arrowEl,a=e.flipPlacements,r=e.disableFlip,i=e.disablePointer,n=e.offsetDistance,o=e.offsetSkidding;var s={name:"flip",enabled:!r};if(a){s.options={fallbackPlacements:a}}var l={name:"arrow",enabled:!i};if(t){l.options={element:t}}var c={name:"offset",enabled:true,options:{offset:[o,n]}};return[l,s,c]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.el,a=e.placement,r=e.effectiveReferenceElement,i=e.overlayPositioning;var n=this.getModifiers();this.popper=createPopper({el:t,modifiers:n,overlayPositioning:i,placement:a,referenceEl:r})};e.prototype.destroyPopper=function(){var e=this.popper;if(e){e.destroy()}this.popper=null};e.prototype.renderCloseButton=function(){var e=this;var t=this,a=t.dismissible,r=t.closeButton,i=t.intlClose;return a||r?h("calcite-action",{class:CSS.closeButton,onClick:this.hide,ref:function(t){return e.closeButtonEl=t},text:i},h("calcite-icon",{icon:"x",scale:"m"})):null};e.prototype.renderHeader=function(){var e=this,t=e.heading,a=e.headingLevel;var r=t?h(CalciteHeading,{class:CSS.heading,level:a||HEADING_LEVEL},t):null;return r?h("div",{class:CSS.header},r,this.renderCloseButton()):null};e.prototype.render=function(){var e,t;var a=this;var r=this,i=r.effectiveReferenceElement,n=r.heading,o=r.label,s=r.open,l=r.disablePointer;var c=i&&s;var p=!c;var f=!l?h("div",{class:CSS.arrow,ref:function(e){return a.arrowEl=e}}):null;return h(Host,{"aria-hidden":p.toString(),"aria-label":o,"calcite-hydrated-hidden":p,id:this.getId(),role:"dialog"},h("div",{class:(e={},e[CSS$1.animation]=true,e[CSS$1.animationActive]=c,e),onTransitionEnd:this.transitionEnd},f,h("div",{class:(t={},t[CSS.hasHeader]=!!n,t[CSS.container]=true,t)},this.renderHeader(),h("div",{class:CSS.content},h("slot",null)),!n?this.renderCloseButton():null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return e}();CalcitePopover.style=calcitePopoverCss;var calcitePopoverManagerCss="@-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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalcitePopoverManager=function(){function e(e){var t=this;registerInstance(this,e);this.selector="["+POPOVER_REFERENCE+"]";this.autoClose=false;this.getRelatedPopover=function(e){var a;var r=t,i=r.selector,n=r.el;var o=(a=e.closest(i))===null||a===void 0?void 0:a.getAttribute(POPOVER_REFERENCE);return queryElementRoots(n,"#"+o)}}e.prototype.render=function(){return h("slot",null)};e.prototype.closeOpenPopovers=function(e){var t=e.target;var a=this,r=a.autoClose,i=a.el;var n="calcite-popover";var o=t.closest(n);var s=this.getRelatedPopover(t);if(r&&!o){queryElementsRoots(i,n).filter((function(e){return e.open&&e!==s})).forEach((function(e){return e.toggle(false)}))}if(!i.contains(t)||!s){return}s.toggle()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalcitePopoverManager.style=calcitePopoverManagerCss;export{CalcitePopover as calcite_popover,CalcitePopoverManager as calcite_popover_manager};
|
|
@@ -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-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{a as getElementDir,f as focusElement}from"./dom-f24e866c.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-160b0fb5.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";var CSS={container:"container"};var calciteRadioButtonCss="@-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:150ms ease-in-out}: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]) .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]){cursor:pointer}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}: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]) .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]) .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]) .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)}::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 CalciteRadioButton=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(){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();var t=this.rootNode.querySelector('input[name="'+this.name+'"]:checked');if(!(t===null||t===void 0?void 0:t.value)){this.uncheckAllRadioButtonsInGroup()}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){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="'+e.for+'"]'):e.querySelector('calcite-radio-button[name="'+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.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-"+guid();if(this.name){this.checkLastRadioButton()}connectLabel(this);connectForm(this)};t.prototype.componentDidLoad=function(){if(this.focused){this.setFocus()}};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.render=function(){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:this.checked||this.isDefaultSelectable()?0:-1},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}();CalciteRadioButton.style=calciteRadioButtonCss;export{CalciteRadioButton as calcite_radio_button};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{a as getElementDir,f as focusElement}from"./dom-70477ebc.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-905e5ef8.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-4b3c1995.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";var CSS={container:"container"};var calciteRadioButtonCss="@-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:150ms ease-in-out}: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]){cursor:pointer}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}: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)}::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 CalciteRadioButton=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();var t=this.rootNode.querySelector('input[name="'+this.name+'"]:checked');if(!(t===null||t===void 0?void 0:t.value)){this.uncheckAllRadioButtonsInGroup()}};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="'+e.for+'"]'):e.querySelector('calcite-radio-button[name="'+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-"+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.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}();CalciteRadioButton.style=calciteRadioButtonCss;export{CalciteRadioButton 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-9de00868.js";import{a as getElementDir,d as getElementProp}from"./dom-f24e866c.js";import{c as connectLabel,d as disconnectLabel}from"./label-5559055d.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-160b0fb5.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";var calciteRadioGroupCss="@-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:150ms ease-in-out}: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([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}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}::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 CalciteRadioGroup=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.render=function(){return h(Host,{onClick:this.handleClick,role:"radiogroup",tabIndex:this.disabled?-1:null},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}();CalciteRadioGroup.style=calciteRadioGroupCss;var SLOTS={input:"input"};var CSS={radioGroupItemIcon:"radio-group-item-icon"};var calciteRadioGroupItemCss="@-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:150ms ease-in-out}: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 CalciteRadioGroupItem=function(){function t(t){var e=this;registerInstance(this,t);this.calciteRadioGroupItemChange=createEvent(this,"calciteRadioGroupItemChange",7);this.checked=false;this.iconFlipRtl=false;this.iconPosition="start";this.mutationObserver=createObserver("mutation",(function(){return e.syncFromExternalInput()}))}t.prototype.handleCheckedChange=function(){this.calciteRadioGroupItemChange.emit();this.syncToExternalInput()};t.prototype.connectedCallback=function(){var t;var e=this.el.querySelector("input[slot="+SLOTS.input+"]");if(e){this.value=e.value;this.checked=e.checked;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(e,{attributes:true})}this.inputProxy=e};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};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))};t.prototype.syncFromExternalInput=function(){if(this.inputProxy){this.value=this.inputProxy.value;this.checked=this.inputProxy.checked}};t.prototype.syncToExternalInput=function(){if(!this.inputProxy){return}this.inputProxy.value=this.value;if(this.checked){this.inputProxy.setAttribute("checked","")}else{this.inputProxy.removeAttribute("checked")}};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}();CalciteRadioGroupItem.style=calciteRadioGroupItemCss;export{CalciteRadioGroup as calcite_radio_group,CalciteRadioGroupItem as calcite_radio_group_item};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{a as getElementDir,d as getElementProp}from"./dom-70477ebc.js";import{c as connectLabel,d as disconnectLabel}from"./label-905e5ef8.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-4b3c1995.js";import"./guid-196bd5ea.js";var calciteRadioGroupCss="@-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:150ms ease-in-out}: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([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}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}::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 CalciteRadioGroup=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.render=function(){return h(Host,{onClick:this.handleClick,role:"radiogroup",tabIndex:this.disabled?-1:null},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}();CalciteRadioGroup.style=calciteRadioGroupCss;var SLOTS={input:"input"};var CSS={radioGroupItemIcon:"radio-group-item-icon"};var calciteRadioGroupItemCss="@-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:150ms ease-in-out}: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 CalciteRadioGroupItem=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}();CalciteRadioGroupItem.style=calciteRadioGroupItemCss;export{CalciteRadioGroup as calcite_radio_group,CalciteRadioGroupItem as calcite_radio_group_item};
|