@esri/calcite-components 1.0.0-beta.86 → 1.0.0-beta.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/calcite.css +1 -1
- package/dist/calcite/calcite.esm.js +2 -2
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/index.esm.js +1 -1
- package/dist/calcite/p-00b8ff95.system.entry.js +6 -0
- package/dist/calcite/p-01225516.entry.js +6 -0
- package/dist/calcite/p-017caeef.entry.js +6 -0
- package/dist/calcite/p-0296d6e5.js +6 -0
- package/dist/calcite/{p-17bb1d46.system.js → p-031fe642.system.js} +1 -1
- package/dist/calcite/{p-8d7bcbbe.system.js → p-09d4e789.system.js} +1 -1
- package/dist/calcite/p-0b966e54.entry.js +6 -0
- package/dist/calcite/p-0d4fb8ca.entry.js +6 -0
- package/dist/calcite/{p-9191aae7.system.js → p-1087f996.system.js} +1 -1
- package/dist/calcite/p-12f67a05.entry.js +6 -0
- package/dist/calcite/p-140247a4.entry.js +6 -0
- package/dist/calcite/p-14368daa.entry.js +6 -0
- package/dist/calcite/p-149f567e.entry.js +6 -0
- package/dist/calcite/{p-786ca76b.system.js → p-151ef522.system.js} +1 -1
- package/dist/calcite/{p-078aa8cf.system.js → p-1534218b.system.js} +1 -1
- package/dist/calcite/p-1647d422.js +6 -0
- package/dist/calcite/{p-2f717afb.js → p-1774ae47.js} +2 -2
- package/dist/calcite/{p-b4afbab0.js → p-18679417.js} +1 -1
- package/dist/calcite/{p-bae5371e.entry.js → p-1d97eff4.entry.js} +2 -2
- package/dist/calcite/p-204cda47.entry.js +6 -0
- package/dist/calcite/p-20bd3399.system.entry.js +6 -0
- package/dist/calcite/p-221e3f32.system.entry.js +6 -0
- package/dist/calcite/{p-f00b1294.entry.js → p-23a52c67.entry.js} +2 -2
- package/dist/calcite/p-23f02457.system.js +6 -0
- package/dist/calcite/p-24daa1f0.entry.js +6 -0
- package/dist/calcite/p-25116f74.system.entry.js +6 -0
- package/dist/calcite/{p-645da33b.entry.js → p-26803235.entry.js} +2 -2
- package/dist/calcite/{p-9c3e33db.system.entry.js → p-271b3555.system.entry.js} +2 -2
- package/dist/calcite/{p-d313af3b.entry.js → p-27db08bc.entry.js} +2 -2
- package/dist/calcite/p-27dd1893.entry.js +6 -0
- package/dist/calcite/p-288354f0.system.js +6 -0
- package/dist/calcite/{p-8e5b28c2.js → p-292b7dab.js} +1 -1
- package/dist/calcite/{p-6e59222f.entry.js → p-29610c9f.entry.js} +2 -2
- package/dist/calcite/p-2a7e2957.system.js +6 -0
- package/dist/calcite/p-2b1db9be.js +6 -0
- package/dist/calcite/p-2d6b5124.system.entry.js +6 -0
- package/dist/calcite/{p-8a1593db.system.js → p-2ed8b011.system.js} +1 -1
- package/dist/calcite/p-325c25e7.entry.js +6 -0
- package/dist/calcite/{p-2ce0209d.system.js → p-34ff2c2f.system.js} +1 -1
- package/dist/calcite/{p-ae579245.js → p-389bfb3f.js} +2 -2
- package/dist/calcite/{p-1f289404.entry.js → p-39c28eb7.entry.js} +2 -2
- package/dist/calcite/{p-660b54aa.system.js → p-3a1beee3.system.js} +2 -2
- package/dist/calcite/p-3b02f6a7.entry.js +6 -0
- package/dist/calcite/{p-36183756.system.entry.js → p-3b28ce55.system.entry.js} +2 -2
- package/dist/calcite/p-3c9f7afb.entry.js +6 -0
- package/dist/calcite/{p-f1b829e3.system.entry.js → p-3daaf28f.system.entry.js} +2 -2
- package/dist/calcite/{p-99306484.entry.js → p-3fc47895.entry.js} +2 -2
- package/dist/calcite/p-42a122ab.entry.js +6 -0
- package/dist/calcite/p-489e9825.system.entry.js +6 -0
- package/dist/calcite/p-49d40985.system.entry.js +6 -0
- package/dist/calcite/{p-741a874b.js → p-4a0d41e4.js} +1 -1
- package/dist/calcite/{p-bbbf6fcb.system.entry.js → p-4db1c603.system.entry.js} +2 -2
- package/dist/calcite/{p-283ed748.entry.js → p-50513c03.entry.js} +2 -2
- package/dist/calcite/p-516a5c68.system.entry.js +6 -0
- package/dist/calcite/p-53a423d9.system.entry.js +6 -0
- package/dist/calcite/p-5544e264.entry.js +6 -0
- package/dist/calcite/p-57b6f7fb.system.entry.js +6 -0
- package/dist/calcite/{p-d713b734.system.js → p-584cb04b.system.js} +1 -1
- package/dist/calcite/p-58c76aff.entry.js +6 -0
- package/dist/calcite/{p-94e059ed.system.js → p-59574854.system.js} +2 -2
- package/dist/calcite/p-5b1c8598.system.entry.js +6 -0
- package/dist/calcite/{p-bc9c9c9b.js → p-5e5bb0fe.js} +2 -2
- package/dist/calcite/{p-7f519a6f.js → p-61379359.js} +2 -2
- package/dist/calcite/p-61653e5f.entry.js +6 -0
- package/dist/calcite/p-62e5d329.entry.js +6 -0
- package/dist/calcite/{p-4f206065.system.js → p-635720f4.system.js} +2 -2
- package/dist/calcite/{p-aa40e505.entry.js → p-6ab55ea8.entry.js} +2 -2
- package/dist/calcite/{p-9d82f6ba.system.js → p-6b815a3f.system.js} +2 -2
- package/dist/calcite/p-6d315566.system.entry.js +6 -0
- package/dist/calcite/p-70df22f8.system.entry.js +6 -0
- package/dist/calcite/p-70f9bfcf.system.entry.js +6 -0
- package/dist/calcite/p-76d5c5ab.entry.js +6 -0
- package/dist/calcite/p-80362407.entry.js +6 -0
- package/dist/calcite/{p-bdbeb0b8.system.js → p-8270f683.system.js} +3 -3
- package/dist/calcite/{p-7bdab3f4.js → p-84f563f6.js} +1 -1
- package/dist/calcite/{p-97fef747.system.entry.js → p-8666e681.system.entry.js} +2 -2
- package/dist/calcite/p-874248a5.entry.js +6 -0
- package/dist/calcite/{p-4a1a8fac.entry.js → p-878cfb6b.entry.js} +2 -2
- package/dist/calcite/{p-e6ad54a7.js → p-87b06a4a.js} +1 -1
- package/dist/calcite/p-88633a5f.system.entry.js +6 -0
- package/dist/calcite/p-89151794.system.entry.js +6 -0
- package/dist/calcite/p-8a4187a1.system.entry.js +6 -0
- package/dist/calcite/p-8c18de14.system.entry.js +6 -0
- package/dist/calcite/{p-336d62ab.js → p-8fed02c7.js} +1 -1
- package/dist/calcite/p-90bb8af7.system.entry.js +6 -0
- package/dist/calcite/p-9267c232.system.entry.js +6 -0
- package/dist/calcite/{p-2f906310.system.entry.js → p-938ee739.system.entry.js} +2 -2
- package/dist/calcite/p-9416a65c.entry.js +6 -0
- package/dist/calcite/p-95d58e86.system.entry.js +6 -0
- package/dist/calcite/p-95e23b85.entry.js +6 -0
- package/dist/calcite/{p-4c62aae1.system.js → p-98f5945a.system.js} +2 -2
- package/dist/calcite/{p-72ac5927.entry.js → p-996d8919.entry.js} +2 -2
- package/dist/calcite/{p-64abac3a.system.js → p-99834ee5.system.js} +1 -1
- package/dist/calcite/p-9a6b21d8.entry.js +6 -0
- package/dist/calcite/p-9a7290b9.system.entry.js +6 -0
- package/dist/calcite/p-9ac11a5a.system.entry.js +6 -0
- package/dist/calcite/p-9ac7eaf9.entry.js +6 -0
- package/dist/calcite/{p-4c3e960e.js → p-9c216ae7.js} +2 -2
- package/dist/calcite/p-9d161fd1.system.entry.js +6 -0
- package/dist/calcite/p-9e8a8543.entry.js +6 -0
- package/dist/calcite/{p-694231fe.system.js → p-a2fb1d9c.system.js} +1 -1
- package/dist/calcite/p-a64c38ea.system.entry.js +6 -0
- package/dist/calcite/{p-8e962e28.system.js → p-a65a2b93.system.js} +1 -1
- package/dist/calcite/{p-cfbd1180.entry.js → p-a6c2e6e3.entry.js} +2 -2
- package/dist/calcite/{p-52474c34.entry.js → p-a7798679.entry.js} +2 -2
- package/dist/calcite/{p-8f789b45.js → p-abb072bc.js} +1 -1
- package/dist/calcite/p-ad9ce24b.system.entry.js +6 -0
- package/dist/calcite/p-add9d199.system.entry.js +6 -0
- package/dist/calcite/p-afaa2b92.entry.js +6 -0
- package/dist/calcite/{p-038a1a34.js → p-afd70310.js} +1 -1
- package/dist/calcite/p-b2fd8207.system.js +6 -0
- package/dist/calcite/p-b330e520.system.entry.js +6 -0
- package/dist/calcite/p-b451a135.entry.js +6 -0
- package/dist/calcite/p-b4ed3310.system.entry.js +6 -0
- package/dist/calcite/{p-ba04d4a6.system.js → p-b65a82b9.system.js} +1 -1
- package/dist/calcite/{p-a2b65dca.entry.js → p-b7181609.entry.js} +2 -2
- package/dist/calcite/p-b9a92e2a.system.entry.js +6 -0
- package/dist/calcite/p-bd8dabb4.system.entry.js +6 -0
- package/dist/calcite/{p-33e02930.entry.js → p-be70e32c.entry.js} +2 -2
- package/dist/calcite/{p-6c4c7404.system.entry.js → p-c11c8810.system.entry.js} +2 -2
- package/dist/calcite/{p-e2a9bc3c.js → p-c44fe786.js} +1 -1
- package/dist/calcite/p-c49a8303.system.entry.js +6 -0
- package/dist/calcite/{p-4178c522.system.entry.js → p-c6c191a4.system.entry.js} +2 -2
- package/dist/calcite/p-c82c15ee.system.entry.js +6 -0
- package/dist/calcite/{p-85fab359.entry.js → p-c8a4f49a.entry.js} +2 -2
- package/dist/calcite/p-c8e7775c.system.entry.js +6 -0
- package/dist/calcite/p-cd41f4a3.entry.js +6 -0
- package/dist/calcite/p-ced28d9d.system.entry.js +6 -0
- package/dist/calcite/p-cf2ff728.system.entry.js +6 -0
- package/dist/calcite/{p-12bca4f1.system.js → p-d0043d6d.system.js} +1 -1
- package/dist/calcite/p-d522d0d3.entry.js +6 -0
- package/dist/calcite/p-d913deb7.system.entry.js +6 -0
- package/dist/calcite/p-d91d56df.entry.js +6 -0
- package/dist/calcite/p-d9b2646c.system.entry.js +6 -0
- package/dist/calcite/p-d9cf3438.system.entry.js +6 -0
- package/dist/calcite/{p-f54622d6.js → p-db7068cb.js} +1 -1
- package/dist/calcite/p-db98f211.system.entry.js +6 -0
- package/dist/calcite/p-dca64758.system.entry.js +6 -0
- package/dist/calcite/{p-29c3c079.system.js → p-deefbe33.system.js} +1 -1
- package/dist/calcite/p-dfce3d62.system.entry.js +6 -0
- package/dist/calcite/p-e0ab7e38.entry.js +6 -0
- package/dist/calcite/{p-a5318c00.entry.js → p-e0f3d151.entry.js} +2 -2
- package/dist/calcite/{p-2efde396.js → p-e2087090.js} +2 -2
- package/dist/calcite/{p-247f1abc.entry.js → p-e64aaaff.entry.js} +2 -2
- package/dist/calcite/p-e85df792.system.entry.js +6 -0
- package/dist/calcite/{p-2c78140e.js → p-e8b42645.js} +1 -1
- package/dist/calcite/p-eb133e45.entry.js +6 -0
- package/dist/calcite/p-eb357ea6.entry.js +6 -0
- package/dist/calcite/{p-c7e8f753.js → p-ec6c73c0.js} +2 -2
- package/dist/calcite/p-ed90ef39.entry.js +6 -0
- package/dist/calcite/p-efd107ed.entry.js +6 -0
- package/dist/calcite/p-f1e819d0.js +6 -0
- package/dist/calcite/p-f200ceb7.system.entry.js +6 -0
- package/dist/calcite/{p-29c6691b.js → p-f4b01f6e.js} +1 -1
- package/dist/calcite/{p-f8798ee9.system.js → p-f5ef4bdb.system.js} +2 -2
- package/dist/calcite/p-f7481a5b.system.entry.js +6 -0
- package/dist/calcite/p-f934284b.system.entry.js +6 -0
- package/dist/calcite/p-f935181a.entry.js +6 -0
- package/dist/calcite/p-fb374b42.entry.js +6 -0
- package/dist/calcite/p-fb5b969f.system.entry.js +6 -0
- package/dist/calcite/p-fbc834e7.system.entry.js +6 -0
- package/dist/calcite/p-fc321a74.system.entry.js +6 -0
- package/dist/calcite/p-fc45579a.entry.js +6 -0
- package/dist/calcite/{p-f70b3399.js → p-fcb2ff51.js} +1 -1
- package/dist/calcite/p-fe2ddf18.system.entry.js +6 -0
- package/dist/calcite/{p-da045e5a.system.js → p-fe8a9479.system.js} +2 -2
- package/dist/cjs/{ExpandToggle-62479ccb.js → ExpandToggle-34dbe39b.js} +5 -5
- package/dist/cjs/{Heading-f792c5a6.js → Heading-12d798ce.js} +2 -2
- package/dist/cjs/{array-b72d7dd3.js → array-e582a132.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +83 -44
- package/dist/cjs/calcite-action-bar.cjs.entry.js +11 -11
- package/dist/cjs/calcite-action-group.cjs.entry.js +9 -9
- package/dist/cjs/calcite-action-menu.cjs.entry.js +15 -32
- package/dist/cjs/calcite-action-pad.cjs.entry.js +10 -10
- package/dist/cjs/calcite-action.cjs.entry.js +7 -7
- package/dist/cjs/calcite-alert.cjs.entry.js +31 -38
- package/dist/cjs/calcite-avatar.cjs.entry.js +6 -6
- package/dist/cjs/calcite-block_2.cjs.entry.js +15 -11
- package/dist/cjs/calcite-button.cjs.entry.js +9 -9
- package/dist/cjs/calcite-card.cjs.entry.js +10 -10
- package/dist/cjs/calcite-checkbox.cjs.entry.js +8 -8
- package/dist/cjs/calcite-chip.cjs.entry.js +7 -7
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +11 -11
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +57 -82
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +65 -67
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +80 -114
- package/dist/cjs/calcite-fab.cjs.entry.js +6 -6
- package/dist/cjs/calcite-filter.cjs.entry.js +8 -8
- package/dist/cjs/calcite-flow.cjs.entry.js +4 -4
- package/dist/cjs/calcite-graph_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite-handle.cjs.entry.js +5 -5
- package/dist/cjs/calcite-icon.cjs.entry.js +6 -6
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +24 -24
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +100 -95
- package/dist/cjs/calcite-input-message.cjs.entry.js +5 -5
- package/dist/cjs/calcite-input-number.cjs.entry.js +14 -20
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +18 -20
- package/dist/cjs/calcite-input.cjs.entry.js +14 -20
- package/dist/cjs/calcite-label.cjs.entry.js +6 -6
- package/dist/cjs/calcite-link.cjs.entry.js +6 -6
- package/dist/cjs/calcite-list_3.cjs.entry.js +11 -11
- package/dist/cjs/calcite-loader.cjs.entry.js +9 -5
- package/dist/cjs/calcite-modal.cjs.entry.js +44 -16
- package/dist/cjs/calcite-notice.cjs.entry.js +29 -10
- package/dist/cjs/calcite-option_3.cjs.entry.js +11 -11
- package/dist/cjs/calcite-pagination.cjs.entry.js +6 -6
- package/dist/cjs/calcite-panel.cjs.entry.js +44 -23
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +14 -14
- package/dist/cjs/calcite-popover_2.cjs.entry.js +66 -80
- package/dist/cjs/calcite-progress.cjs.entry.js +3 -3
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +4 -4
- package/dist/cjs/calcite-radio-button.cjs.entry.js +10 -10
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-rating.cjs.entry.js +9 -9
- package/dist/cjs/calcite-scrim.cjs.entry.js +3 -3
- package/dist/cjs/calcite-shell_3.cjs.entry.js +10 -10
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +6 -6
- package/dist/cjs/calcite-split-button.cjs.entry.js +7 -7
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +51 -84
- package/dist/cjs/calcite-switch.cjs.entry.js +11 -13
- package/dist/cjs/calcite-tab_4.cjs.entry.js +61 -61
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +6 -6
- package/dist/cjs/calcite-tile.cjs.entry.js +8 -8
- package/dist/cjs/calcite-tip_3.cjs.entry.js +12 -12
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +31 -64
- package/dist/cjs/calcite-tree_2.cjs.entry.js +28 -28
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +13 -13
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{conditionalSlot-d1eb82ce.js → conditionalSlot-352bec3d.js} +3 -3
- package/dist/cjs/{debounce-d2139fc6.js → debounce-6cd1535e.js} +1 -1
- package/dist/cjs/{dom-99c1b44d.js → dom-ed822c13.js} +2 -2
- package/dist/cjs/floating-ui-ddaf1746.js +1620 -0
- package/dist/cjs/{forIn-9ac96598.js → forIn-9c2acd4a.js} +2 -2
- package/dist/cjs/{form-4d1ef8c2.js → form-e3be7149.js} +3 -3
- package/dist/cjs/{guid-609f1c0d.js → guid-c86839da.js} +1 -1
- package/dist/cjs/{index-68ddfe8e.js → index-33f65b26.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-d1ef280c.js → interactive-a3821d41.js} +1 -1
- package/dist/cjs/{interfaces-a3bdc804.js → interfaces-0d6f4796.js} +1 -1
- package/dist/cjs/{key-017aa5b0.js → key-a2e96b2d.js} +1 -1
- package/dist/cjs/{label-e24023c6.js → label-bd9a47bd.js} +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{locale-2d8feb15.js → locale-48e984a4.js} +2 -2
- package/dist/cjs/{math-7fe3e64d.js → math-b4d12de8.js} +1 -1
- package/dist/cjs/{observers-aa7367df.js → observers-11defbec.js} +1 -1
- package/dist/cjs/{resources-b4ed54b9.js → resources-0b605ada.js} +1 -1
- package/dist/cjs/{resources-a7f0af25.js → resources-1388772a.js} +1 -1
- package/dist/cjs/{resources-9aaa6e0a.js → resources-826e04f0.js} +3 -3
- package/dist/cjs/{resources-0c0019fb.js → resources-ca50aa50.js} +5 -5
- package/dist/cjs/{sortable.esm-6dc17794.js → sortable.esm-67fdfa55.js} +1 -1
- package/dist/cjs/{utils-53d98078.js → utils-1a470335.js} +1 -1
- package/dist/collection/components/accordion/accordion.css +3 -3
- package/dist/collection/components/accordion/accordion.js +25 -20
- package/dist/collection/components/accordion/interfaces.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.css +69 -66
- package/dist/collection/components/accordion-item/accordion-item.js +92 -48
- package/dist/collection/components/accordion-item/interfaces.js +6 -0
- package/dist/collection/components/accordion-item/resources.js +21 -0
- package/dist/collection/components/action/action.css +24 -22
- package/dist/collection/components/action/action.js +3 -3
- package/dist/collection/components/action/resources.js +1 -1
- package/dist/collection/components/action-bar/action-bar.css +6 -6
- package/dist/collection/components/action-bar/action-bar.js +3 -3
- package/dist/collection/components/action-bar/resources.js +1 -1
- package/dist/collection/components/action-bar/utils.js +1 -1
- package/dist/collection/components/action-group/action-group.css +2 -2
- package/dist/collection/components/action-group/action-group.js +3 -3
- package/dist/collection/components/action-group/resources.js +1 -1
- package/dist/collection/components/action-menu/action-menu.css +3 -3
- package/dist/collection/components/action-menu/action-menu.js +25 -37
- package/dist/collection/components/action-menu/resources.js +1 -1
- package/dist/collection/components/action-pad/action-pad.css +8 -9
- package/dist/collection/components/action-pad/action-pad.js +3 -3
- package/dist/collection/components/action-pad/resources.js +1 -1
- package/dist/collection/components/alert/alert.css +41 -49
- package/dist/collection/components/alert/alert.js +52 -70
- package/dist/collection/components/alert/interfaces.js +1 -1
- package/dist/collection/components/alert/resources.js +1 -1
- package/dist/collection/components/avatar/avatar.css +11 -11
- package/dist/collection/components/avatar/avatar.js +1 -1
- package/dist/collection/components/avatar/utils.js +1 -1
- package/dist/collection/components/block/block.css +15 -18
- package/dist/collection/components/block/block.js +12 -5
- package/dist/collection/components/block/resources.js +1 -1
- package/dist/collection/components/block-section/block-section.css +11 -17
- package/dist/collection/components/block-section/block-section.js +3 -3
- package/dist/collection/components/block-section/interfaces.js +1 -1
- package/dist/collection/components/block-section/resources.js +1 -1
- package/dist/collection/components/button/button.css +37 -37
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/button/interfaces.js +1 -1
- package/dist/collection/components/button/resources.js +1 -1
- package/dist/collection/components/card/card.css +22 -23
- package/dist/collection/components/card/card.js +6 -6
- package/dist/collection/components/card/resources.js +1 -1
- package/dist/collection/components/checkbox/checkbox.css +12 -14
- package/dist/collection/components/checkbox/checkbox.js +7 -7
- package/dist/collection/components/chip/chip.css +23 -21
- package/dist/collection/components/chip/chip.js +9 -4
- package/dist/collection/components/chip/interfaces.js +1 -1
- package/dist/collection/components/chip/resources.js +1 -1
- package/dist/collection/components/color-picker/color-picker.css +32 -29
- package/dist/collection/components/color-picker/color-picker.js +5 -5
- package/dist/collection/components/color-picker/interfaces.js +1 -1
- package/dist/collection/components/color-picker/resources.js +1 -1
- package/dist/collection/components/color-picker/utils.js +1 -1
- package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.css +5 -7
- package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +3 -3
- package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
- package/dist/collection/components/color-picker-swatch/color-picker-swatch.css +12 -15
- package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
- package/dist/collection/components/color-picker-swatch/resources.js +1 -1
- package/dist/collection/components/combobox/combobox.css +44 -46
- package/dist/collection/components/combobox/combobox.js +76 -110
- package/dist/collection/components/combobox/interfaces.js +1 -1
- package/dist/collection/components/combobox/resources.js +1 -1
- package/dist/collection/components/combobox/utils.js +1 -1
- package/dist/collection/components/combobox-item/combobox-item.css +17 -14
- package/dist/collection/components/combobox-item/combobox-item.js +9 -4
- package/dist/collection/components/combobox-item/resources.js +1 -1
- package/dist/collection/components/combobox-item-group/combobox-item-group.css +9 -9
- package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
- package/dist/collection/components/combobox-item-group/resources.js +1 -1
- package/dist/collection/components/date-picker/date-picker.css +5 -5
- package/dist/collection/components/date-picker/date-picker.js +14 -14
- package/dist/collection/components/date-picker/interfaces.js +1 -1
- package/dist/collection/components/date-picker/resources.js +1 -1
- package/dist/collection/components/date-picker/utils.js +1 -1
- package/dist/collection/components/date-picker-day/date-picker-day.css +23 -28
- package/dist/collection/components/date-picker-day/date-picker-day.js +8 -10
- package/dist/collection/components/date-picker-month/date-picker-month.css +14 -24
- package/dist/collection/components/date-picker-month/date-picker-month.js +41 -29
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.css +23 -33
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +20 -20
- package/dist/collection/components/date-picker-month-header/resources.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +19 -18
- package/dist/collection/components/dropdown/dropdown.js +95 -143
- package/dist/collection/components/dropdown/interfaces.js +1 -1
- package/dist/collection/components/dropdown/resources.js +1 -1
- package/dist/collection/components/dropdown-group/dropdown-group.css +4 -4
- package/dist/collection/components/dropdown-group/dropdown-group.js +9 -4
- package/dist/collection/components/dropdown-group/interfaces.js +1 -1
- package/dist/collection/components/dropdown-group/resources.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +7 -13
- package/dist/collection/components/dropdown-item/dropdown-item.js +18 -13
- package/dist/collection/components/dropdown-item/resources.js +1 -1
- package/dist/collection/components/fab/fab.css +7 -6
- package/dist/collection/components/fab/fab.js +1 -1
- package/dist/collection/components/fab/resources.js +1 -1
- package/dist/collection/components/filter/filter.css +16 -18
- package/dist/collection/components/filter/filter.js +1 -1
- package/dist/collection/components/filter/resources.js +1 -1
- package/dist/collection/components/flow/flow.css +4 -4
- package/dist/collection/components/flow/flow.js +1 -1
- package/dist/collection/components/flow/interfaces.js +1 -1
- package/dist/collection/components/flow/resources.js +1 -1
- package/dist/collection/components/functional/ExpandToggle.js +1 -1
- package/dist/collection/components/functional/Heading.js +1 -1
- package/dist/collection/components/graph/graph.css +4 -4
- package/dist/collection/components/graph/graph.js +1 -1
- package/dist/collection/components/graph/interfaces.js +1 -1
- package/dist/collection/components/graph/util.js +1 -1
- package/dist/collection/components/handle/handle.css +3 -2
- package/dist/collection/components/handle/handle.js +9 -4
- package/dist/collection/components/handle/resources.js +1 -1
- package/dist/collection/components/icon/icon.css +13 -13
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/icon/resources.js +1 -1
- package/dist/collection/components/icon/utils.js +1 -1
- package/dist/collection/components/inline-editable/inline-editable.css +12 -11
- package/dist/collection/components/inline-editable/inline-editable.js +19 -19
- package/dist/collection/components/inline-editable/resources.js +1 -1
- package/dist/collection/components/input/input.css +74 -96
- package/dist/collection/components/input/input.js +15 -16
- package/dist/collection/components/input/interfaces.js +1 -1
- package/dist/collection/components/input/resources.js +1 -1
- package/dist/collection/components/input-date-picker/input-date-picker.css +70 -73
- package/dist/collection/components/input-date-picker/input-date-picker.js +162 -110
- package/dist/collection/components/input-date-picker/resources.js +1 -1
- package/dist/collection/components/input-message/input-message.css +7 -7
- package/dist/collection/components/input-message/input-message.js +1 -1
- package/dist/collection/components/input-message/interfaces.js +1 -1
- package/dist/collection/components/input-number/input-number.css +47 -55
- package/dist/collection/components/input-number/input-number.js +15 -16
- package/dist/collection/components/input-number/interfaces.js +1 -1
- package/dist/collection/components/input-number/resources.js +1 -1
- package/dist/collection/components/input-time-picker/input-time-picker.css +9 -11
- package/dist/collection/components/input-time-picker/input-time-picker.js +12 -20
- package/dist/collection/components/interfaces.js +1 -1
- package/dist/collection/components/label/label.css +15 -15
- package/dist/collection/components/label/label.js +1 -1
- package/dist/collection/components/label/resources.js +1 -1
- package/dist/collection/components/link/link.css +14 -13
- package/dist/collection/components/link/link.js +1 -1
- package/dist/collection/components/list/list.css +8 -7
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list/resources.js +1 -1
- package/dist/collection/components/list-item/list-item.css +12 -15
- package/dist/collection/components/list-item/list-item.js +1 -1
- package/dist/collection/components/list-item/resources.js +1 -1
- package/dist/collection/components/list-item-group/list-item-group.css +2 -2
- package/dist/collection/components/list-item-group/list-item-group.js +1 -1
- package/dist/collection/components/list-item-group/resources.js +1 -1
- package/dist/collection/components/loader/loader.css +27 -31
- package/dist/collection/components/loader/loader.js +10 -3
- package/dist/collection/components/modal/interfaces.js +1 -1
- package/dist/collection/components/modal/modal.css +77 -70
- package/dist/collection/components/modal/modal.js +78 -19
- package/dist/collection/components/modal/resources.js +1 -1
- package/dist/collection/components/notice/notice.css +26 -34
- package/dist/collection/components/notice/notice.js +52 -8
- package/dist/collection/components/notice/resources.js +1 -1
- package/dist/collection/components/option/option.css +1 -1
- package/dist/collection/components/option/option.js +3 -3
- package/dist/collection/components/option-group/option-group.css +1 -1
- package/dist/collection/components/option-group/option-group.js +3 -3
- package/dist/collection/components/pagination/pagination.css +10 -14
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pagination/resources.js +1 -1
- package/dist/collection/components/panel/panel.css +39 -45
- package/dist/collection/components/panel/panel.js +51 -26
- package/dist/collection/components/panel/resources.js +1 -1
- package/dist/collection/components/pick-list/pick-list.css +13 -12
- package/dist/collection/components/pick-list/pick-list.js +1 -1
- package/dist/collection/components/pick-list/resources.js +1 -1
- package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
- package/dist/collection/components/pick-list/shared-list-render.js +1 -1
- package/dist/collection/components/pick-list-group/pick-list-group.css +5 -7
- package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
- package/dist/collection/components/pick-list-group/resources.js +1 -1
- package/dist/collection/components/pick-list-item/pick-list-item.css +15 -17
- package/dist/collection/components/pick-list-item/pick-list-item.js +2 -2
- package/dist/collection/components/pick-list-item/resources.js +1 -1
- package/dist/collection/components/popover/PopoverManager.js +1 -1
- package/dist/collection/components/popover/popover.css +29 -34
- package/dist/collection/components/popover/popover.js +104 -88
- package/dist/collection/components/popover/resources.js +1 -1
- package/dist/collection/components/popover-manager/popover-manager.css +1 -1
- package/dist/collection/components/popover-manager/popover-manager.js +1 -1
- package/dist/collection/components/progress/progress.css +9 -11
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/radio-button/radio-button.css +15 -17
- package/dist/collection/components/radio-button/radio-button.js +10 -10
- package/dist/collection/components/radio-button/resources.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.css +2 -2
- package/dist/collection/components/radio-button-group/radio-button-group.js +3 -3
- package/dist/collection/components/radio-group/interfaces.js +1 -1
- package/dist/collection/components/radio-group/radio-group.css +15 -17
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/radio-group-item/radio-group-item.css +7 -13
- package/dist/collection/components/radio-group-item/radio-group-item.js +3 -3
- package/dist/collection/components/radio-group-item/resources.js +1 -1
- package/dist/collection/components/rating/rating.css +18 -20
- package/dist/collection/components/rating/rating.js +1 -1
- package/dist/collection/components/rating/resources.js +1 -1
- package/dist/collection/components/scrim/resources.js +1 -1
- package/dist/collection/components/scrim/scrim.css +5 -11
- package/dist/collection/components/scrim/scrim.js +1 -1
- package/dist/collection/components/select/resources.js +1 -1
- package/dist/collection/components/select/select.css +22 -28
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/shell/resources.js +1 -1
- package/dist/collection/components/shell/shell.css +17 -24
- package/dist/collection/components/shell/shell.js +1 -1
- package/dist/collection/components/shell-center-row/resources.js +1 -1
- package/dist/collection/components/shell-center-row/shell-center-row.css +11 -13
- package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
- package/dist/collection/components/shell-panel/resources.js +1 -1
- package/dist/collection/components/shell-panel/shell-panel.css +17 -20
- package/dist/collection/components/shell-panel/shell-panel.js +3 -3
- package/dist/collection/components/slider/slider.css +43 -44
- package/dist/collection/components/slider/slider.js +7 -7
- package/dist/collection/components/sortable-list/resources.js +1 -1
- package/dist/collection/components/sortable-list/sortable-list.css +6 -5
- package/dist/collection/components/sortable-list/sortable-list.js +3 -3
- package/dist/collection/components/split-button/resources.js +1 -1
- package/dist/collection/components/split-button/split-button.css +17 -18
- package/dist/collection/components/split-button/split-button.js +21 -11
- package/dist/collection/components/stepper/interfaces.js +1 -1
- package/dist/collection/components/stepper/stepper.css +6 -9
- package/dist/collection/components/stepper/stepper.js +26 -84
- package/dist/collection/components/stepper-item/stepper-item.css +103 -35
- package/dist/collection/components/stepper-item/stepper-item.js +41 -20
- package/dist/collection/components/switch/switch.css +28 -30
- package/dist/collection/components/switch/switch.js +12 -9
- package/dist/collection/components/tab/interfaces.js +1 -1
- package/dist/collection/components/tab/tab.css +10 -13
- package/dist/collection/components/tab/tab.js +4 -4
- package/dist/collection/components/tab-nav/tab-nav.css +24 -25
- package/dist/collection/components/tab-nav/tab-nav.js +29 -29
- package/dist/collection/components/tab-title/tab-title.css +41 -50
- package/dist/collection/components/tab-title/tab-title.js +8 -8
- package/dist/collection/components/tabs/interfaces.js +1 -1
- package/dist/collection/components/tabs/resources.js +1 -1
- package/dist/collection/components/tabs/tabs.css +21 -21
- package/dist/collection/components/tabs/tabs.js +20 -20
- package/dist/collection/components/tile/resources.js +1 -1
- package/dist/collection/components/tile/tile.css +12 -11
- package/dist/collection/components/tile/tile.js +1 -1
- package/dist/collection/components/tile-select/interfaces.js +1 -1
- package/dist/collection/components/tile-select/resources.js +1 -1
- package/dist/collection/components/tile-select/tile-select.css +14 -13
- package/dist/collection/components/tile-select/tile-select.js +3 -3
- package/dist/collection/components/tile-select-group/interfaces.js +1 -1
- package/dist/collection/components/tile-select-group/tile-select-group.css +10 -9
- package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
- package/dist/collection/components/time-picker/resources.js +1 -1
- package/dist/collection/components/time-picker/time-picker.css +11 -17
- package/dist/collection/components/time-picker/time-picker.js +1 -1
- package/dist/collection/components/tip/resources.js +1 -1
- package/dist/collection/components/tip/tip.css +12 -15
- package/dist/collection/components/tip/tip.js +3 -3
- package/dist/collection/components/tip-group/tip-group.css +2 -3
- package/dist/collection/components/tip-group/tip-group.js +1 -1
- package/dist/collection/components/tip-manager/resources.js +1 -1
- package/dist/collection/components/tip-manager/tip-manager.css +11 -16
- package/dist/collection/components/tip-manager/tip-manager.js +7 -7
- package/dist/collection/components/tooltip/TooltipManager.js +1 -1
- package/dist/collection/components/tooltip/resources.js +1 -1
- package/dist/collection/components/tooltip/tooltip.css +25 -30
- package/dist/collection/components/tooltip/tooltip.js +35 -66
- package/dist/collection/components/tooltip-manager/tooltip-manager.css +1 -1
- package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
- package/dist/collection/components/tree/interfaces.js +1 -1
- package/dist/collection/components/tree/tree.css +1 -1
- package/dist/collection/components/tree/tree.js +12 -12
- package/dist/collection/components/tree-item/interfaces.js +1 -1
- package/dist/collection/components/tree-item/resources.js +1 -1
- package/dist/collection/components/tree-item/tree-item.css +12 -11
- package/dist/collection/components/tree-item/tree-item.js +10 -10
- package/dist/collection/components/value-list/interfaces.js +1 -1
- package/dist/collection/components/value-list/resources.js +1 -1
- package/dist/collection/components/value-list/utils.js +1 -1
- package/dist/collection/components/value-list/value-list.css +12 -11
- package/dist/collection/components/value-list/value-list.js +1 -1
- package/dist/collection/components/value-list-item/resources.js +1 -1
- package/dist/collection/components/value-list-item/value-list-item.css +12 -13
- package/dist/collection/components/value-list-item/value-list-item.js +1 -1
- package/dist/collection/utils/array.js +1 -1
- package/dist/collection/utils/conditionalSlot.js +1 -1
- package/dist/collection/utils/date.js +1 -1
- package/dist/collection/utils/dom.js +1 -1
- package/dist/collection/utils/filter.js +1 -1
- package/dist/collection/utils/floating-ui.js +229 -0
- package/dist/collection/utils/form.js +1 -1
- package/dist/collection/utils/globalAttributes.js +1 -1
- package/dist/collection/utils/guid.js +1 -1
- package/dist/collection/utils/interactive.js +1 -1
- package/dist/collection/utils/key.js +1 -1
- package/dist/collection/utils/label.js +1 -1
- package/dist/collection/utils/locale.js +1 -1
- package/dist/collection/utils/math.js +1 -1
- package/dist/collection/utils/number.js +1 -1
- package/dist/collection/utils/observers.js +1 -1
- package/dist/collection/utils/openCloseComponent.js +1 -1
- package/dist/collection/utils/resources.js +1 -1
- package/dist/collection/utils/time.js +2 -2
- package/dist/components/ExpandToggle.js +2 -2
- package/dist/components/Heading.js +1 -1
- package/dist/components/action-group.js +3 -3
- package/dist/components/action-menu.js +9 -26
- package/dist/components/action.js +2 -2
- package/dist/components/array.js +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/calcite-accordion-item.js +63 -26
- package/dist/components/calcite-accordion.js +18 -18
- package/dist/components/calcite-action-bar.js +3 -3
- package/dist/components/calcite-action-group.js +1 -1
- package/dist/components/calcite-action-menu.js +1 -1
- package/dist/components/calcite-action-pad.js +3 -3
- package/dist/components/calcite-action.js +1 -1
- package/dist/components/calcite-alert.js +28 -35
- package/dist/components/calcite-avatar.js +2 -2
- package/dist/components/calcite-block-section.js +3 -3
- package/dist/components/calcite-block.js +8 -4
- package/dist/components/calcite-button.js +1 -1
- package/dist/components/calcite-card.js +6 -6
- package/dist/components/calcite-checkbox.js +1 -1
- package/dist/components/calcite-chip.js +1 -1
- package/dist/components/calcite-color-picker-hex-input.js +1 -1
- package/dist/components/calcite-color-picker-swatch.js +1 -1
- package/dist/components/calcite-color-picker.js +3 -3
- package/dist/components/calcite-combobox-item-group.js +2 -2
- package/dist/components/calcite-combobox-item.js +3 -3
- package/dist/components/calcite-combobox.js +44 -69
- package/dist/components/calcite-date-picker-day.js +1 -1
- package/dist/components/calcite-date-picker-month-header.js +1 -1
- package/dist/components/calcite-date-picker-month.js +1 -1
- package/dist/components/calcite-date-picker.js +1 -1
- package/dist/components/calcite-dropdown-group.js +2 -2
- package/dist/components/calcite-dropdown-item.js +9 -9
- package/dist/components/calcite-dropdown.js +1 -1
- package/dist/components/calcite-fab.js +2 -2
- package/dist/components/calcite-filter.js +1 -1
- package/dist/components/calcite-flow.js +2 -2
- package/dist/components/calcite-graph.js +1 -1
- package/dist/components/calcite-handle.js +1 -1
- package/dist/components/calcite-icon.js +1 -1
- package/dist/components/calcite-inline-editable.js +19 -19
- package/dist/components/calcite-input-date-picker.js +90 -84
- package/dist/components/calcite-input-message.js +2 -2
- package/dist/components/calcite-input-number.js +5 -11
- package/dist/components/calcite-input-time-picker.js +9 -11
- package/dist/components/calcite-input.js +1 -1
- package/dist/components/calcite-label.js +1 -1
- package/dist/components/calcite-link.js +1 -1
- package/dist/components/calcite-list-item-group.js +2 -2
- package/dist/components/calcite-list-item.js +3 -3
- package/dist/components/calcite-list.js +2 -2
- package/dist/components/calcite-loader.js +1 -1
- package/dist/components/calcite-modal.js +41 -13
- package/dist/components/calcite-notice.js +25 -5
- package/dist/components/calcite-option-group.js +2 -2
- package/dist/components/calcite-option.js +2 -2
- package/dist/components/calcite-pagination.js +2 -2
- package/dist/components/calcite-panel.js +39 -18
- package/dist/components/calcite-pick-list-group.js +3 -3
- package/dist/components/calcite-pick-list-item.js +1 -1
- package/dist/components/calcite-pick-list.js +2 -2
- package/dist/components/calcite-popover-manager.js +2 -2
- package/dist/components/calcite-popover.js +1 -1
- package/dist/components/calcite-progress.js +1 -1
- package/dist/components/calcite-radio-button-group.js +2 -2
- package/dist/components/calcite-radio-button.js +4 -4
- package/dist/components/calcite-radio-group-item.js +2 -2
- package/dist/components/calcite-radio-group.js +3 -3
- package/dist/components/calcite-rating.js +2 -2
- package/dist/components/calcite-scrim.js +1 -1
- package/dist/components/calcite-select.js +2 -2
- package/dist/components/calcite-shell-center-row.js +3 -3
- package/dist/components/calcite-shell-panel.js +3 -3
- package/dist/components/calcite-shell.js +3 -3
- package/dist/components/calcite-slider.js +2 -2
- package/dist/components/calcite-sortable-list.js +2 -2
- package/dist/components/calcite-split-button.js +5 -5
- package/dist/components/calcite-stepper-item.js +25 -21
- package/dist/components/calcite-stepper.js +26 -62
- package/dist/components/calcite-switch.js +1 -1
- package/dist/components/calcite-tab-nav.js +1 -1
- package/dist/components/calcite-tab-title.js +1 -1
- package/dist/components/calcite-tab.js +1 -1
- package/dist/components/calcite-tabs.js +1 -1
- package/dist/components/calcite-tile-select-group.js +2 -2
- package/dist/components/calcite-tile-select.js +2 -2
- package/dist/components/calcite-tile.js +1 -1
- package/dist/components/calcite-time-picker.js +1 -1
- package/dist/components/calcite-tip-group.js +2 -2
- package/dist/components/calcite-tip-manager.js +5 -5
- package/dist/components/calcite-tip.js +3 -3
- package/dist/components/calcite-tooltip-manager.js +2 -2
- package/dist/components/calcite-tooltip.js +26 -59
- package/dist/components/calcite-tree-item.js +12 -12
- package/dist/components/calcite-tree.js +13 -13
- package/dist/components/calcite-value-list-item.js +3 -3
- package/dist/components/calcite-value-list.js +2 -2
- package/dist/components/checkbox.js +2 -2
- package/dist/components/chip.js +3 -3
- package/dist/components/color-picker-hex-input.js +2 -2
- package/dist/components/color-picker-swatch.js +2 -2
- package/dist/components/conditionalSlot.js +1 -1
- package/dist/components/date-picker-day.js +6 -8
- package/dist/components/date-picker-month-header.js +21 -21
- package/dist/components/date-picker-month.js +19 -19
- package/dist/components/date-picker.js +15 -15
- package/dist/components/date.js +1 -1
- package/dist/components/debounce.js +1 -1
- package/dist/components/dom.js +2 -2
- package/dist/components/dropdown.js +64 -98
- package/dist/components/filter.js +2 -2
- package/dist/components/floating-ui.js +1612 -0
- package/dist/components/forIn.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/graph.js +2 -2
- package/dist/components/guid.js +1 -1
- package/dist/components/handle.js +2 -2
- package/dist/components/icon.js +3 -3
- package/dist/components/index.js +1 -1
- package/dist/components/input.js +5 -11
- package/dist/components/interactive.js +1 -1
- package/dist/components/interfaces.js +1 -1
- package/dist/components/interfaces2.js +1 -1
- package/dist/components/key.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/label2.js +2 -2
- package/dist/components/link.js +3 -3
- package/dist/components/loader.js +7 -3
- package/dist/components/locale.js +1 -1
- package/dist/components/math.js +1 -1
- package/dist/components/observers.js +1 -1
- package/dist/components/pick-list-item.js +3 -3
- package/dist/components/popover.js +57 -71
- package/dist/components/progress.js +2 -2
- package/dist/components/resources.js +1 -1
- package/dist/components/resources2.js +1 -1
- package/dist/components/resources3.js +1 -1
- package/dist/components/scrim.js +2 -2
- package/dist/components/shared-list-render.js +2 -2
- package/dist/components/sortable.esm.js +1 -1
- package/dist/components/switch.js +5 -7
- package/dist/components/tab-nav.js +31 -31
- package/dist/components/tab-title.js +6 -6
- package/dist/components/tab.js +3 -3
- package/dist/components/tabs.js +21 -21
- package/dist/components/tile.js +3 -3
- package/dist/components/time-picker.js +3 -3
- package/dist/components/utils.js +1 -1
- package/dist/components/utils2.js +1 -1
- package/dist/custom-elements/index.js +2239 -2558
- package/dist/esm/{ExpandToggle-7076d600.js → ExpandToggle-8ad8aac0.js} +5 -5
- package/dist/esm/{Heading-5ccb3b17.js → Heading-4d9f4f89.js} +2 -2
- package/dist/esm/{array-48f23287.js → array-c38e9698.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +83 -44
- package/dist/esm/calcite-action-bar.entry.js +11 -11
- package/dist/esm/calcite-action-group.entry.js +9 -9
- package/dist/esm/calcite-action-menu.entry.js +15 -32
- package/dist/esm/calcite-action-pad.entry.js +10 -10
- package/dist/esm/calcite-action.entry.js +7 -7
- package/dist/esm/calcite-alert.entry.js +31 -38
- package/dist/esm/calcite-avatar.entry.js +6 -6
- package/dist/esm/calcite-block_2.entry.js +15 -11
- package/dist/esm/calcite-button.entry.js +9 -9
- package/dist/esm/calcite-card.entry.js +10 -10
- package/dist/esm/calcite-checkbox.entry.js +8 -8
- package/dist/esm/calcite-chip.entry.js +7 -7
- package/dist/esm/calcite-color-picker_3.entry.js +11 -11
- package/dist/esm/calcite-combobox_3.entry.js +56 -81
- package/dist/esm/calcite-date-picker_4.entry.js +65 -67
- package/dist/esm/calcite-dropdown_3.entry.js +78 -112
- package/dist/esm/calcite-fab.entry.js +6 -6
- package/dist/esm/calcite-filter.entry.js +8 -8
- package/dist/esm/calcite-flow.entry.js +4 -4
- package/dist/esm/calcite-graph_2.entry.js +11 -11
- package/dist/esm/calcite-handle.entry.js +5 -5
- package/dist/esm/calcite-icon.entry.js +6 -6
- package/dist/esm/calcite-inline-editable.entry.js +24 -24
- package/dist/esm/calcite-input-date-picker.entry.js +98 -93
- package/dist/esm/calcite-input-message.entry.js +5 -5
- package/dist/esm/calcite-input-number.entry.js +14 -20
- package/dist/esm/calcite-input-time-picker_2.entry.js +18 -20
- package/dist/esm/calcite-input.entry.js +14 -20
- package/dist/esm/calcite-label.entry.js +6 -6
- package/dist/esm/calcite-link.entry.js +6 -6
- package/dist/esm/calcite-list_3.entry.js +11 -11
- package/dist/esm/calcite-loader.entry.js +9 -5
- package/dist/esm/calcite-modal.entry.js +44 -16
- package/dist/esm/calcite-notice.entry.js +29 -10
- package/dist/esm/calcite-option_3.entry.js +11 -11
- package/dist/esm/calcite-pagination.entry.js +6 -6
- package/dist/esm/calcite-panel.entry.js +44 -23
- package/dist/esm/calcite-pick-list_3.entry.js +14 -14
- package/dist/esm/calcite-popover_2.entry.js +64 -78
- package/dist/esm/calcite-progress.entry.js +3 -3
- package/dist/esm/calcite-radio-button-group.entry.js +4 -4
- package/dist/esm/calcite-radio-button.entry.js +10 -10
- package/dist/esm/calcite-radio-group_2.entry.js +9 -9
- package/dist/esm/calcite-rating.entry.js +9 -9
- package/dist/esm/calcite-scrim.entry.js +3 -3
- package/dist/esm/calcite-shell_3.entry.js +10 -10
- package/dist/esm/calcite-sortable-list.entry.js +6 -6
- package/dist/esm/calcite-split-button.entry.js +7 -7
- package/dist/esm/calcite-stepper_2.entry.js +51 -84
- package/dist/esm/calcite-switch.entry.js +11 -13
- package/dist/esm/calcite-tab_4.entry.js +61 -61
- package/dist/esm/calcite-tile-select_2.entry.js +6 -6
- package/dist/esm/calcite-tile.entry.js +8 -8
- package/dist/esm/calcite-tip_3.entry.js +12 -12
- package/dist/esm/calcite-tooltip_2.entry.js +30 -63
- package/dist/esm/calcite-tree_2.entry.js +28 -28
- package/dist/esm/calcite-value-list_2.entry.js +13 -13
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{conditionalSlot-13c69fa9.js → conditionalSlot-e49df07c.js} +3 -3
- package/dist/esm/{debounce-bef6fc2c.js → debounce-76a1065a.js} +1 -1
- package/dist/esm/{dom-6c1f7204.js → dom-19ab3d2f.js} +2 -2
- package/dist/esm/floating-ui-4afc064e.js +1612 -0
- package/dist/esm/{forIn-566610cc.js → forIn-1c3a0d8e.js} +2 -2
- package/dist/esm/{form-115e3241.js → form-ecbc6fec.js} +3 -3
- package/dist/esm/{guid-9ee41ac6.js → guid-ba74e5d4.js} +1 -1
- package/dist/esm/{index-dfcf10d7.js → index-5048a317.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-2a03c362.js → interactive-71744e3e.js} +1 -1
- package/dist/esm/{interfaces-02cee59d.js → interfaces-e771f6c8.js} +1 -1
- package/dist/esm/{key-1219c482.js → key-af81a004.js} +1 -1
- package/dist/esm/{label-b30a7cde.js → label-dfcfa9e0.js} +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{locale-98144f51.js → locale-ab6b5afc.js} +2 -2
- package/dist/esm/{math-7409ae0d.js → math-a5e24a73.js} +1 -1
- package/dist/esm/{observers-fa0db945.js → observers-61a2bb4f.js} +1 -1
- package/dist/esm/{resources-ccd18bbb.js → resources-566ead7b.js} +5 -5
- package/dist/esm/{resources-7198828a.js → resources-9348154b.js} +1 -1
- package/dist/esm/{resources-3157143b.js → resources-c995bb5e.js} +3 -3
- package/dist/esm/{resources-3b67e62a.js → resources-e1d5ca1c.js} +1 -1
- package/dist/esm/{sortable.esm-e7918a0d.js → sortable.esm-d0f38173.js} +1 -1
- package/dist/esm/{utils-06a51b70.js → utils-531de8fa.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-7076d600.js → ExpandToggle-8ad8aac0.js} +2 -2
- package/dist/esm-es5/{Heading-5ccb3b17.js → Heading-4d9f4f89.js} +2 -2
- package/dist/esm-es5/{array-48f23287.js → array-c38e9698.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
- package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
- package/dist/esm-es5/calcite-action-group.entry.js +2 -2
- package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
- package/dist/esm-es5/calcite-action-pad.entry.js +3 -3
- package/dist/esm-es5/calcite-action.entry.js +2 -2
- package/dist/esm-es5/calcite-alert.entry.js +3 -3
- package/dist/esm-es5/calcite-avatar.entry.js +2 -2
- package/dist/esm-es5/calcite-block_2.entry.js +2 -2
- package/dist/esm-es5/calcite-button.entry.js +2 -2
- package/dist/esm-es5/calcite-card.entry.js +2 -2
- package/dist/esm-es5/calcite-checkbox.entry.js +2 -2
- package/dist/esm-es5/calcite-chip.entry.js +3 -3
- package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
- package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
- package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
- package/dist/esm-es5/calcite-dropdown_3.entry.js +3 -3
- package/dist/esm-es5/calcite-fab.entry.js +3 -3
- package/dist/esm-es5/calcite-filter.entry.js +2 -2
- package/dist/esm-es5/calcite-flow.entry.js +3 -3
- package/dist/esm-es5/calcite-graph_2.entry.js +3 -3
- package/dist/esm-es5/calcite-handle.entry.js +2 -2
- package/dist/esm-es5/calcite-icon.entry.js +2 -2
- package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
- package/dist/esm-es5/calcite-input-date-picker.entry.js +2 -2
- package/dist/esm-es5/calcite-input-message.entry.js +2 -2
- package/dist/esm-es5/calcite-input-number.entry.js +3 -3
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
- package/dist/esm-es5/calcite-input.entry.js +2 -2
- package/dist/esm-es5/calcite-label.entry.js +2 -2
- package/dist/esm-es5/calcite-link.entry.js +2 -2
- package/dist/esm-es5/calcite-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-loader.entry.js +3 -3
- package/dist/esm-es5/calcite-modal.entry.js +3 -3
- package/dist/esm-es5/calcite-notice.entry.js +2 -2
- package/dist/esm-es5/calcite-option_3.entry.js +3 -3
- package/dist/esm-es5/calcite-pagination.entry.js +2 -2
- package/dist/esm-es5/calcite-panel.entry.js +2 -2
- package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-popover_2.entry.js +3 -3
- package/dist/esm-es5/calcite-progress.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-group_2.entry.js +3 -3
- package/dist/esm-es5/calcite-rating.entry.js +2 -2
- package/dist/esm-es5/calcite-scrim.entry.js +2 -2
- package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
- package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
- package/dist/esm-es5/calcite-split-button.entry.js +2 -2
- package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
- package/dist/esm-es5/calcite-switch.entry.js +3 -3
- package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
- package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tile.entry.js +2 -2
- package/dist/esm-es5/calcite-tip_3.entry.js +3 -3
- package/dist/esm-es5/calcite-tooltip_2.entry.js +3 -3
- package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
- package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
- package/dist/esm-es5/calcite.js +2 -2
- package/dist/esm-es5/{conditionalSlot-13c69fa9.js → conditionalSlot-e49df07c.js} +2 -2
- package/dist/esm-es5/{debounce-bef6fc2c.js → debounce-76a1065a.js} +1 -1
- package/dist/esm-es5/{dom-6c1f7204.js → dom-19ab3d2f.js} +2 -2
- package/dist/esm-es5/floating-ui-4afc064e.js +6 -0
- package/dist/esm-es5/{forIn-566610cc.js → forIn-1c3a0d8e.js} +2 -2
- package/dist/esm-es5/{form-115e3241.js → form-ecbc6fec.js} +2 -2
- package/dist/esm-es5/{guid-9ee41ac6.js → guid-ba74e5d4.js} +1 -1
- package/dist/esm-es5/{index-dfcf10d7.js → index-5048a317.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-2a03c362.js → interactive-71744e3e.js} +1 -1
- package/dist/esm-es5/{interfaces-02cee59d.js → interfaces-e771f6c8.js} +1 -1
- package/dist/esm-es5/{key-1219c482.js → key-af81a004.js} +1 -1
- package/dist/esm-es5/{label-b30a7cde.js → label-dfcfa9e0.js} +2 -2
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-98144f51.js → locale-ab6b5afc.js} +2 -2
- package/dist/esm-es5/{math-7409ae0d.js → math-a5e24a73.js} +1 -1
- package/dist/esm-es5/{observers-fa0db945.js → observers-61a2bb4f.js} +1 -1
- package/dist/esm-es5/{resources-ccd18bbb.js → resources-566ead7b.js} +2 -2
- package/dist/esm-es5/{resources-7198828a.js → resources-9348154b.js} +1 -1
- package/dist/esm-es5/{resources-3157143b.js → resources-c995bb5e.js} +2 -2
- package/dist/esm-es5/{resources-3b67e62a.js → resources-e1d5ca1c.js} +1 -1
- package/dist/esm-es5/{sortable.esm-e7918a0d.js → sortable.esm-d0f38173.js} +1 -1
- package/dist/esm-es5/{utils-06a51b70.js → utils-531de8fa.js} +1 -1
- package/dist/extras/docs-json.json +286 -169
- package/dist/loader/cdn.js +1 -1
- package/dist/loader/index.cjs.js +1 -1
- package/dist/loader/index.es2017.js +1 -1
- package/dist/loader/index.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +4 -4
- package/dist/types/components/accordion/interfaces.d.ts +3 -0
- package/dist/types/components/accordion-item/accordion-item.d.ts +13 -7
- package/dist/types/components/accordion-item/interfaces.d.ts +11 -0
- package/dist/types/components/accordion-item/resources.d.ts +16 -0
- package/dist/types/components/action/action.d.ts +1 -1
- package/dist/types/components/action-bar/action-bar.d.ts +1 -1
- package/dist/types/components/action-group/action-group.d.ts +2 -1
- package/dist/types/components/action-menu/action-menu.d.ts +8 -8
- package/dist/types/components/action-pad/action-pad.d.ts +1 -1
- package/dist/types/components/alert/alert.d.ts +20 -24
- package/dist/types/components/alert/interfaces.d.ts +3 -0
- package/dist/types/components/block/block.d.ts +6 -2
- package/dist/types/components/block-section/block-section.d.ts +1 -1
- package/dist/types/components/card/card.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +3 -3
- package/dist/types/components/chip/chip.d.ts +7 -3
- package/dist/types/components/color-picker/color-picker.d.ts +2 -2
- package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts +1 -1
- package/dist/types/components/combobox/combobox.d.ts +25 -28
- package/dist/types/components/combobox-item/combobox-item.d.ts +4 -2
- package/dist/types/components/date-picker/date-picker.d.ts +5 -5
- package/dist/types/components/date-picker-day/date-picker-day.d.ts +3 -3
- package/dist/types/components/date-picker-month/date-picker-month.d.ts +7 -7
- package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +27 -31
- package/dist/types/components/dropdown-group/dropdown-group.d.ts +2 -2
- package/dist/types/components/dropdown-group/interfaces.d.ts +4 -0
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +4 -3
- package/dist/types/components/handle/handle.d.ts +4 -1
- package/dist/types/components/inline-editable/inline-editable.d.ts +1 -1
- package/dist/types/components/input/input.d.ts +6 -4
- package/dist/types/components/input-date-picker/input-date-picker.d.ts +37 -26
- package/dist/types/components/input-number/input-number.d.ts +6 -4
- package/dist/types/components/input-time-picker/input-time-picker.d.ts +4 -5
- package/dist/types/components/interfaces.d.ts +1 -0
- package/dist/types/components/loader/loader.d.ts +5 -1
- package/dist/types/components/modal/modal.d.ts +23 -7
- package/dist/types/components/notice/notice.d.ts +11 -3
- package/dist/types/components/panel/panel.d.ts +12 -9
- package/dist/types/components/popover/PopoverManager.d.ts +1 -1
- package/dist/types/components/popover/popover.d.ts +24 -15
- package/dist/types/components/radio-button/radio-button.d.ts +4 -4
- package/dist/types/components/radio-button-group/radio-button-group.d.ts +1 -1
- package/dist/types/components/radio-group-item/radio-group-item.d.ts +1 -1
- package/dist/types/components/shell-panel/shell-panel.d.ts +1 -1
- package/dist/types/components/slider/slider.d.ts +3 -3
- package/dist/types/components/sortable-list/sortable-list.d.ts +1 -1
- package/dist/types/components/split-button/split-button.d.ts +14 -6
- package/dist/types/components/stepper/interfaces.d.ts +0 -1
- package/dist/types/components/stepper/stepper.d.ts +4 -13
- package/dist/types/components/stepper-item/stepper-item.d.ts +2 -2
- package/dist/types/components/switch/switch.d.ts +5 -3
- package/dist/types/components/tab/tab.d.ts +1 -1
- package/dist/types/components/tab-nav/tab-nav.d.ts +7 -7
- package/dist/types/components/tab-title/tab-title.d.ts +3 -3
- package/dist/types/components/tabs/tabs.d.ts +8 -8
- package/dist/types/components/tile-select/tile-select.d.ts +1 -1
- package/dist/types/components/tip/tip.d.ts +1 -1
- package/dist/types/components/tip-manager/tip-manager.d.ts +3 -3
- package/dist/types/components/tooltip/TooltipManager.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.d.ts +6 -9
- package/dist/types/components/tree/tree.d.ts +2 -2
- package/dist/types/components/tree-item/tree-item.d.ts +2 -2
- package/dist/types/components.d.ts +203 -120
- package/dist/types/preact.d.ts +15 -9
- package/dist/types/utils/floating-ui.d.ts +109 -0
- package/hydrate/index.js +2240 -2557
- package/package.json +30 -26
- package/readme.md +2 -2
- package/dist/calcite/p-03005912.system.entry.js +0 -6
- package/dist/calcite/p-05acf942.system.entry.js +0 -6
- package/dist/calcite/p-098bf101.entry.js +0 -6
- package/dist/calcite/p-0ac22887.js +0 -6
- package/dist/calcite/p-0d0ab1c5.system.entry.js +0 -6
- package/dist/calcite/p-15a9e209.system.entry.js +0 -6
- package/dist/calcite/p-17c8a622.system.entry.js +0 -6
- package/dist/calcite/p-1b79a3a3.entry.js +0 -6
- package/dist/calcite/p-1b939beb.system.entry.js +0 -6
- package/dist/calcite/p-1e7d3d02.system.entry.js +0 -6
- package/dist/calcite/p-1e9d27fe.system.entry.js +0 -6
- package/dist/calcite/p-1ef82cc5.system.entry.js +0 -6
- package/dist/calcite/p-1f0bf183.system.entry.js +0 -6
- package/dist/calcite/p-22217b06.entry.js +0 -6
- package/dist/calcite/p-27f31e04.js +0 -6
- package/dist/calcite/p-29122323.system.entry.js +0 -6
- package/dist/calcite/p-2d556f94.system.entry.js +0 -6
- package/dist/calcite/p-2d7b7215.system.entry.js +0 -6
- package/dist/calcite/p-36ee6a02.entry.js +0 -6
- package/dist/calcite/p-37f621e1.entry.js +0 -6
- package/dist/calcite/p-386d256d.entry.js +0 -6
- package/dist/calcite/p-39201c6f.entry.js +0 -6
- package/dist/calcite/p-40825758.entry.js +0 -6
- package/dist/calcite/p-40ddce6a.system.entry.js +0 -6
- package/dist/calcite/p-451e4a81.entry.js +0 -6
- package/dist/calcite/p-498af5d7.system.entry.js +0 -6
- package/dist/calcite/p-55b9c3d8.system.entry.js +0 -6
- package/dist/calcite/p-58ba388d.entry.js +0 -6
- package/dist/calcite/p-62f31a5a.system.entry.js +0 -6
- package/dist/calcite/p-661fe743.system.js +0 -6
- package/dist/calcite/p-667c6be1.entry.js +0 -6
- package/dist/calcite/p-670df541.system.entry.js +0 -6
- package/dist/calcite/p-6abdcefa.system.entry.js +0 -6
- package/dist/calcite/p-6f3fad62.system.entry.js +0 -6
- package/dist/calcite/p-705dcfd0.system.entry.js +0 -6
- package/dist/calcite/p-7124aeac.entry.js +0 -6
- package/dist/calcite/p-718bec4c.entry.js +0 -6
- package/dist/calcite/p-71df706c.system.entry.js +0 -6
- package/dist/calcite/p-7285074f.entry.js +0 -6
- package/dist/calcite/p-72d06cc6.entry.js +0 -6
- package/dist/calcite/p-7624aeb6.system.entry.js +0 -6
- package/dist/calcite/p-78f82837.system.entry.js +0 -6
- package/dist/calcite/p-81460471.entry.js +0 -6
- package/dist/calcite/p-822445af.entry.js +0 -6
- package/dist/calcite/p-82655fe7.entry.js +0 -6
- package/dist/calcite/p-82c99865.entry.js +0 -6
- package/dist/calcite/p-8381e935.system.entry.js +0 -6
- package/dist/calcite/p-869ceaf2.system.entry.js +0 -6
- package/dist/calcite/p-8701d6ec.js +0 -6
- package/dist/calcite/p-881346ec.system.entry.js +0 -6
- package/dist/calcite/p-8b8580be.system.entry.js +0 -6
- package/dist/calcite/p-8d90241c.system.entry.js +0 -6
- package/dist/calcite/p-8e8279db.system.entry.js +0 -6
- package/dist/calcite/p-8f8f1f3c.entry.js +0 -6
- package/dist/calcite/p-92c0a612.entry.js +0 -6
- package/dist/calcite/p-93fb8320.js +0 -6
- package/dist/calcite/p-97f24602.entry.js +0 -6
- package/dist/calcite/p-9e7c867f.entry.js +0 -6
- package/dist/calcite/p-a1dec328.system.entry.js +0 -6
- package/dist/calcite/p-a574d688.entry.js +0 -6
- package/dist/calcite/p-a6da6fa9.entry.js +0 -6
- package/dist/calcite/p-a6ec6d30.system.entry.js +0 -6
- package/dist/calcite/p-a792b4d4.system.entry.js +0 -6
- package/dist/calcite/p-a8d26072.entry.js +0 -6
- package/dist/calcite/p-a8e86b7c.system.js +0 -6
- package/dist/calcite/p-a930b4c7.system.entry.js +0 -6
- package/dist/calcite/p-ad42a290.system.entry.js +0 -6
- package/dist/calcite/p-afa96d7b.entry.js +0 -6
- package/dist/calcite/p-b3b7d99f.entry.js +0 -6
- package/dist/calcite/p-b3c08277.system.entry.js +0 -6
- package/dist/calcite/p-bbad2c78.entry.js +0 -6
- package/dist/calcite/p-bbc195d0.system.entry.js +0 -6
- package/dist/calcite/p-be0b7ae8.entry.js +0 -6
- package/dist/calcite/p-bed13ccd.system.entry.js +0 -6
- package/dist/calcite/p-c075111b.system.entry.js +0 -6
- package/dist/calcite/p-c09197e1.system.entry.js +0 -6
- package/dist/calcite/p-c3200434.system.entry.js +0 -6
- package/dist/calcite/p-cda3843c.entry.js +0 -6
- package/dist/calcite/p-d1fef3a5.entry.js +0 -6
- package/dist/calcite/p-d69560ee.system.entry.js +0 -6
- package/dist/calcite/p-d7614205.entry.js +0 -6
- package/dist/calcite/p-d8cca171.system.entry.js +0 -6
- package/dist/calcite/p-d8d3ee29.entry.js +0 -6
- package/dist/calcite/p-d91ab8b3.system.entry.js +0 -6
- package/dist/calcite/p-da603fb6.system.js +0 -6
- package/dist/calcite/p-dc5681bd.system.entry.js +0 -6
- package/dist/calcite/p-dda6305e.system.entry.js +0 -6
- package/dist/calcite/p-dfd66185.entry.js +0 -6
- package/dist/calcite/p-e4a9f3a3.entry.js +0 -6
- package/dist/calcite/p-e5100a68.system.entry.js +0 -6
- package/dist/calcite/p-e55af056.entry.js +0 -6
- package/dist/calcite/p-ec0ff216.entry.js +0 -6
- package/dist/calcite/p-ee4221f2.entry.js +0 -6
- package/dist/calcite/p-ef596bf4.system.js +0 -6
- package/dist/calcite/p-f29e929e.system.entry.js +0 -6
- package/dist/calcite/p-fcbb3104.entry.js +0 -6
- package/dist/calcite/p-fe758da5.system.entry.js +0 -6
- package/dist/calcite/p-ffc4d4f5.system.entry.js +0 -6
- package/dist/cjs/popper-f29f9a3b.js +0 -1876
- package/dist/collection/utils/popper.js +0 -126
- package/dist/components/popper.js +0 -1868
- package/dist/esm/popper-f38ba1ab.js +0 -1868
- package/dist/esm-es5/popper-f38ba1ab.js +0 -6
- package/dist/types/utils/popper.d.ts +0 -35
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(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
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-dfcf10d7.js";import{a as getElementDir,g as getSlotted,t as toAriaBoolean}from"./dom-6c1f7204.js";import{H as Heading}from"./Heading-5ccb3b17.js";import{S as SLOTS$1}from"./resources-7198828a.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-13c69fa9.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import{c as createObserver}from"./observers-fa0db945.js";import"./guid-9ee41ac6.js";var CSS={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",description:"description",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 panelCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position: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}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.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;width:100%;-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 var(--calcite-animation-timing), width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing)}: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;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.875rem;padding-bottom:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{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 .description{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);z-index:1}.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 Panel=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePanelDismiss=createEvent(this,"calcitePanelDismiss",7);this.calcitePanelDismissedChange=createEvent(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=createEvent(this,"calcitePanelScroll",7);this.calcitePanelBackClick=createEvent(this,"calcitePanelBackClick",7);this.dismissed=false;this.closed=false;this.disabled=false;this.dismissible=false;this.closable=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.resizeObserver=createObserver("resize",(function(){return t.resizeHandler()}));this.resizeHandler=function(){var e=t.panelScrollEl;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};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;t.closed=true;t.calcitePanelDismiss.emit()};this.panelScrollHandler=function(){t.calcitePanelScroll.emit()};this.backButtonClick=function(){t.calcitePanelBackClick.emit()};this.setPanelScrollEl=function(e){var n,i;t.panelScrollEl=e;(n=t.resizeObserver)===null||n===void 0?void 0:n.disconnect();if(e){(i=t.resizeObserver)===null||i===void 0?void 0:i.observe(e);t.resizeHandler()}}}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};e.prototype.disconnectedCallback=function(){var e;disconnectConditionalSlotComponent(this);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(a){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]}(i=this.containerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};e.prototype.scrollContentTo=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.panelScrollEl)===null||t===void 0?void 0:t.scrollTo(e);return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=getElementDir(e)==="rtl";var n=this,i=n.showBackButton,a=n.intlBack,o=n.backButtonClick;var r=a||TEXT.back;var l=t?ICONS.backRight:ICONS.backLeft;return i?h("calcite-action",{"aria-label":r,class:CSS.backButton,icon:l,key:"back-button",onClick:o,ref:this.setBackRef,scale:"s",slot:SLOTS.headerActionsStart,text:r}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,n=e.headingLevel,i=e.summary,a=e.description;var o=t?h(Heading,{class:CSS.heading,level:n||HEADING_LEVEL},t):null;var r=a||i?h("span",{class:CSS.description},a||i):null;return o||r?h("div",{class:CSS.headerContent,key:"header-content"},o,r):null};e.prototype.renderHeaderSlottedContent=function(){return h("div",{class:CSS.headerContent,key:"slotted-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,i=t.dismissible,a=t.el,o=t.intlClose,r=t.closable;var l=o||TEXT.close;var c=r||i?h("calcite-action",{"aria-label":l,icon:ICONS.close,onClick:n,ref:this.setDismissRef,text:l}):null;var s=h("slot",{name:SLOTS.headerActionsEnd});var d=getSlotted(a,SLOTS.headerActionsEnd);return d||c?h("div",{class:(e={},e[CSS.headerActionsEnd]=true,e[CSS.headerActions]=true,e),key:"header-actions-end"},s,c):null};e.prototype.renderMenu=function(){var e=this,t=e.el,n=e.intlOptions,i=e.menuOpen;var a=getSlotted(t,SLOTS.headerMenuActions);return a?h("calcite-action-menu",{flipPlacements:["top","bottom"],key:"menu",label:n||TEXT.options,open:i,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 i=this.renderBackButton();var a=getSlotted(t,SLOTS.headerContent);var o=a?this.renderHeaderSlottedContent():this.renderHeaderContent();var r=this.renderHeaderStartActions();var l=this.renderHeaderActionsEnd();var c=this.renderMenu();return r||o||l||c||n?h("header",{class:CSS.header},i,r,o,l,c):null};e.prototype.renderFooterNode=function(){var e=this.el;var t=getSlotted(e,SLOTS.footer);var n=getSlotted(e,SLOTS.footerActions);return t||n?h("footer",{class:CSS.footer,key:"footer"},t?h("slot",{key:"footer-slot",name:SLOTS.footer}):null,n?h("slot",{key:"footer-actions-slot",name:SLOTS.footerActions}):null):null};e.prototype.renderContent=function(){var e,t;var n=this.el;var i=getSlotted(n,SLOTS.fab);var a=h("slot",{key:"default-slot"});var o="content-wrapper";return i?h("div",{class:(e={},e[CSS.contentWrapper]=true,e[CSS.contentHeight]=true,e),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},h("section",{class:CSS.contentContainer},a),this.renderFab()):h("section",{class:(t={},t[CSS.contentWrapper]=true,t[CSS.contentContainer]=true,t),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},a)};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.dismissible,i=e.loading,a=e.panelKeyDownHandler,o=e.closed,r=e.closable;var l=h("article",{"aria-busy":toAriaBoolean(i),class:CSS.container,hidden:(r||n)&&(o||t),onKeyDown:a,ref:this.setContainerRef,tabIndex:r||n?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return h(Fragment,null,i?h("calcite-scrim",{loading:i}):null,l)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"],closed:["dismissedHandler"]}},enumerable:false,configurable:true});return e}();Panel.style=panelCss;export{Panel as calcite_panel};
|
|
5
|
+
* v1.0.0-beta.87
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-5048a317.js";import{a as getElementDir,g as getSlotted,t as toAriaBoolean}from"./dom-19ab3d2f.js";import{H as Heading}from"./Heading-4d9f4f89.js";import{S as SLOTS$1}from"./resources-9348154b.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-e49df07c.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";import{c as createObserver}from"./observers-61a2bb4f.js";import"./guid-ba74e5d4.js";var CSS={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",description:"description",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 panelCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:-ms-flexbox;display:flex;inline-size: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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.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;inline-size:100%;-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-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);-webkit-transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}: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{-webkit-border-after:1px solid;border-block-end:1px solid;position:-webkit-sticky;position:sticky;inset-block-start:0px;inline-size:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 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{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{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;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-inline-size:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{block-size: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);z-index:1}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;position:-webkit-sticky;position:sticky;inset-block-end:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;inset-block-end:0px;inset-inline:0px;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content;z-index:1}";var Panel=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePanelDismiss=createEvent(this,"calcitePanelDismiss",7);this.calcitePanelDismissedChange=createEvent(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=createEvent(this,"calcitePanelScroll",7);this.calcitePanelBackClick=createEvent(this,"calcitePanelBackClick",7);this.dismissed=false;this.closed=false;this.disabled=false;this.dismissible=false;this.closable=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.resizeObserver=createObserver("resize",(function(){return t.resizeHandler()}));this.resizeHandler=function(){var e=t.panelScrollEl;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};this.setContainerRef=function(e){t.containerEl=e};this.setCloseRef=function(e){t.closeButtonEl=e};this.setBackRef=function(e){t.backButtonEl=e};this.panelKeyDownHandler=function(e){if(e.key==="Escape"){t.close()}};this.close=function(){t.closed=true;t.calcitePanelDismiss.emit()};this.panelScrollHandler=function(){t.calcitePanelScroll.emit()};this.backButtonClick=function(){t.calcitePanelBackClick.emit()};this.setPanelScrollEl=function(e){var n,i;t.panelScrollEl=e;(n=t.resizeObserver)===null||n===void 0?void 0:n.disconnect();if(e){(i=t.resizeObserver)===null||i===void 0?void 0:i.observe(e);t.resizeHandler()}}}e.prototype.dismissedHandler=function(e){this.closed=e;this.calcitePanelDismissedChange.emit()};e.prototype.closedHandler=function(e){this.dismissed=e};e.prototype.dismissibleHandler=function(e){this.closable=e};e.prototype.closableHandler=function(e){this.dismissible=e};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.connectedCallback=function(){connectConditionalSlotComponent(this);var e=this.dismissed||this.closed;var t=this.dismissible||this.closable;if(e){this.dismissedHandler(e);this.closedHandler(e)}if(t){this.dismissibleHandler(t);this.closableHandler(t)}};e.prototype.disconnectedCallback=function(){var e;disconnectConditionalSlotComponent(this);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(a){if(e==="dismiss-button"){(t=this.closeButtonEl)===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]}(i=this.containerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};e.prototype.scrollContentTo=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.panelScrollEl)===null||t===void 0?void 0:t.scrollTo(e);return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=getElementDir(e)==="rtl";var n=this,i=n.showBackButton,a=n.intlBack,o=n.backButtonClick;var r=a||TEXT.back;var l=t?ICONS.backRight:ICONS.backLeft;return i?h("calcite-action",{"aria-label":r,class:CSS.backButton,icon:l,key:"back-button",onClick:o,ref:this.setBackRef,scale:"s",slot:SLOTS.headerActionsStart,text:r}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,n=e.headingLevel,i=e.summary,a=e.description;var o=t?h(Heading,{class:CSS.heading,level:n||HEADING_LEVEL},t):null;var r=a||i?h("span",{class:CSS.description},a||i):null;return o||r?h("div",{class:CSS.headerContent,key:"header-content"},o,r):null};e.prototype.renderHeaderSlottedContent=function(){return h("div",{class:CSS.headerContent,key:"slotted-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.close,i=t.el,a=t.intlClose,o=t.closable;var r=a||TEXT.close;var l=o?h("calcite-action",{"aria-label":r,icon:ICONS.close,onClick:n,ref:this.setCloseRef,text:r}):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,i=e.menuOpen;var a=getSlotted(t,SLOTS.headerMenuActions);return a?h("calcite-action-menu",{flipPlacements:["top","bottom"],key:"menu",label:n||TEXT.options,open:i,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 i=this.renderBackButton();var a=getSlotted(t,SLOTS.headerContent);var o=a?this.renderHeaderSlottedContent():this.renderHeaderContent();var r=this.renderHeaderStartActions();var l=this.renderHeaderActionsEnd();var c=this.renderMenu();return r||o||l||c||n?h("header",{class:CSS.header},i,r,o,l,c):null};e.prototype.renderFooterNode=function(){var e=this.el;var t=getSlotted(e,SLOTS.footer);var n=getSlotted(e,SLOTS.footerActions);return t||n?h("footer",{class:CSS.footer,key:"footer"},t?h("slot",{key:"footer-slot",name:SLOTS.footer}):null,n?h("slot",{key:"footer-actions-slot",name:SLOTS.footerActions}):null):null};e.prototype.renderContent=function(){var e,t;var n=this.el;var i=getSlotted(n,SLOTS.fab);var a=h("slot",{key:"default-slot"});var o="content-wrapper";return i?h("div",{class:(e={},e[CSS.contentWrapper]=true,e[CSS.contentHeight]=true,e),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},h("section",{class:CSS.contentContainer},a),this.renderFab()):h("section",{class:(t={},t[CSS.contentWrapper]=true,t[CSS.contentContainer]=true,t),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},a)};e.prototype.renderFab=function(){return h("div",{class:CSS.fabContainer},h("slot",{name:SLOTS.fab}))};e.prototype.render=function(){var e=this,t=e.loading,n=e.panelKeyDownHandler,i=e.closed,a=e.closable;var o=h("article",{"aria-busy":toAriaBoolean(t),class:CSS.container,hidden:i,onKeyDown:n,ref:this.setContainerRef,tabIndex:a?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return h(Fragment,null,t?h("calcite-scrim",{loading:t}):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"],closed:["closedHandler"],dismissible:["dismissibleHandler"],closable:["closableHandler"]}},enumerable:false,configurable:true});return e}();Panel.style=panelCss;export{Panel as calcite_panel};
|
|
@@ -2,5 +2,5 @@ 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
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,g as getElement,F as Fragment}from"./index-dfcf10d7.js";import{m as mutationObserverCallback,d as deselectRemovedItems,a as deselectSiblingItems,s as selectSiblings,h as handleFilter,b as getItemData,k as keyDownHandler,i as initialize,e as initializeObserver,f as cleanUpObserver,r as removeItem,l as calciteListItemChangeHandler,n as calciteInternalListItemValueChangeHandler,j as calciteListFocusOutHandler,o as setUpItems,p as setFocus,I as ICON_TYPES,L as List,q as SLOTS,t as CSS,H as HEADING_LEVEL,T as TEXT,u as ICONS,C as CSS$1,S as SLOTS$1}from"./resources-ccd18bbb.js";import{c as createObserver}from"./observers-fa0db945.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import{g as getSlotted,t as toAriaBoolean}from"./dom-6c1f7204.js";import{H as Heading,c as constrainHeadingLevel}from"./Heading-5ccb3b17.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-13c69fa9.js";import"./array-48f23287.js";import"./debounce-bef6fc2c.js";import"./guid-9ee41ac6.js";var pickListCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;-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([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([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 PickList=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.deselectRemovedItems=deselectRemovedItems.bind(this);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.componentDidRender=function(){updateHostInteraction(this)};t.prototype.calciteListItemRemoveHandler=function(t){removeItem.call(this,t)};t.prototype.calciteListItemChangeHandler=function(t){calciteListItemChangeHandler.call(this,t)};t.prototype.calciteInternalListItemPropsChangeHandler=function(t){t.stopPropagation();this.setUpFilter()};t.prototype.calciteInternalListItemValueChangeHandler=function(t){calciteInternalListItemValueChangeHandler.call(this,t);t.stopPropagation()};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}();PickList.style=pickListCss;var pickListGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{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 PickListGroup=function(){function t(t){registerInstance(this,t)}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};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(Heading,{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}();PickListGroup.style=pickListGroupCss;var pickListItemCss='@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:var(--calcite-animation-timing)}: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 var(--calcite-animation-timing);transition:background-color var(--calcite-animation-timing);-webkit-animation:calcite-fade-in var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}: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-color:transparent}.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 var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing);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;overflow:hidden;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}.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}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}';var PickListItem=function(){function t(t){var e=this;registerInstance(this,t);this.calciteListItemChange=createEvent(this,"calciteListItemChange",7);this.calciteListItemRemove=createEvent(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=createEvent(this,"calciteInternalListItemPropsChange",7);this.calciteInternalListItemValueChange=createEvent(this,"calciteInternalListItemValueChange",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.calciteInternalListItemPropsChange.emit()};t.prototype.labelWatchHandler=function(){this.calciteInternalListItemPropsChange.emit()};t.prototype.metadataWatchHandler=function(){this.calciteInternalListItemPropsChange.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.calciteInternalListItemValueChange.emit({oldValue:e,newValue:t})};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this,this.el.closest("calcite-pick-list")?"managed":false)};t.prototype.toggleSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){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":toAriaBoolean(this.selected),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}();PickListItem.style=pickListItemCss;export{PickList as calcite_pick_list,PickListGroup as calcite_pick_list_group,PickListItem as calcite_pick_list_item};
|
|
5
|
+
* v1.0.0-beta.87
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement,F as Fragment}from"./index-5048a317.js";import{m as mutationObserverCallback,d as deselectRemovedItems,a as deselectSiblingItems,s as selectSiblings,h as handleFilter,b as getItemData,k as keyDownHandler,i as initialize,e as initializeObserver,f as cleanUpObserver,r as removeItem,l as calciteListItemChangeHandler,n as calciteInternalListItemValueChangeHandler,j as calciteListFocusOutHandler,o as setUpItems,p as setFocus,I as ICON_TYPES,L as List,q as SLOTS,t as CSS,H as HEADING_LEVEL,T as TEXT,u as ICONS,C as CSS$1,S as SLOTS$1}from"./resources-566ead7b.js";import{c as createObserver}from"./observers-61a2bb4f.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";import{g as getSlotted,t as toAriaBoolean}from"./dom-19ab3d2f.js";import{H as Heading,c as constrainHeadingLevel}from"./Heading-4d9f4f89.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-e49df07c.js";import"./array-c38e9698.js";import"./debounce-76a1065a.js";import"./guid-ba74e5d4.js";var pickListCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{-webkit-margin-after:0.25rem;margin-block-end: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;inset-block-start:0px;z-index:1}calcite-filter{-webkit-margin-after:0px;margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}";var PickList=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.deselectRemovedItems=deselectRemovedItems.bind(this);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.componentDidRender=function(){updateHostInteraction(this)};t.prototype.calciteListItemRemoveHandler=function(t){removeItem.call(this,t)};t.prototype.calciteListItemChangeHandler=function(t){calciteListItemChangeHandler.call(this,t)};t.prototype.calciteInternalListItemPropsChangeHandler=function(t){t.stopPropagation();this.setUpFilter()};t.prototype.calciteInternalListItemValueChangeHandler=function(t){calciteInternalListItemValueChangeHandler.call(this,t);t.stopPropagation()};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}();PickList.style=pickListCss;var pickListGroupCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-margin-after:0.25rem;margin-block-end: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){-webkit-margin-after:0px;margin-block-end: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-block:0.5rem;margin-inline: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 PickListGroup=function(){function t(t){registerInstance(this,t)}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};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(Heading,{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}();PickListGroup.style=pickListGroupCss;var pickListItemCss='@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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{margin:0px;-webkit-margin-after:1px;margin-block-end: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 var(--calcite-animation-timing);transition:background-color var(--calcite-animation-timing);-webkit-animation:calcite-fade-in var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}: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-color:transparent}.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-block: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;inline-size: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 var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing);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;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{-webkit-margin-before:0.125rem;margin-block-start: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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}';var PickListItem=function(){function t(t){var e=this;registerInstance(this,t);this.calciteListItemChange=createEvent(this,"calciteListItemChange",7);this.calciteListItemRemove=createEvent(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=createEvent(this,"calciteInternalListItemPropsChange",7);this.calciteInternalListItemValueChange=createEvent(this,"calciteInternalListItemValueChange",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.calciteInternalListItemPropsChange.emit()};t.prototype.labelWatchHandler=function(){this.calciteInternalListItemPropsChange.emit()};t.prototype.metadataWatchHandler=function(){this.calciteInternalListItemPropsChange.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.calciteInternalListItemValueChange.emit({oldValue:e,newValue:t})};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this,this.el.closest("calcite-pick-list")?"managed":false)};t.prototype.toggleSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){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":toAriaBoolean(this.selected),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}();PickListItem.style=pickListItemCss;export{PickList as calcite_pick_list,PickListGroup as calcite_pick_list_group,PickListItem as calcite_pick_list_item};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i["throw"](e))}catch(e){r(e)}}function l(e){e.done?n(e.value):a(e.value).then(o,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,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(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];a=0}finally{i=r=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
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,f as forceUpdate,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{a as defaultOffsetDistance,f as filterComputedPlacements,u as updatePopper,c as createPopper,C as CSS$1}from"./popper-f38ba1ab.js";import{g as guid}from"./guid-9ee41ac6.js";import{t as toAriaBoolean,q as queryElementRoots}from"./dom-6c1f7204.js";import{H as Heading}from"./Heading-5ccb3b17.js";import{c as createObserver}from"./observers-fa0db945.js";var CSS={container:"container",arrow:"arrow",imageContainer:"image-container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};var TEXT={close:"Close"};var defaultPopoverPlacement="auto";var ARIA_CONTROLS="aria-controls";var ARIA_EXPANDED="aria-expanded";var HEADING_LEVEL=2;var PopoverManager$1=function(){function e(){var e=this;this.registeredElements=new Map;this.registeredElementCount=0;this.queryPopover=function(t){var a=e.registeredElements;var r=t.find((function(e){return a.has(e)}));return a.get(r)};this.togglePopovers=function(t){var a=t.composedPath();var r=e.queryPopover(a);if(r&&!r.triggerDisabled){r.toggle();return}Array.from(e.registeredElements.values()).filter((function(e){return e.autoClose&&e.open&&!a.includes(e)})).forEach((function(e){return e.toggle(false)}))};this.keyHandler=function(t){if(t.key!=="Enter"&&t.key!==" "){return}e.togglePopovers(t)};this.clickHandler=function(t){e.togglePopovers(t)}}e.prototype.registerElement=function(e,t){this.registeredElementCount++;this.registeredElements.set(e,t);if(this.registeredElementCount===1){this.addListeners()}};e.prototype.unregisterElement=function(e){if(this.registeredElements.delete(e)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}};e.prototype.addListeners=function(){document.addEventListener("pointerdown",this.clickHandler,{capture:true});document.addEventListener("keydown",this.keyHandler,{capture:true})};e.prototype.removeListeners=function(){document.removeEventListener("pointerdown",this.clickHandler,{capture:true});document.removeEventListener("keydown",this.keyHandler,{capture:true})};return e}();var popoverCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;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)}:host([data-popper-placement][data-popper-reference-hidden]){pointer-events:none;opacity:0}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.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)}.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;word-wrap:break-word;word-break:break-word}.close-button-container{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex:0 0 auto;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}';var manager=new PopoverManager$1;var Popover=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePopoverClose=createEvent(this,"calcitePopoverClose",7);this.calcitePopoverOpen=createEvent(this,"calcitePopoverOpen",7);this.autoClose=false;this.closeButton=false;this.dismissible=false;this.closable=false;this.disableFlip=false;this.disablePointer=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement=defaultPopoverPlacement;this.triggerDisabled=false;this.intlClose=TEXT.close;this.guid="calcite-popover-".concat(guid());this.activeTransitionProp="opacity";this.setFilteredPlacements=function(){var e=t,a=e.el,r=e.flipPlacements;t.filteredFlipPlacements=r?filterComputedPlacements(r,a):null};this.setUpReferenceElement=function(){t.removeReferences();t.effectiveReferenceElement=t.getReferenceElement();var e=t,a=e.el,r=e.referenceElement,n=e.effectiveReferenceElement;if(r&&!n){console.warn("".concat(a.tagName,': reference-element id "').concat(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}if("setAttribute"in a){a.setAttribute(ARIA_EXPANDED,toAriaBoolean(r))}};this.addReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}var a=t.getId();if("setAttribute"in e){e.setAttribute(ARIA_CONTROLS,a)}manager.registerElement(e,t.el);t.setExpandedAttr()};this.removeReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}if("removeAttribute"in e){e.removeAttribute(ARIA_CONTROLS);e.removeAttribute(ARIA_EXPANDED)}manager.unregisterElement(e)};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.flipPlacementsHandler=function(){this.setFilteredPlacements()};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.connectedCallback=function(){this.setFilteredPlacements()};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,n,i;return __generator(this,(function(o){switch(o.label){case 0:e=this,t=e.popper,a=e.el,r=e.placement;n=this.getModifiers();if(!t)return[3,2];return[4,updatePopper({el:a,modifiers:n,placement:r,popper:t})];case 1:i=o.sent();return[3,3];case 2:i=this.createPopper();o.label=3;case 3:i;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,{id:t}):t)||null};e.prototype.getModifiers=function(){var e=this,t=e.arrowEl,a=e.disableFlip,r=e.disablePointer,n=e.offsetDistance,i=e.offsetSkidding,o=e.filteredFlipPlacements;var s={name:"flip",enabled:!a};if(o){s.options={fallbackPlacements:o}}var l={name:"arrow",enabled:!r};if(t){l.options={element:t}}var c={name:"offset",enabled:true,options:{offset:[i,n]}};var p={name:"eventListeners",enabled:this.open};return[l,s,c,p]};e.prototype.createPopper=function(){this.destroyPopper();var e=this,t=e.el,a=e.placement,r=e.effectiveReferenceElement,n=e.overlayPositioning;var i=this.getModifiers();this.popper=createPopper({el:t,modifiers:i,overlayPositioning:n,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,n=t.intlClose,i=t.heading,o=t.closable;return o||a||r?h("div",{class:CSS.closeButtonContainer},h("calcite-action",{class:CSS.closeButton,onClick:this.hide,ref:function(t){return e.closeButtonEl=t},scale:i?"s":"m",text:n},h("calcite-icon",{icon:"x",scale:i?"s":"m"}))):null};e.prototype.renderHeader=function(){var e=this,t=e.heading,a=e.headingLevel;var r=t?h(Heading,{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,n=r.effectiveReferenceElement,i=r.heading,o=r.label,s=r.open,l=r.disablePointer;var c=n&&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":toAriaBoolean(p),"aria-label":o,"aria-live":"polite","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]=!!i,t[CSS.container]=true,t)},this.renderHeader(),h("div",{class:CSS.content},h("slot",null)),!i?this.renderCloseButton():null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{flipPlacements:["flipPlacementsHandler"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return e}();Popover.style=popoverCss;var popoverManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block}";var PopoverManager=function(){function e(e){var t=this;registerInstance(this,e);this.mutationObserver=createObserver("mutation",(function(){return t.setAutoClose()}));this.selector="[data-calcite-popover-reference]";this.autoClose=false}e.prototype.autoCloseHandler=function(){this.setAutoClose()};e.prototype.connectedCallback=function(){var e;this.setAutoClose();(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.render=function(){return h("slot",null)};e.prototype.setAutoClose=function(){var e=this,t=e.autoClose,a=e.el;a.querySelectorAll("calcite-popover").forEach((function(e){return e.autoClose=t}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{autoClose:["autoCloseHandler"]}},enumerable:false,configurable:true});return e}();PopoverManager.style=popoverManagerCss;export{Popover as calcite_popover,PopoverManager as calcite_popover_manager};
|
|
5
|
+
* v1.0.0-beta.87
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,f as forceUpdate,h,H as Host,g as getElement}from"./index-5048a317.js";import{b as defaultOffsetDistance,f as filterComputedPlacements,c as connectFloatingUI,a as disconnectFloatingUI,p as positionFloatingUI,F as FloatingCSS}from"./floating-ui-4afc064e.js";import{g as guid}from"./guid-ba74e5d4.js";import{t as toAriaBoolean,q as queryElementRoots}from"./dom-19ab3d2f.js";import{H as Heading}from"./Heading-4d9f4f89.js";import{c as createObserver}from"./observers-61a2bb4f.js";var CSS={container:"container",arrow:"arrow",imageContainer:"image-container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContent:"header-content",heading:"heading"};var TEXT={close:"Close"};var defaultPopoverPlacement="auto";var ARIA_CONTROLS="aria-controls";var ARIA_EXPANDED="aria-expanded";var HEADING_LEVEL=2;var PopoverManager$1=function(){function e(){var e=this;this.registeredElements=new Map;this.registeredElementCount=0;this.queryPopover=function(t){var n=e.registeredElements;var i=t.find((function(e){return n.has(e)}));return n.get(i)};this.togglePopovers=function(t){var n=t.composedPath();var i=e.queryPopover(n);if(i&&!i.triggerDisabled){i.toggle();return}Array.from(e.registeredElements.values()).filter((function(e){return e.autoClose&&e.open&&!n.includes(e)})).forEach((function(e){return e.toggle(false)}))};this.keyHandler=function(t){if(t.key!=="Enter"&&t.key!==" "){return}e.togglePopovers(t)};this.clickHandler=function(t){e.togglePopovers(t)}}e.prototype.registerElement=function(e,t){this.registeredElementCount++;this.registeredElements.set(e,t);if(this.registeredElementCount===1){this.addListeners()}};e.prototype.unregisterElement=function(e){if(this.registeredElements.delete(e)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}};e.prototype.addListeners=function(){document.addEventListener("pointerdown",this.clickHandler,{capture:true});document.addEventListener("keydown",this.keyHandler,{capture:true})};e.prototype.removeListeners=function(){document.removeEventListener("pointerdown",this.clickHandler,{capture:true});document.removeEventListener("keydown",this.keyHandler,{capture:true})};return e}();var popoverCss='@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.calcite-floating-ui-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-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-placement^=bottom]) .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size: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-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=left]) .arrow{direction:ltr;inset-inline-end:-4px}:host([data-placement^=right]) .arrow{direction:ltr;inset-inline-start:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-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-block-end-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-block-end-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-inline:1rem;padding-block: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;block-size: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)}.container.has-header{-ms-flex-direction:column;flex-direction:column}.content{display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex:0 0 auto;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}';var manager=new PopoverManager$1;var Popover=function(){function e(e){var t=this;registerInstance(this,e);this.calcitePopoverBeforeClose=createEvent(this,"calcitePopoverBeforeClose",7);this.calcitePopoverClose=createEvent(this,"calcitePopoverClose",7);this.calcitePopoverBeforeOpen=createEvent(this,"calcitePopoverBeforeOpen",7);this.calcitePopoverOpen=createEvent(this,"calcitePopoverOpen",7);this.autoClose=false;this.closeButton=false;this.dismissible=false;this.closable=false;this.disableFlip=false;this.disablePointer=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement=defaultPopoverPlacement;this.triggerDisabled=false;this.intlClose=TEXT.close;this.guid="calcite-popover-".concat(guid());this.activeTransitionProp="opacity";this.setContainerEl=function(e){t.containerEl=e;t.containerEl.addEventListener("transitionstart",t.transitionStartHandler)};this.setFilteredPlacements=function(){var e=t,n=e.el,i=e.flipPlacements;t.filteredFlipPlacements=i?filterComputedPlacements(i,n):null};this.setUpReferenceElement=function(){t.removeReferences();t.effectiveReferenceElement=t.getReferenceElement();connectFloatingUI(t,t.effectiveReferenceElement,t.el);var e=t,n=e.el,i=e.referenceElement,a=e.effectiveReferenceElement;if(i&&!a){console.warn("".concat(n.tagName,': reference-element id "').concat(i,'" was not found.'),{el:n})}t.addReferences()};this.getId=function(){return t.el.id||t.guid};this.setExpandedAttr=function(){var e=t,n=e.effectiveReferenceElement,i=e.open;if(!n){return}if("setAttribute"in n){n.setAttribute(ARIA_EXPANDED,toAriaBoolean(i))}};this.addReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}var n=t.getId();if("setAttribute"in e){e.setAttribute(ARIA_CONTROLS,n)}manager.registerElement(e,t.el);t.setExpandedAttr()};this.removeReferences=function(){var e=t.effectiveReferenceElement;if(!e){return}if("removeAttribute"in e){e.removeAttribute(ARIA_CONTROLS);e.removeAttribute(ARIA_EXPANDED)}manager.unregisterElement(e)};this.hide=function(){t.open=false};this.transitionStartHandler=function(e){if(e.propertyName===t.activeTransitionProp&&e.target===t.containerEl){t.open?t.onBeforeOpen():t.onBeforeClose()}};this.transitionEnd=function(e){if(e.propertyName===t.activeTransitionProp&&e.target===t.containerEl){t.open?t.onOpen():t.onClose()}};this.storeArrowEl=function(e){t.arrowEl=e;t.reposition()}}e.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};e.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};e.prototype.offsetSkiddingHandler=function(){this.reposition()};e.prototype.openHandler=function(){this.reposition();this.setExpandedAttr()};e.prototype.overlayPositioningHandler=function(){this.reposition()};e.prototype.placementHandler=function(){this.reposition()};e.prototype.referenceElementHandler=function(){this.setUpReferenceElement();this.reposition()};e.prototype.connectedCallback=function(){connectFloatingUI(this,this.effectiveReferenceElement,this.el);this.setFilteredPlacements()};e.prototype.componentWillLoad=function(){this.setUpReferenceElement()};e.prototype.componentDidLoad=function(){this.reposition()};e.prototype.disconnectedCallback=function(){var e;(e=this.containerEl)===null||e===void 0?void 0:e.removeEventListener("transitionstart",this.transitionStartHandler);this.removeReferences();disconnectFloatingUI(this,this.effectiveReferenceElement,this.el)};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,a,r,o,s,l,c;return __generator(this,(function(f){e=this,t=e.el,n=e.effectiveReferenceElement,i=e.placement,a=e.overlayPositioning,r=e.disableFlip,o=e.flipPlacements,s=e.offsetDistance,l=e.offsetSkidding,c=e.arrowEl;return[2,positionFloatingUI({floatingEl:t,referenceEl:n,overlayPositioning:a,placement:i,disableFlip:r,flipPlacements:o,offsetDistance:s,offsetSkidding:l,arrowEl:c,type:"popover"})]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){n=this.closeButtonEl;if(e==="close-button"&&n){forceUpdate(n);n.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,n=e.el;return(typeof t==="string"?queryElementRoots(n,{id:t}):t)||null};e.prototype.onBeforeOpen=function(){this.calcitePopoverBeforeOpen.emit()};e.prototype.onOpen=function(){this.calcitePopoverOpen.emit()};e.prototype.onBeforeClose=function(){this.calcitePopoverBeforeClose.emit()};e.prototype.onClose=function(){this.calcitePopoverClose.emit()};e.prototype.renderCloseButton=function(){var e=this;var t=this,n=t.dismissible,i=t.closeButton,a=t.intlClose,r=t.heading,o=t.closable;return o||n||i?h("div",{class:CSS.closeButtonContainer},h("calcite-action",{class:CSS.closeButton,onClick:this.hide,ref:function(t){return e.closeButtonEl=t},scale:r?"s":"m",text:a},h("calcite-icon",{icon:"x",scale:r?"s":"m"}))):null};e.prototype.renderHeader=function(){var e=this,t=e.heading,n=e.headingLevel;var i=t?h(Heading,{class:CSS.heading,level:n||HEADING_LEVEL},t):null;return i?h("div",{class:CSS.header},i,this.renderCloseButton()):null};e.prototype.render=function(){var e,t;var n=this,i=n.effectiveReferenceElement,a=n.heading,r=n.label,o=n.open,s=n.disablePointer;var l=i&&o;var c=!l;var f=!s?h("div",{class:CSS.arrow,ref:this.storeArrowEl}):null;return h(Host,{"aria-hidden":toAriaBoolean(c),"aria-label":r,"aria-live":"polite","calcite-hydrated-hidden":c,id:this.getId(),role:"dialog"},h("div",{class:(e={},e[FloatingCSS.animation]=true,e[FloatingCSS.animationActive]=l,e),onTransitionEnd:this.transitionEnd,ref:this.setContainerEl},f,h("div",{class:(t={},t[CSS.hasHeader]=!!a,t[CSS.container]=true,t)},this.renderHeader(),h("div",{class:CSS.content},h("slot",null)),!a?this.renderCloseButton():null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{flipPlacements:["flipPlacementsHandler"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return e}();Popover.style=popoverCss;var popoverManagerCss="@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block}";var PopoverManager=function(){function e(e){var t=this;registerInstance(this,e);this.mutationObserver=createObserver("mutation",(function(){return t.setAutoClose()}));this.selector="[data-calcite-popover-reference]";this.autoClose=false}e.prototype.autoCloseHandler=function(){this.setAutoClose()};e.prototype.connectedCallback=function(){var e;this.setAutoClose();(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.render=function(){return h("slot",null)};e.prototype.setAutoClose=function(){var e=this,t=e.autoClose,n=e.el;n.querySelectorAll("calcite-popover").forEach((function(e){return e.autoClose=t}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{autoClose:["autoCloseHandler"]}},enumerable:false,configurable:true});return e}();PopoverManager.style=popoverManagerCss;export{Popover as calcite_popover,PopoverManager as calcite_popover_manager};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
-
* v1.0.0-beta.
|
|
4
|
+
* v1.0.0-beta.87
|
|
5
5
|
*/
|
|
6
|
-
import{r as registerInstance,h,g as getElement}from"./index-
|
|
6
|
+
import{r as registerInstance,h,g as getElement}from"./index-5048a317.js";var progressCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:0;inline-size:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{z-index:0;background-color:var(--calcite-ui-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;-webkit-animation:looping-progress-bar-ani 2200ms linear infinite;animation:looping-progress-bar-ani 2200ms linear infinite}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium)}@-webkit-keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}";var Progress=function(){function a(a){registerInstance(this,a);this.type="determinate";this.value=0;this.reversed=false}a.prototype.render=function(){var a=this.type==="determinate";var t=a?{width:"".concat(this.value*100,"%")}:{};return h("div",{"aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},h("div",{class:"track"},h("div",{class:{bar:true,indeterminate:this.type==="indeterminate",reversed:this.reversed},style:t})),this.text?h("div",{class:"text"},this.text):null)};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Progress.style=progressCss;export{Progress as calcite_progress};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
-
* v1.0.0-beta.
|
|
4
|
+
* v1.0.0-beta.87
|
|
5
5
|
*/
|
|
6
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-
|
|
6
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5048a317.js";import{c as createObserver}from"./observers-61a2bb4f.js";var radioButtonGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;max-inline-size:100vw}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}";var RadioButtonGroup=function(){function t(t){var a=this;registerInstance(this,t);this.calciteRadioButtonGroupChange=createEvent(this,"calciteRadioButtonGroupChange",7);this.disabled=false;this.hidden=false;this.layout="horizontal";this.required=false;this.scale="m";this.mutationObserver=createObserver("mutation",(function(){return a.passPropsToRadioButtons()}));this.passPropsToRadioButtons=function(){var t=a.el.querySelectorAll("calcite-radio-button");if(t.length>0){t.forEach((function(t){t.disabled=a.disabled||t.disabled;t.hidden=a.hidden;t.name=a.name;t.required=a.required;t.scale=a.scale}))}}}t.prototype.onDisabledChange=function(){this.passPropsToRadioButtons()};t.prototype.onHiddenChange=function(){this.passPropsToRadioButtons()};t.prototype.onLayoutChange=function(){this.passPropsToRadioButtons()};t.prototype.onScaleChange=function(){this.passPropsToRadioButtons()};t.prototype.connectedCallback=function(){var t;this.passPropsToRadioButtons();(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.radioButtonChangeHandler=function(t){this.calciteRadioButtonGroupChange.emit(t.target.value)};t.prototype.render=function(){return h(Host,{role:"radiogroup"},h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["onDisabledChange"],hidden:["onHiddenChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}},enumerable:false,configurable:true});return t}();RadioButtonGroup.style=radioButtonGroupCss;export{RadioButtonGroup as calcite_radio_button_group};
|
|
@@ -2,5 +2,5 @@ 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
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{g as guid}from"./guid-9ee41ac6.js";import{a as getElementDir,f as focusElement,t as toAriaBoolean}from"./dom-6c1f7204.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-b30a7cde.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-115e3241.js";import{g as getRoundRobinIndex}from"./array-48f23287.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";var CSS={container:"container"};var radioButtonCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-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([focused]) .radio{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{height:var(--calcite-radio-size);max-width:var(--calcite-radio-size);min-width:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}: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);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}: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);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";width:var(--calcite-radio-size);height:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var RadioButton=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalRadioButtonBlur=createEvent(this,"calciteInternalRadioButtonBlur",7);this.calciteRadioButtonChange=createEvent(this,"calciteRadioButtonChange",7);this.calciteInternalRadioButtonCheckedChange=createEvent(this,"calciteInternalRadioButtonCheckedChange",7);this.calciteInternalRadioButtonFocus=createEvent(this,"calciteInternalRadioButtonFocus",7);this.checked=false;this.disabled=false;this.focused=false;this.hidden=false;this.hovered=false;this.required=false;this.scale="m";this.selectItem=function(t,e){t[e].click()};this.queryButtons=function(){return Array.from(e.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((function(t){return t.name===e.name}))};this.isDefaultSelectable=function(){var t=e.queryButtons();return!t.some((function(t){return t.checked}))&&t[0]===e.el};this.check=function(){if(e.disabled){return}e.uncheckAllRadioButtonsInGroup();e.checked=true;e.focused=true;e.calciteRadioButtonChange.emit();e.setFocus()};this.clickHandler=function(){e.check()};this.setContainerEl=function(t){e.containerEl=t};this.handleKeyDown=function(t){var i=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];var a=t.key;var n=e.el;if(i.indexOf(a)===-1){return}if(a===" "){e.check();return}var o=a;if(getElementDir(n)==="rtl"){if(a==="ArrowRight"){o="ArrowLeft"}if(a==="ArrowLeft"){o="ArrowRight"}}var r=Array.from(e.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((function(t){return t.name===e.name}));var c=0;var s=r.length;r.some((function(t,e){if(t.checked){c=e;return true}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();e.selectItem(r,getRoundRobinIndex(Math.max(c-1,-1),s));return;case"ArrowRight":case"ArrowDown":t.preventDefault();e.selectItem(r,getRoundRobinIndex(c+1,s));return;default:return}};this.onContainerBlur=function(){e.focused=false;e.calciteInternalRadioButtonBlur.emit()};this.onContainerFocus=function(){if(!e.disabled){e.focused=true;e.calciteInternalRadioButtonFocus.emit()}}}t.prototype.checkedChanged=function(t){if(t){this.uncheckOtherRadioButtonsInGroup()}this.calciteInternalRadioButtonCheckedChange.emit(t)};t.prototype.nameChanged=function(){this.checkLastRadioButton()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled){focusElement(this.containerEl)}return[2]}))}))};t.prototype.onLabelClick=function(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();var e=t.currentTarget;var i=e.for?this.rootNode.querySelector('calcite-radio-button[id="'.concat(e.for,'"]')):e.querySelector('calcite-radio-button[name="'.concat(this.name,'"]'));if(i){i.checked=true;i.focused=true}this.calciteRadioButtonChange.emit();this.setFocus()}};t.prototype.checkLastRadioButton=function(){var t=this.queryButtons();var e=t.filter((function(t){return t.checked}));if((e===null||e===void 0?void 0:e.length)>1){var i=e[e.length-1];e.filter((function(t){return t!==i})).forEach((function(t){t.checked=false;t.emitCheckedChange()}))}};t.prototype.emitCheckedChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.calciteInternalRadioButtonCheckedChange.emit();return[2]}))}))};t.prototype.uncheckAllRadioButtonsInGroup=function(){var t=this.queryButtons();t.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.uncheckOtherRadioButtonsInGroup=function(){var t=this;var e=this.queryButtons();var i=e.filter((function(e){return e.guid!==t.guid}));i.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.getTabIndex=function(){if(this.disabled){return undefined}return this.checked||this.isDefaultSelectable()?0:-1};t.prototype.mouseenter=function(){this.hovered=true};t.prototype.mouseleave=function(){this.hovered=false};t.prototype.connectedCallback=function(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||"calcite-radio-button-".concat(guid());if(this.name){this.checkLastRadioButton()}connectLabel(this);connectForm(this)};t.prototype.componentDidLoad=function(){if(this.focused&&!this.disabled){this.setFocus()}};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this.getTabIndex();return h(Host,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},h("div",{"aria-checked":toAriaBoolean(this.checked),"aria-label":getLabelText(this),class:CSS.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},h("div",{class:"radio"})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();RadioButton.style=radioButtonCss;export{RadioButton as calcite_radio_button};
|
|
5
|
+
* v1.0.0-beta.87
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5048a317.js";import{g as guid}from"./guid-ba74e5d4.js";import{a as getElementDir,f as focusElement,t as toAriaBoolean}from"./dom-19ab3d2f.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-dfcfa9e0.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-ecbc6fec.js";import{g as getRoundRobinIndex}from"./array-c38e9698.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";var CSS={container:"container"};var radioButtonCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{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);outline-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-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([focused]) .radio{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size: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);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}: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);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}: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);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';var RadioButton=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInternalRadioButtonBlur=createEvent(this,"calciteInternalRadioButtonBlur",7);this.calciteRadioButtonChange=createEvent(this,"calciteRadioButtonChange",7);this.calciteInternalRadioButtonCheckedChange=createEvent(this,"calciteInternalRadioButtonCheckedChange",7);this.calciteInternalRadioButtonFocus=createEvent(this,"calciteInternalRadioButtonFocus",7);this.checked=false;this.disabled=false;this.focused=false;this.hidden=false;this.hovered=false;this.required=false;this.scale="m";this.selectItem=function(t,e){t[e].click()};this.queryButtons=function(){return Array.from(e.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((function(t){return t.name===e.name}))};this.isDefaultSelectable=function(){var t=e.queryButtons();return!t.some((function(t){return t.checked}))&&t[0]===e.el};this.check=function(){if(e.disabled){return}e.uncheckAllRadioButtonsInGroup();e.checked=true;e.focused=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.prototype.nameChanged=function(){this.checkLastRadioButton()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled){focusElement(this.containerEl)}return[2]}))}))};t.prototype.onLabelClick=function(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();var e=t.currentTarget;var i=e.for?this.rootNode.querySelector('calcite-radio-button[id="'.concat(e.for,'"]')):e.querySelector('calcite-radio-button[name="'.concat(this.name,'"]'));if(i){i.checked=true;i.focused=true}this.calciteRadioButtonChange.emit();this.setFocus()}};t.prototype.checkLastRadioButton=function(){var t=this.queryButtons();var e=t.filter((function(t){return t.checked}));if((e===null||e===void 0?void 0:e.length)>1){var i=e[e.length-1];e.filter((function(t){return t!==i})).forEach((function(t){t.checked=false;t.emitCheckedChange()}))}};t.prototype.emitCheckedChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.calciteInternalRadioButtonCheckedChange.emit();return[2]}))}))};t.prototype.uncheckAllRadioButtonsInGroup=function(){var t=this.queryButtons();t.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.uncheckOtherRadioButtonsInGroup=function(){var t=this;var e=this.queryButtons();var i=e.filter((function(e){return e.guid!==t.guid}));i.forEach((function(t){if(t.checked){t.checked=false;t.focused=false}}))};t.prototype.getTabIndex=function(){if(this.disabled){return undefined}return this.checked||this.isDefaultSelectable()?0:-1};t.prototype.mouseenter=function(){this.hovered=true};t.prototype.mouseleave=function(){this.hovered=false};t.prototype.connectedCallback=function(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||"calcite-radio-button-".concat(guid());if(this.name){this.checkLastRadioButton()}connectLabel(this);connectForm(this)};t.prototype.componentDidLoad=function(){if(this.focused&&!this.disabled){this.setFocus()}};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this.getTabIndex();return h(Host,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},h("div",{"aria-checked":toAriaBoolean(this.checked),"aria-label":getLabelText(this),class:CSS.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},h("div",{class:"radio"})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();RadioButton.style=radioButtonCss;export{RadioButton as calcite_radio_button};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,a
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{c(a.next(t))}catch(t){o(t)}}function l(t){try{c(a["throw"](t))}catch(t){o(t)}}function c(t){t.done?i(t.value):n(t.value).then(r,l)}c((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return c([t,e])}}function c(r){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(o=r[0]&2?n["return"]:r[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,r[1])).done)return o;if(n=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;n=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];n=0}finally{a=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[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
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-dfcf10d7.js";import{a as getElementDir,d as getElementProp,t as toAriaBoolean}from"./dom-6c1f7204.js";import{c as connectLabel,d as disconnectLabel}from"./label-b30a7cde.js";import{a as afterConnectDefaultValueSet,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-115e3241.js";import{u as updateHostInteraction}from"./interactive-2a03c362.js";import"./guid-9ee41ac6.js";var radioGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){width:100%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var RadioGroup=function(){function t(t){var e=this;registerInstance(this,t);this.calciteRadioGroupChange=createEvent(this,"calciteRadioGroupChange",7);this.appearance="solid";this.disabled=false;this.required=false;this.layout="horizontal";this.scale="m";this.value=null;this.width="auto";this.handleClick=function(t){if(t.target.localName==="calcite-radio-group-item"){e.selectItem(t.target,true)}}}t.prototype.valueHandler=function(t){var e=this.getItems();e.forEach((function(e){return e.checked=e.value===t}))};t.prototype.handleSelectedItemChange=function(t,e){this.value=t===null||t===void 0?void 0:t.value;if(t===e){return}var a=this.getItems();var i=Array.from(a).filter((function(e){return e===t})).pop();if(i){this.selectItem(i)}else if(a[0]){a[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.componentDidLoad=function(){afterConnectDefaultValueSet(this,this.value)};t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){return h(Host,{onClick:this.handleClick,role:"radiogroup"},h("slot",null),h(HiddenFormInputSlot,{component:this}))};t.prototype.handleSelected=function(t){t.preventDefault();this.selectItem(t.target);t.stopPropagation()};t.prototype.handleKeyDown=function(t){var e=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];var a=t.key;var i=this,n=i.el,r=i.selectedItem;if(e.indexOf(a)===-1){return}var o=a;if(getElementDir(n)==="rtl"){if(a==="ArrowRight"){o="ArrowLeft"}if(a==="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 a=this;if(e===void 0){e=false}if(t===this.selectedItem){return}var i=this.getItems();var n=null;i.forEach((function(i){var r=i.value===t.value;if(r&&!i.checked||!r&&i.checked){i.checked=r}i.tabIndex=r?0:-1;if(r){n=i;if(e){a.calciteRadioGroupChange.emit(n.value)}}}));this.selectedItem=n;if(n){n.focus()}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}},enumerable:false,configurable:true});return t}();RadioGroup.style=radioGroupCss;var SLOTS={input:"input"};var CSS={radioGroupItemIcon:"radio-group-item-icon"};var radioGroupItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;font-weight:var(--calcite-font-weight-normal);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{-ms-flex-pack:center;justify-content:center}:host{outline-color:transparent}: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}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .radio-group-item-icon{color:highlightText}}.radio-group-item-icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;line-height:inherit}:host([icon-position=start]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([icon-position=end]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host([icon-position=start]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([icon-position=end]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}:host([icon-position=start]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([icon-position=end]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:1rem;margin-inline-start:1rem}";var RadioGroupItem=function(){function t(t){registerInstance(this,t);this.calciteInternalRadioGroupItemChange=createEvent(this,"calciteInternalRadioGroupItemChange",7);this.checked=false;this.iconFlipRtl=false;this.iconPosition="start"}t.prototype.handleCheckedChange=function(){this.calciteInternalRadioGroupItemChange.emit()};t.prototype.render=function(){var t=this,e=t.checked,a=t.value;var i=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":toAriaBoolean(e),"aria-label":a,role:"radio"},h("label",{class:{"label--scale-s":i==="s","label--scale-m":i==="m","label--scale-l":i==="l","label--horizontal":r==="horizontal","label--outline":n==="outline"}},this.icon&&this.iconPosition==="start"?o:null,h("slot",null,a),h("slot",{name:SLOTS.input}),this.icon&&this.iconPosition==="end"?o:null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["handleCheckedChange"]}},enumerable:false,configurable:true});return t}();RadioGroupItem.style=radioGroupItemCss;export{RadioGroup as calcite_radio_group,RadioGroupItem as calcite_radio_group_item};
|
|
5
|
+
* v1.0.0-beta.87
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5048a317.js";import{a as getElementDir,d as getElementProp,t as toAriaBoolean}from"./dom-19ab3d2f.js";import{c as connectLabel,d as disconnectLabel}from"./label-dfcfa9e0.js";import{a as afterConnectDefaultValueSet,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-ecbc6fec.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";import"./guid-ba74e5d4.js";var radioGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:-webkit-fit-content;min-inline-size:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var RadioGroup=function(){function t(t){var e=this;registerInstance(this,t);this.calciteRadioGroupChange=createEvent(this,"calciteRadioGroupChange",7);this.appearance="solid";this.disabled=false;this.required=false;this.layout="horizontal";this.scale="m";this.value=null;this.width="auto";this.handleClick=function(t){if(t.target.localName==="calcite-radio-group-item"){e.selectItem(t.target,true)}}}t.prototype.valueHandler=function(t){var e=this.getItems();e.forEach((function(e){return e.checked=e.value===t}))};t.prototype.handleSelectedItemChange=function(t,e){this.value=t===null||t===void 0?void 0:t.value;if(t===e){return}var i=this.getItems();var a=Array.from(i).filter((function(e){return e===t})).pop();if(a){this.selectItem(a)}else if(i[0]){i[0].tabIndex=0}};t.prototype.componentWillLoad=function(){var t=this.getItems();var e=Array.from(t).filter((function(t){return t.checked})).pop();if(e){this.selectItem(e)}else if(t[0]){t[0].tabIndex=0}};t.prototype.componentDidLoad=function(){afterConnectDefaultValueSet(this,this.value)};t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){return h(Host,{onClick:this.handleClick,role:"radiogroup"},h("slot",null),h(HiddenFormInputSlot,{component:this}))};t.prototype.handleSelected=function(t){t.preventDefault();this.selectItem(t.target);t.stopPropagation()};t.prototype.handleKeyDown=function(t){var e=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];var i=t.key;var a=this,n=a.el,o=a.selectedItem;if(e.indexOf(i)===-1){return}var r=i;if(getElementDir(n)==="rtl"){if(i==="ArrowRight"){r="ArrowLeft"}if(i==="ArrowLeft"){r="ArrowRight"}}var l=this.getItems();var c=-1;l.forEach((function(t,e){if(t===o){c=e}}));switch(r){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 o=a.value===t.value;if(o&&!a.checked||!o&&a.checked){a.checked=o}a.tabIndex=o?0:-1;if(o){n=a;if(e){i.calciteRadioGroupChange.emit(n.value)}}}));this.selectedItem=n;if(n){n.focus()}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}},enumerable:false,configurable:true});return t}();RadioGroup.style=radioGroupCss;var SLOTS={input:"input"};var CSS={radioGroupItemIcon:"radio-group-item-icon"};var radioGroupItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;font-weight:var(--calcite-font-weight-normal);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{-ms-flex-pack:center;justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block: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}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .radio-group-item-icon{color:highlightText}}.radio-group-item-icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;line-height:inherit}:host([icon-position=start]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([icon-position=end]) .label--scale-s .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host([icon-position=start]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([icon-position=end]) .label--scale-m .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}:host([icon-position=start]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([icon-position=end]) .label--scale-l .radio-group-item-icon{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:1rem;margin-inline-start:1rem}";var RadioGroupItem=function(){function t(t){registerInstance(this,t);this.calciteInternalRadioGroupItemChange=createEvent(this,"calciteInternalRadioGroupItemChange",7);this.checked=false;this.iconFlipRtl=false;this.iconPosition="start"}t.prototype.handleCheckedChange=function(){this.calciteInternalRadioGroupItemChange.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 o=getElementProp(this.el,"layout","horizontal");var r=h("calcite-icon",{class:CSS.radioGroupItemIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});return h(Host,{"aria-checked":toAriaBoolean(e),"aria-label":i,role:"radio"},h("label",{class:{"label--scale-s":a==="s","label--scale-m":a==="m","label--scale-l":a==="l","label--horizontal":o==="horizontal","label--outline":n==="outline"}},this.icon&&this.iconPosition==="start"?r:null,h("slot",null,i),h("slot",{name:SLOTS.input}),this.icon&&this.iconPosition==="end"?r:null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["handleCheckedChange"]}},enumerable:false,configurable:true});return t}();RadioGroupItem.style=radioGroupItemCss;export{RadioGroup as calcite_radio_group,RadioGroupItem as calcite_radio_group_item};
|
|
@@ -2,5 +2,5 @@ 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
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-
|
|
5
|
+
* v1.0.0-beta.87
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-5048a317.js";import{g as guid}from"./guid-ba74e5d4.js";import{c as connectLabel,d as disconnectLabel}from"./label-dfcfa9e0.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-ecbc6fec.js";import{u as updateHostInteraction}from"./interactive-71744e3e.js";import{i as isActivationKey}from"./key-af81a004.js";import"./dom-19ab3d2f.js";var TEXT={rating:"Rating",stars:"Stars: ${num}"};var ratingCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}:host([read-only]){pointer-events:none}.fieldset{margin:0px;display:-ms-flexbox;display:flex;border-width:0px;padding:0px}.wrapper{display:inline-block;-webkit-margin-end:var(--calcite-rating-spacing-unit);margin-inline-end:var(--calcite-rating-spacing-unit)}.star{position:relative;display:-ms-flexbox;display:flex;cursor:pointer;outline-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-input)}.focused{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected,:host([read-only]) .average,:host([read-only]) .fraction{color:var(--calcite-ui-brand)}:host .fraction{pointer-events:none;position:absolute;inset-block-start:0px;overflow:hidden;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:var(--calcite-font-weight-bold)}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){-webkit-margin-start:var(--calcite-rating-spacing-unit);margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var Rating=function(){function t(t){var e=this;registerInstance(this,t);this.calciteRatingChange=createEvent(this,"calciteRatingChange",7);this.scale="m";this.value=0;this.readOnly=false;this.disabled=false;this.showChip=false;this.intlRating=TEXT.rating;this.intlStars=TEXT.stars;this.required=false;this.onKeyboardPressed=function(t){if(!e.required&&isActivationKey(t.key)){t.preventDefault();e.updateValue(0)}};this.onFocusChange=function(t){e.hasFocus=true;if(!e.required&&e.focusValue===t){e.updateValue(0)}else{e.focusValue=t}};this.guid="calcite-ratings-".concat(guid())}t.prototype.connectedCallback=function(){connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.blurHandler=function(){this.hasFocus=false};t.prototype.renderStars=function(){var t=this;return[1,2,3,4,5].map((function(e){var a=t.value>=e;var n=t.average&&!t.value&&e<=t.average;var i=e<=t.hoverValue;var r=t.average&&t.average+1-e;var o=!t.value&&!i&&r>0&&r<1;var s=t.hasFocus&&t.focusValue===e;return h("span",{class:{wrapper:true}},h("label",{class:{star:true,focused:s,selected:a,average:n,hovered:i,partial:o},htmlFor:"".concat(t.guid,"-").concat(e),onMouseOver:function(){t.hoverValue=e}},h("calcite-icon",{"aria-hidden":"true",class:"icon",icon:a||n||t.readOnly?"star-f":"star",scale:t.scale}),o&&h("div",{class:"fraction",style:{width:"".concat(r*100,"%")}},h("calcite-icon",{icon:"star-f",scale:t.scale})),h("span",{class:"visually-hidden"},t.intlStars.replace("${num}","".concat(e)))),h("input",{checked:e===t.value,class:"visually-hidden",disabled:t.disabled||t.readOnly,id:"".concat(t.guid,"-").concat(e),name:t.guid,onChange:function(){return t.updateValue(e)},onClick:function(t){return t.stopPropagation()},onFocus:function(){return t.onFocusChange(e)},onKeyDown:t.onKeyboardPressed,ref:function(a){return(e===1||e===t.value)&&(t.inputFocusRef=a)},type:"radio",value:e}))}))};t.prototype.render=function(){var t=this;var e=this,a=e.disabled,n=e.intlRating,i=e.showChip,r=e.scale,o=e.count,s=e.average;return h(Fragment,null,h("fieldset",{class:"fieldset",disabled:a,onBlur:function(){return t.hoverValue=null},onMouseLeave:function(){return t.hoverValue=null},onTouchEnd:function(){return t.hoverValue=null}},h("legend",{class:"visually-hidden"},n),this.renderStars()),(o||s)&&i?h("calcite-chip",{scale:r,value:o===null||o===void 0?void 0:o.toString()},!!s&&h("span",{class:"number--average"},s.toString()),!!o&&h("span",{class:"number--count"},"(",o===null||o===void 0?void 0:o.toString(),")")):null,h(HiddenFormInputSlot,{component:this}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateValue=function(t){this.value=t;this.calciteRatingChange.emit({value:t})};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.inputFocusRef)===null||t===void 0?void 0:t.focus();return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Rating.style=ratingCss;export{Rating as calcite_rating};
|