@esri/calcite-components 1.0.0-beta.85 → 1.0.0-beta.86
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-2d906cf6.system.entry.js → p-03005912.system.entry.js} +2 -2
- package/dist/calcite/{p-5d0e2da6.js → p-038a1a34.js} +1 -1
- package/dist/calcite/{p-01bc4f23.system.entry.js → p-05acf942.system.entry.js} +2 -2
- package/dist/calcite/{p-37e5be23.system.js → p-078aa8cf.system.js} +1 -1
- package/dist/calcite/p-098bf101.entry.js +6 -0
- package/dist/calcite/p-0ac22887.js +6 -0
- package/dist/calcite/{p-fb6c3b22.system.entry.js → p-0d0ab1c5.system.entry.js} +2 -2
- package/dist/calcite/{p-243cd9e3.system.js → p-12bca4f1.system.js} +1 -1
- package/dist/calcite/{p-a0a60580.system.entry.js → p-15a9e209.system.entry.js} +2 -2
- package/dist/calcite/{p-0212da73.system.js → p-17bb1d46.system.js} +1 -1
- package/dist/calcite/{p-181ee6d9.system.entry.js → p-17c8a622.system.entry.js} +2 -2
- package/dist/calcite/p-1b79a3a3.entry.js +6 -0
- package/dist/calcite/p-1b939beb.system.entry.js +6 -0
- package/dist/calcite/{p-bb6b70d0.system.entry.js → p-1e7d3d02.system.entry.js} +2 -2
- package/dist/calcite/{p-1fd12e92.system.entry.js → p-1e9d27fe.system.entry.js} +3 -3
- package/dist/calcite/{p-ce7d3daf.system.entry.js → p-1ef82cc5.system.entry.js} +2 -2
- package/dist/calcite/p-1f0bf183.system.entry.js +6 -0
- package/dist/calcite/{p-a22911bb.entry.js → p-1f289404.entry.js} +2 -2
- package/dist/calcite/{p-c0c270bf.entry.js → p-22217b06.entry.js} +2 -2
- package/dist/calcite/{p-5a45c95e.entry.js → p-247f1abc.entry.js} +2 -2
- package/dist/calcite/p-27f31e04.js +6 -0
- package/dist/calcite/{p-b1c2d29e.entry.js → p-283ed748.entry.js} +2 -2
- package/dist/calcite/{p-e2788410.system.entry.js → p-29122323.system.entry.js} +2 -2
- package/dist/calcite/{p-51534de9.system.js → p-29c3c079.system.js} +1 -1
- package/dist/calcite/{p-a6e2dce3.js → p-29c6691b.js} +1 -1
- package/dist/calcite/{p-2346e8b5.js → p-2c78140e.js} +1 -1
- package/dist/calcite/{p-1c5c525b.system.js → p-2ce0209d.system.js} +1 -1
- package/dist/calcite/p-2d556f94.system.entry.js +6 -0
- package/dist/calcite/p-2d7b7215.system.entry.js +6 -0
- package/dist/calcite/{p-2882a864.js → p-2efde396.js} +2 -2
- package/dist/calcite/{p-e701122c.js → p-2f717afb.js} +2 -2
- package/dist/calcite/{p-5e5cafb5.system.entry.js → p-2f906310.system.entry.js} +2 -2
- package/dist/calcite/{p-222220eb.js → p-336d62ab.js} +1 -1
- package/dist/calcite/{p-de06d5a7.entry.js → p-33e02930.entry.js} +2 -2
- package/dist/calcite/{p-0223a366.system.entry.js → p-36183756.system.entry.js} +2 -2
- package/dist/calcite/{p-791b3dac.entry.js → p-36ee6a02.entry.js} +2 -2
- package/dist/calcite/{p-c0612433.entry.js → p-37f621e1.entry.js} +2 -2
- package/dist/calcite/p-386d256d.entry.js +6 -0
- package/dist/calcite/{p-6b2b5764.entry.js → p-39201c6f.entry.js} +2 -2
- package/dist/calcite/p-40825758.entry.js +6 -0
- package/dist/calcite/{p-cac75100.system.entry.js → p-40ddce6a.system.entry.js} +2 -2
- package/dist/calcite/{p-89967a2b.system.entry.js → p-4178c522.system.entry.js} +2 -2
- package/dist/calcite/{p-ed372fd5.entry.js → p-451e4a81.entry.js} +2 -2
- package/dist/calcite/{p-311ddd75.system.entry.js → p-498af5d7.system.entry.js} +2 -2
- package/dist/calcite/{p-b95af5f3.entry.js → p-4a1a8fac.entry.js} +2 -2
- package/dist/calcite/{p-887d734a.js → p-4c3e960e.js} +2 -2
- package/dist/calcite/{p-736cba68.system.js → p-4c62aae1.system.js} +2 -2
- package/dist/calcite/{p-1cea5244.system.js → p-4f206065.system.js} +2 -2
- package/dist/calcite/{p-43aac0ac.entry.js → p-52474c34.entry.js} +2 -2
- package/dist/calcite/{p-c6995296.system.entry.js → p-55b9c3d8.system.entry.js} +2 -2
- package/dist/calcite/{p-e2da9506.entry.js → p-58ba388d.entry.js} +2 -2
- package/dist/calcite/{p-6f11a56f.system.entry.js → p-62f31a5a.system.entry.js} +2 -2
- package/dist/calcite/{p-2d888e2f.entry.js → p-645da33b.entry.js} +2 -2
- package/dist/calcite/{p-872dd7ba.system.js → p-64abac3a.system.js} +1 -1
- package/dist/calcite/{p-20ccf33e.system.js → p-660b54aa.system.js} +2 -2
- package/dist/calcite/{p-3ebbb37d.system.js → p-661fe743.system.js} +2 -2
- package/dist/calcite/{p-b765d1ce.entry.js → p-667c6be1.entry.js} +2 -2
- package/dist/calcite/{p-329709c2.system.entry.js → p-670df541.system.entry.js} +2 -2
- package/dist/calcite/{p-467704c7.system.js → p-694231fe.system.js} +1 -1
- package/dist/calcite/{p-c711143b.system.entry.js → p-6abdcefa.system.entry.js} +2 -2
- package/dist/calcite/{p-79ac98fc.system.entry.js → p-6c4c7404.system.entry.js} +2 -2
- package/dist/calcite/{p-9fc3c426.entry.js → p-6e59222f.entry.js} +2 -2
- package/dist/calcite/{p-47fced58.system.entry.js → p-6f3fad62.system.entry.js} +3 -3
- package/dist/calcite/{p-d54960f3.system.entry.js → p-705dcfd0.system.entry.js} +2 -2
- package/dist/calcite/{p-8a0b728e.entry.js → p-7124aeac.entry.js} +2 -2
- package/dist/calcite/{p-9440f9a1.entry.js → p-718bec4c.entry.js} +2 -2
- package/dist/calcite/{p-cb2a162f.system.entry.js → p-71df706c.system.entry.js} +2 -2
- package/dist/calcite/{p-b8ce9f3e.entry.js → p-7285074f.entry.js} +2 -2
- package/dist/calcite/{p-170967b2.entry.js → p-72ac5927.entry.js} +2 -2
- package/dist/calcite/{p-5f2a1aeb.entry.js → p-72d06cc6.entry.js} +2 -2
- package/dist/calcite/{p-149936bc.js → p-741a874b.js} +1 -1
- package/dist/calcite/{p-f80c1436.system.entry.js → p-7624aeb6.system.entry.js} +2 -2
- package/dist/calcite/{p-398535e1.system.js → p-786ca76b.system.js} +1 -1
- package/dist/calcite/{p-618bd95d.system.entry.js → p-78f82837.system.entry.js} +2 -2
- package/dist/calcite/{p-46696d61.js → p-7bdab3f4.js} +1 -1
- package/dist/calcite/{p-ac5555ee.js → p-7f519a6f.js} +2 -2
- package/dist/calcite/{p-86e69716.entry.js → p-81460471.entry.js} +2 -2
- package/dist/calcite/p-822445af.entry.js +6 -0
- package/dist/calcite/{p-88c828b4.entry.js → p-82655fe7.entry.js} +2 -2
- package/dist/calcite/{p-202aa07d.entry.js → p-82c99865.entry.js} +2 -2
- package/dist/calcite/{p-8c0d62c7.system.entry.js → p-8381e935.system.entry.js} +2 -2
- package/dist/calcite/{p-03d40265.entry.js → p-85fab359.entry.js} +2 -2
- package/dist/calcite/{p-7c60287e.system.entry.js → p-869ceaf2.system.entry.js} +2 -2
- package/dist/calcite/p-8701d6ec.js +6 -0
- package/dist/calcite/{p-464affb7.system.entry.js → p-881346ec.system.entry.js} +2 -2
- package/dist/calcite/{p-07d77019.system.js → p-8a1593db.system.js} +1 -1
- package/dist/calcite/{p-729af11a.system.entry.js → p-8b8580be.system.entry.js} +3 -3
- package/dist/calcite/p-8d7bcbbe.system.js +7 -0
- package/dist/calcite/{p-1221c17a.system.entry.js → p-8d90241c.system.entry.js} +2 -2
- package/dist/calcite/{p-850bd83f.js → p-8e5b28c2.js} +1 -1
- package/dist/calcite/{p-d0f6c70f.system.entry.js → p-8e8279db.system.entry.js} +2 -2
- package/dist/calcite/{p-49ac0f0d.system.js → p-8e962e28.system.js} +1 -1
- package/dist/calcite/{p-03ef196e.js → p-8f789b45.js} +1 -1
- package/dist/calcite/{p-a34e342b.entry.js → p-8f8f1f3c.entry.js} +2 -2
- package/dist/calcite/{p-584b85e0.system.js → p-9191aae7.system.js} +1 -1
- package/dist/calcite/{p-16e47db7.entry.js → p-92c0a612.entry.js} +2 -2
- package/dist/calcite/{p-119aebca.js → p-93fb8320.js} +2 -2
- package/dist/calcite/{p-4e9df5b8.system.js → p-94e059ed.system.js} +2 -2
- package/dist/calcite/p-97f24602.entry.js +6 -0
- package/dist/calcite/{p-51f5e06e.system.entry.js → p-97fef747.system.entry.js} +2 -2
- package/dist/calcite/{p-eacbae9a.entry.js → p-99306484.entry.js} +2 -2
- package/dist/calcite/{p-4b72075a.system.entry.js → p-9c3e33db.system.entry.js} +2 -2
- package/dist/calcite/{p-072ba3d4.system.js → p-9d82f6ba.system.js} +2 -2
- package/dist/calcite/{p-a8a2f8d8.entry.js → p-9e7c867f.entry.js} +2 -2
- package/dist/calcite/{p-ed126b82.system.entry.js → p-a1dec328.system.entry.js} +3 -3
- package/dist/calcite/{p-315644dd.entry.js → p-a2b65dca.entry.js} +2 -2
- package/dist/calcite/{p-776fdea5.entry.js → p-a5318c00.entry.js} +2 -2
- package/dist/calcite/p-a574d688.entry.js +6 -0
- package/dist/calcite/p-a6da6fa9.entry.js +6 -0
- package/dist/calcite/{p-d37ad67f.system.entry.js → p-a6ec6d30.system.entry.js} +2 -2
- package/dist/calcite/{p-1c5b17ca.system.entry.js → p-a792b4d4.system.entry.js} +2 -2
- package/dist/calcite/p-a8d26072.entry.js +6 -0
- package/dist/calcite/p-a8e86b7c.system.js +6 -0
- package/dist/calcite/{p-a2fc3c01.system.entry.js → p-a930b4c7.system.entry.js} +3 -3
- package/dist/calcite/{p-95126dbe.entry.js → p-aa40e505.entry.js} +2 -2
- package/dist/calcite/p-ad42a290.system.entry.js +6 -0
- package/dist/calcite/{p-c2f04b4a.js → p-ae579245.js} +2 -2
- package/dist/calcite/p-afa96d7b.entry.js +6 -0
- package/dist/calcite/{p-8b11b14e.entry.js → p-b3b7d99f.entry.js} +2 -2
- package/dist/calcite/{p-522b5e9b.system.entry.js → p-b3c08277.system.entry.js} +2 -2
- package/dist/calcite/{p-1e18dd8f.js → p-b4afbab0.js} +1 -1
- package/dist/calcite/{p-3c31971c.system.js → p-ba04d4a6.system.js} +1 -1
- package/dist/calcite/{p-bc80710e.entry.js → p-bae5371e.entry.js} +2 -2
- package/dist/calcite/{p-a1405997.entry.js → p-bbad2c78.entry.js} +2 -2
- package/dist/calcite/{p-abe6d548.system.entry.js → p-bbbf6fcb.system.entry.js} +2 -2
- package/dist/calcite/{p-e647dac1.system.entry.js → p-bbc195d0.system.entry.js} +2 -2
- package/dist/calcite/{p-ecdd5df4.js → p-bc9c9c9b.js} +2 -2
- package/dist/calcite/p-bdbeb0b8.system.js +6 -0
- package/dist/calcite/{p-ea95a1bc.entry.js → p-be0b7ae8.entry.js} +2 -2
- package/dist/calcite/{p-8919c0b9.system.entry.js → p-bed13ccd.system.entry.js} +2 -2
- package/dist/calcite/p-c075111b.system.entry.js +6 -0
- package/dist/calcite/{p-35133da2.system.entry.js → p-c09197e1.system.entry.js} +2 -2
- package/dist/calcite/{p-167a2db7.system.entry.js → p-c3200434.system.entry.js} +2 -2
- package/dist/calcite/{p-27434c28.js → p-c7e8f753.js} +2 -2
- package/dist/calcite/{p-cbe9b8f3.entry.js → p-cda3843c.entry.js} +2 -2
- package/dist/calcite/{p-f411ee83.entry.js → p-cfbd1180.entry.js} +2 -2
- package/dist/calcite/{p-0e40d02c.entry.js → p-d1fef3a5.entry.js} +2 -2
- package/dist/calcite/{p-b0f41839.entry.js → p-d313af3b.entry.js} +2 -2
- package/dist/calcite/{p-c03ca50d.system.entry.js → p-d69560ee.system.entry.js} +2 -2
- package/dist/calcite/{p-2b0bc91f.system.js → p-d713b734.system.js} +1 -1
- package/dist/calcite/{p-07fc31c0.entry.js → p-d7614205.entry.js} +2 -2
- package/dist/calcite/{p-3ab2d1ea.system.entry.js → p-d8cca171.system.entry.js} +2 -2
- package/dist/calcite/{p-0c5db9b8.entry.js → p-d8d3ee29.entry.js} +2 -2
- package/dist/calcite/{p-fe273bab.system.entry.js → p-d91ab8b3.system.entry.js} +2 -2
- package/dist/calcite/{p-ac2ec96b.system.js → p-da045e5a.system.js} +2 -2
- package/dist/calcite/p-da603fb6.system.js +6 -0
- package/dist/calcite/{p-80d78601.system.entry.js → p-dc5681bd.system.entry.js} +2 -2
- package/dist/calcite/{p-53f28012.system.entry.js → p-dda6305e.system.entry.js} +2 -2
- package/dist/calcite/{p-ade94686.entry.js → p-dfd66185.entry.js} +2 -2
- package/dist/calcite/p-e2a9bc3c.js +7 -0
- package/dist/calcite/{p-70d26d8a.entry.js → p-e4a9f3a3.entry.js} +2 -2
- package/dist/calcite/{p-2070ab78.system.entry.js → p-e5100a68.system.entry.js} +2 -2
- package/dist/calcite/{p-27aa7d0a.entry.js → p-e55af056.entry.js} +2 -2
- package/dist/calcite/{p-0913167b.js → p-e6ad54a7.js} +1 -1
- package/dist/calcite/{p-f1134ced.entry.js → p-ec0ff216.entry.js} +2 -2
- package/dist/calcite/{p-6da35717.entry.js → p-ee4221f2.entry.js} +2 -2
- package/dist/calcite/p-ef596bf4.system.js +6 -0
- package/dist/calcite/{p-9487de4e.entry.js → p-f00b1294.entry.js} +2 -2
- package/dist/calcite/{p-8e404843.system.entry.js → p-f1b829e3.system.entry.js} +2 -2
- package/dist/calcite/{p-0f792340.system.entry.js → p-f29e929e.system.entry.js} +2 -2
- package/dist/calcite/{p-d67695ec.js → p-f54622d6.js} +1 -1
- package/dist/calcite/{p-d15c1632.js → p-f70b3399.js} +1 -1
- package/dist/calcite/{p-9126f152.system.js → p-f8798ee9.system.js} +2 -2
- package/dist/calcite/{p-03ab89b3.entry.js → p-fcbb3104.entry.js} +2 -2
- package/dist/calcite/{p-d00a839f.system.entry.js → p-fe758da5.system.entry.js} +2 -2
- package/dist/calcite/{p-ad663d3e.system.entry.js → p-ffc4d4f5.system.entry.js} +2 -2
- package/dist/cjs/{ExpandToggle-cc8723f3.js → ExpandToggle-62479ccb.js} +5 -5
- package/dist/cjs/{Heading-5e52526c.js → Heading-f792c5a6.js} +2 -2
- package/dist/cjs/{array-57bcaf76.js → array-b72d7dd3.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-action-bar.cjs.entry.js +10 -10
- package/dist/cjs/calcite-action-group.cjs.entry.js +8 -8
- package/dist/cjs/calcite-action-menu.cjs.entry.js +8 -8
- package/dist/cjs/calcite-action-pad.cjs.entry.js +9 -9
- package/dist/cjs/calcite-action.cjs.entry.js +6 -6
- package/dist/cjs/calcite-alert.cjs.entry.js +5 -5
- package/dist/cjs/calcite-avatar.cjs.entry.js +5 -5
- package/dist/cjs/calcite-block_2.cjs.entry.js +8 -8
- package/dist/cjs/calcite-button.cjs.entry.js +8 -8
- package/dist/cjs/calcite-card.cjs.entry.js +7 -7
- package/dist/cjs/calcite-checkbox.cjs.entry.js +7 -7
- package/dist/cjs/calcite-chip.cjs.entry.js +15 -9
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +16 -16
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +9 -9
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +9 -9
- package/dist/cjs/calcite-fab.cjs.entry.js +5 -5
- package/dist/cjs/calcite-filter.cjs.entry.js +7 -7
- package/dist/cjs/calcite-flow.cjs.entry.js +3 -3
- package/dist/cjs/calcite-graph_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-handle.cjs.entry.js +4 -4
- package/dist/cjs/calcite-icon.cjs.entry.js +5 -5
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +7 -7
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +11 -11
- package/dist/cjs/calcite-input-message.cjs.entry.js +4 -4
- package/dist/cjs/calcite-input-number.cjs.entry.js +11 -11
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-input.cjs.entry.js +11 -11
- package/dist/cjs/calcite-label.cjs.entry.js +5 -5
- package/dist/cjs/calcite-link.cjs.entry.js +5 -5
- package/dist/cjs/calcite-list_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
- package/dist/cjs/calcite-modal.cjs.entry.js +6 -6
- package/dist/cjs/calcite-notice.cjs.entry.js +15 -9
- package/dist/cjs/calcite-option_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-pagination.cjs.entry.js +5 -5
- package/dist/cjs/calcite-panel.cjs.entry.js +24 -14
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +11 -11
- package/dist/cjs/calcite-popover_2.cjs.entry.js +13 -9
- package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
- package/dist/cjs/calcite-radio-button.cjs.entry.js +8 -8
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +7 -7
- package/dist/cjs/calcite-rating.cjs.entry.js +8 -8
- package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
- package/dist/cjs/calcite-shell_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
- package/dist/cjs/calcite-split-button.cjs.entry.js +3 -3
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-switch.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tab_4.cjs.entry.js +6 -6
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-tile.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tip_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-tree_2.cjs.entry.js +8 -8
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{conditionalSlot-e2c3d357.js → conditionalSlot-d1eb82ce.js} +3 -3
- package/dist/cjs/{debounce-e9a51e04.js → debounce-d2139fc6.js} +1 -1
- package/dist/cjs/{dom-1b4e0097.js → dom-99c1b44d.js} +2 -2
- package/dist/cjs/{forIn-6f2f1821.js → forIn-9ac96598.js} +2 -2
- package/dist/cjs/{form-09b0739e.js → form-4d1ef8c2.js} +3 -3
- package/dist/cjs/{guid-f166e155.js → guid-609f1c0d.js} +1 -1
- package/dist/cjs/{index-341e1ec4.js → index-68ddfe8e.js} +12 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-97aea507.js → interactive-d1ef280c.js} +1 -1
- package/dist/cjs/{interfaces-327e49ac.js → interfaces-a3bdc804.js} +1 -1
- package/dist/cjs/{key-7a6d198d.js → key-017aa5b0.js} +1 -1
- package/dist/cjs/{label-1b7bed3e.js → label-e24023c6.js} +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{locale-075bf13d.js → locale-2d8feb15.js} +2 -2
- package/dist/cjs/{math-da40a7f2.js → math-7fe3e64d.js} +1 -1
- package/dist/cjs/{observers-dea97623.js → observers-aa7367df.js} +1 -1
- package/dist/cjs/{popper-ec16ae25.js → popper-f29f9a3b.js} +2 -2
- package/dist/cjs/{resources-8e6a4847.js → resources-0c0019fb.js} +5 -5
- package/dist/cjs/{resources-f35c4b41.js → resources-9aaa6e0a.js} +3 -3
- package/dist/cjs/{resources-7f821e18.js → resources-a7f0af25.js} +1 -1
- package/dist/cjs/{resources-38083f60.js → resources-b4ed54b9.js} +1 -1
- package/dist/cjs/{sortable.esm-1d891a3c.js → sortable.esm-6dc17794.js} +1 -1
- package/dist/cjs/{utils-c2ab1f6b.js → utils-53d98078.js} +1 -1
- package/dist/collection/components/accordion/accordion.js +1 -1
- package/dist/collection/components/accordion/interfaces.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.css +17 -2
- package/dist/collection/components/accordion-item/accordion-item.js +1 -1
- package/dist/collection/components/action/action.js +1 -1
- package/dist/collection/components/action/resources.js +1 -1
- package/dist/collection/components/action-bar/action-bar.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/action-group/resources.js +1 -1
- package/dist/collection/components/action-menu/action-menu.js +1 -1
- package/dist/collection/components/action-menu/resources.js +1 -1
- package/dist/collection/components/action-pad/action-pad.js +1 -1
- package/dist/collection/components/action-pad/resources.js +1 -1
- package/dist/collection/components/alert/alert.js +1 -1
- package/dist/collection/components/alert/interfaces.js +1 -1
- package/dist/collection/components/alert/resources.js +1 -1
- package/dist/collection/components/avatar/avatar.js +1 -1
- package/dist/collection/components/avatar/utils.js +1 -1
- package/dist/collection/components/block/block.js +1 -1
- package/dist/collection/components/block/resources.js +1 -1
- package/dist/collection/components/block-section/block-section.js +1 -1
- 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.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 +1 -0
- package/dist/collection/components/card/card.js +1 -1
- package/dist/collection/components/card/resources.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +1 -1
- package/dist/collection/components/chip/chip.css +4 -2
- package/dist/collection/components/chip/chip.js +31 -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.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
- 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 +6 -0
- package/dist/collection/components/combobox/combobox.js +2 -2
- 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 +4 -0
- package/dist/collection/components/combobox-item/combobox-item.js +1 -1
- package/dist/collection/components/combobox-item/resources.js +1 -1
- package/dist/collection/components/combobox-item-group/combobox-item-group.css +4 -0
- 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.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
- package/dist/collection/components/date-picker-month-header/resources.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +7 -0
- package/dist/collection/components/dropdown/dropdown.js +1 -1
- 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.js +1 -1
- 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 +1 -4
- package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
- package/dist/collection/components/dropdown-item/resources.js +1 -1
- package/dist/collection/components/fab/fab.js +1 -1
- package/dist/collection/components/fab/resources.js +1 -1
- package/dist/collection/components/filter/filter.js +1 -1
- package/dist/collection/components/filter/resources.js +1 -1
- 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.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.js +1 -1
- package/dist/collection/components/handle/resources.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/inline-editable/resources.js +1 -1
- package/dist/collection/components/input/input.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/input-date-picker/resources.js +1 -1
- 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.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/interfaces.js +1 -1
- package/dist/collection/components/label/label.js +1 -1
- package/dist/collection/components/label/resources.js +1 -1
- package/dist/collection/components/link/link.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/list-item/resources.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/modal/interfaces.js +1 -1
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/modal/resources.js +1 -1
- package/dist/collection/components/notice/notice.js +32 -5
- package/dist/collection/components/notice/resources.js +1 -1
- package/dist/collection/components/option/option.js +1 -1
- package/dist/collection/components/option-group/option-group.js +1 -1
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pagination/resources.js +1 -1
- package/dist/collection/components/panel/panel.js +61 -7
- package/dist/collection/components/panel/resources.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/pick-list-group/resources.js +1 -1
- package/dist/collection/components/pick-list-item/pick-list-item.js +1 -1
- 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.js +29 -4
- package/dist/collection/components/popover/resources.js +1 -1
- package/dist/collection/components/popover-manager/popover-manager.js +1 -1
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +1 -1
- package/dist/collection/components/radio-button/resources.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
- package/dist/collection/components/radio-group/interfaces.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/radio-group-item/radio-group-item.js +1 -1
- package/dist/collection/components/radio-group-item/resources.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/select/resources.js +1 -1
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/shell/resources.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/shell-panel/resources.js +1 -1
- package/dist/collection/components/shell-panel/shell-panel.js +1 -1
- package/dist/collection/components/slider/slider.js +1 -1
- package/dist/collection/components/sortable-list/resources.js +1 -1
- package/dist/collection/components/sortable-list/sortable-list.js +1 -1
- package/dist/collection/components/split-button/resources.js +1 -1
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/stepper/interfaces.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +1 -1
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/tab/interfaces.js +1 -1
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-nav/tab-nav.js +1 -1
- package/dist/collection/components/tab-title/tab-title.js +1 -1
- package/dist/collection/components/tabs/interfaces.js +1 -1
- package/dist/collection/components/tabs/resources.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tile/resources.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/tile-select-group/interfaces.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/tip/resources.js +1 -1
- package/dist/collection/components/tip/tip.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/tooltip/TooltipManager.js +1 -1
- package/dist/collection/components/tooltip/resources.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +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 +3 -0
- package/dist/collection/components/tree/tree.js +1 -1
- 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 +6 -4
- package/dist/collection/components/tree-item/tree-item.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/value-list-item/resources.js +1 -1
- 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/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/popper.js +1 -1
- package/dist/collection/utils/resources.js +1 -1
- package/dist/collection/utils/time.js +1 -1
- package/dist/components/ExpandToggle.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/action-group.js +1 -1
- package/dist/components/action-menu.js +1 -1
- package/dist/components/action.js +1 -1
- package/dist/components/array.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/calcite-accordion-item.js +2 -2
- package/dist/components/calcite-accordion.js +1 -1
- package/dist/components/calcite-action-bar.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-action.js +1 -1
- package/dist/components/calcite-alert.js +1 -1
- package/dist/components/calcite-avatar.js +1 -1
- package/dist/components/calcite-block-section.js +1 -1
- package/dist/components/calcite-block.js +1 -1
- package/dist/components/calcite-button.js +1 -1
- package/dist/components/calcite-card.js +2 -2
- 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 +1 -1
- package/dist/components/calcite-combobox-item-group.js +2 -2
- package/dist/components/calcite-combobox-item.js +2 -2
- package/dist/components/calcite-combobox.js +3 -3
- 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 +1 -1
- package/dist/components/calcite-dropdown-item.js +2 -2
- package/dist/components/calcite-dropdown.js +1 -1
- package/dist/components/calcite-fab.js +1 -1
- package/dist/components/calcite-filter.js +1 -1
- package/dist/components/calcite-flow.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-input-date-picker.js +1 -1
- package/dist/components/calcite-input-message.js +1 -1
- package/dist/components/calcite-input-number.js +1 -1
- package/dist/components/calcite-input-time-picker.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-list-item.js +1 -1
- package/dist/components/calcite-list.js +1 -1
- package/dist/components/calcite-loader.js +1 -1
- package/dist/components/calcite-modal.js +1 -1
- package/dist/components/calcite-notice.js +10 -3
- package/dist/components/calcite-option-group.js +1 -1
- package/dist/components/calcite-option.js +1 -1
- package/dist/components/calcite-pagination.js +1 -1
- package/dist/components/calcite-panel.js +18 -6
- package/dist/components/calcite-pick-list-group.js +1 -1
- package/dist/components/calcite-pick-list-item.js +1 -1
- package/dist/components/calcite-pick-list.js +1 -1
- package/dist/components/calcite-popover-manager.js +1 -1
- package/dist/components/calcite-popover.js +1 -1
- package/dist/components/calcite-progress.js +1 -1
- package/dist/components/calcite-radio-button-group.js +1 -1
- package/dist/components/calcite-radio-button.js +1 -1
- package/dist/components/calcite-radio-group-item.js +1 -1
- package/dist/components/calcite-radio-group.js +1 -1
- package/dist/components/calcite-rating.js +1 -1
- package/dist/components/calcite-scrim.js +1 -1
- package/dist/components/calcite-select.js +1 -1
- package/dist/components/calcite-shell-center-row.js +1 -1
- package/dist/components/calcite-shell-panel.js +1 -1
- package/dist/components/calcite-shell.js +1 -1
- package/dist/components/calcite-slider.js +1 -1
- package/dist/components/calcite-sortable-list.js +1 -1
- package/dist/components/calcite-split-button.js +1 -1
- package/dist/components/calcite-stepper-item.js +1 -1
- package/dist/components/calcite-stepper.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-tile-select.js +1 -1
- package/dist/components/calcite-tile.js +1 -1
- package/dist/components/calcite-time-picker.js +1 -1
- package/dist/components/calcite-tip-group.js +1 -1
- package/dist/components/calcite-tip-manager.js +1 -1
- package/dist/components/calcite-tip.js +1 -1
- package/dist/components/calcite-tooltip-manager.js +1 -1
- package/dist/components/calcite-tooltip.js +1 -1
- package/dist/components/calcite-tree-item.js +2 -2
- package/dist/components/calcite-tree.js +2 -2
- package/dist/components/calcite-value-list-item.js +1 -1
- package/dist/components/calcite-value-list.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/chip.js +11 -4
- package/dist/components/color-picker-hex-input.js +1 -1
- package/dist/components/color-picker-swatch.js +1 -1
- package/dist/components/conditionalSlot.js +1 -1
- package/dist/components/date-picker-day.js +1 -1
- package/dist/components/date-picker-month-header.js +1 -1
- package/dist/components/date-picker-month.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/date.js +1 -1
- package/dist/components/debounce.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +2 -2
- package/dist/components/filter.js +1 -1
- package/dist/components/forIn.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/graph.js +1 -1
- package/dist/components/guid.js +1 -1
- package/dist/components/handle.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/input.js +1 -1
- 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 +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/loader.js +1 -1
- 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 +1 -1
- package/dist/components/popover.js +8 -3
- package/dist/components/popper.js +1 -1
- package/dist/components/progress.js +1 -1
- 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 +1 -1
- package/dist/components/shared-list-render.js +1 -1
- package/dist/components/sortable.esm.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tab-nav.js +1 -1
- package/dist/components/tab-title.js +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/tile.js +1 -1
- package/dist/components/time-picker.js +1 -1
- package/dist/components/utils.js +1 -1
- package/dist/components/utils2.js +1 -1
- package/dist/custom-elements/index.js +53 -27
- package/dist/esm/{ExpandToggle-d1d9e1ba.js → ExpandToggle-7076d600.js} +5 -5
- package/dist/esm/{Heading-383fa71b.js → Heading-5ccb3b17.js} +2 -2
- package/dist/esm/{array-d410a39a.js → array-48f23287.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +5 -5
- package/dist/esm/calcite-action-bar.entry.js +10 -10
- package/dist/esm/calcite-action-group.entry.js +8 -8
- package/dist/esm/calcite-action-menu.entry.js +8 -8
- package/dist/esm/calcite-action-pad.entry.js +9 -9
- package/dist/esm/calcite-action.entry.js +6 -6
- package/dist/esm/calcite-alert.entry.js +5 -5
- package/dist/esm/calcite-avatar.entry.js +5 -5
- package/dist/esm/calcite-block_2.entry.js +8 -8
- package/dist/esm/calcite-button.entry.js +8 -8
- package/dist/esm/calcite-card.entry.js +7 -7
- package/dist/esm/calcite-checkbox.entry.js +7 -7
- package/dist/esm/calcite-chip.entry.js +15 -9
- package/dist/esm/calcite-color-picker_3.entry.js +8 -8
- package/dist/esm/calcite-combobox_3.entry.js +16 -16
- package/dist/esm/calcite-date-picker_4.entry.js +9 -9
- package/dist/esm/calcite-dropdown_3.entry.js +9 -9
- package/dist/esm/calcite-fab.entry.js +5 -5
- package/dist/esm/calcite-filter.entry.js +7 -7
- package/dist/esm/calcite-flow.entry.js +3 -3
- package/dist/esm/calcite-graph_2.entry.js +9 -9
- package/dist/esm/calcite-handle.entry.js +4 -4
- package/dist/esm/calcite-icon.entry.js +5 -5
- package/dist/esm/calcite-inline-editable.entry.js +7 -7
- package/dist/esm/calcite-input-date-picker.entry.js +11 -11
- package/dist/esm/calcite-input-message.entry.js +4 -4
- package/dist/esm/calcite-input-number.entry.js +11 -11
- package/dist/esm/calcite-input-time-picker_2.entry.js +9 -9
- package/dist/esm/calcite-input.entry.js +11 -11
- package/dist/esm/calcite-label.entry.js +5 -5
- package/dist/esm/calcite-link.entry.js +5 -5
- package/dist/esm/calcite-list_3.entry.js +8 -8
- package/dist/esm/calcite-loader.entry.js +3 -3
- package/dist/esm/calcite-modal.entry.js +6 -6
- package/dist/esm/calcite-notice.entry.js +15 -9
- package/dist/esm/calcite-option_3.entry.js +8 -8
- package/dist/esm/calcite-pagination.entry.js +5 -5
- package/dist/esm/calcite-panel.entry.js +24 -14
- package/dist/esm/calcite-pick-list_3.entry.js +11 -11
- package/dist/esm/calcite-popover_2.entry.js +13 -9
- package/dist/esm/calcite-progress.entry.js +2 -2
- package/dist/esm/calcite-radio-button-group.entry.js +3 -3
- package/dist/esm/calcite-radio-button.entry.js +8 -8
- package/dist/esm/calcite-radio-group_2.entry.js +7 -7
- package/dist/esm/calcite-rating.entry.js +8 -8
- package/dist/esm/calcite-scrim.entry.js +2 -2
- package/dist/esm/calcite-shell_3.entry.js +7 -7
- package/dist/esm/calcite-sortable-list.entry.js +5 -5
- package/dist/esm/calcite-split-button.entry.js +3 -3
- package/dist/esm/calcite-stepper_2.entry.js +5 -5
- package/dist/esm/calcite-switch.entry.js +7 -7
- package/dist/esm/calcite-tab_4.entry.js +6 -6
- package/dist/esm/calcite-tile-select_2.entry.js +4 -4
- package/dist/esm/calcite-tile.entry.js +7 -7
- package/dist/esm/calcite-tip_3.entry.js +7 -7
- package/dist/esm/calcite-tooltip_2.entry.js +5 -5
- package/dist/esm/calcite-tree_2.entry.js +8 -8
- package/dist/esm/calcite-value-list_2.entry.js +11 -11
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{conditionalSlot-ed64bd11.js → conditionalSlot-13c69fa9.js} +3 -3
- package/dist/esm/{debounce-8d38ec02.js → debounce-bef6fc2c.js} +1 -1
- package/dist/esm/{dom-56e9893d.js → dom-6c1f7204.js} +2 -2
- package/dist/esm/{forIn-ef92de72.js → forIn-566610cc.js} +2 -2
- package/dist/esm/{form-47a9f6d7.js → form-115e3241.js} +3 -3
- package/dist/esm/{guid-aa647a83.js → guid-9ee41ac6.js} +1 -1
- package/dist/esm/{index-b91be572.js → index-dfcf10d7.js} +12 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-44c800e7.js → interactive-2a03c362.js} +1 -1
- package/dist/esm/{interfaces-b0afabf7.js → interfaces-02cee59d.js} +1 -1
- package/dist/esm/{key-fc19c8e8.js → key-1219c482.js} +1 -1
- package/dist/esm/{label-e9cd6c74.js → label-b30a7cde.js} +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{locale-178bfaed.js → locale-98144f51.js} +2 -2
- package/dist/esm/{math-c93b8397.js → math-7409ae0d.js} +1 -1
- package/dist/esm/{observers-5d3efdea.js → observers-fa0db945.js} +1 -1
- package/dist/esm/{popper-e4716ebb.js → popper-f38ba1ab.js} +2 -2
- package/dist/esm/{resources-0f20a53d.js → resources-3157143b.js} +3 -3
- package/dist/esm/{resources-fca4a472.js → resources-3b67e62a.js} +1 -1
- package/dist/esm/{resources-3cebaf37.js → resources-7198828a.js} +1 -1
- package/dist/esm/{resources-5182df75.js → resources-ccd18bbb.js} +5 -5
- package/dist/esm/{sortable.esm-79d8d5b2.js → sortable.esm-e7918a0d.js} +1 -1
- package/dist/esm/{utils-24933089.js → utils-06a51b70.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-d1d9e1ba.js → ExpandToggle-7076d600.js} +2 -2
- package/dist/esm-es5/Heading-5ccb3b17.js +6 -0
- package/dist/esm-es5/{array-d410a39a.js → array-48f23287.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 +2 -2
- package/dist/esm-es5/calcite-action.entry.js +2 -2
- package/dist/esm-es5/calcite-alert.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm-es5/calcite-filter.entry.js +2 -2
- package/dist/esm-es5/calcite-flow.entry.js +2 -2
- package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm-es5/calcite-notice.entry.js +3 -3
- package/dist/esm-es5/calcite-option_3.entry.js +2 -2
- package/dist/esm-es5/calcite-pagination.entry.js +2 -2
- package/dist/esm-es5/calcite-panel.entry.js +3 -3
- package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-popover_2.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- 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-ed64bd11.js → conditionalSlot-13c69fa9.js} +2 -2
- package/dist/esm-es5/{debounce-8d38ec02.js → debounce-bef6fc2c.js} +1 -1
- package/dist/esm-es5/{dom-56e9893d.js → dom-6c1f7204.js} +2 -2
- package/dist/esm-es5/{forIn-ef92de72.js → forIn-566610cc.js} +2 -2
- package/dist/esm-es5/{form-47a9f6d7.js → form-115e3241.js} +2 -2
- package/dist/esm-es5/{guid-aa647a83.js → guid-9ee41ac6.js} +1 -1
- package/dist/esm-es5/index-dfcf10d7.js +7 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-44c800e7.js → interactive-2a03c362.js} +1 -1
- package/dist/esm-es5/{interfaces-b0afabf7.js → interfaces-02cee59d.js} +1 -1
- package/dist/esm-es5/{key-fc19c8e8.js → key-1219c482.js} +1 -1
- package/dist/esm-es5/{label-e9cd6c74.js → label-b30a7cde.js} +2 -2
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-178bfaed.js → locale-98144f51.js} +2 -2
- package/dist/esm-es5/{math-c93b8397.js → math-7409ae0d.js} +1 -1
- package/dist/esm-es5/{observers-5d3efdea.js → observers-fa0db945.js} +1 -1
- package/dist/esm-es5/{popper-e4716ebb.js → popper-f38ba1ab.js} +2 -2
- package/dist/esm-es5/{resources-0f20a53d.js → resources-3157143b.js} +2 -2
- package/dist/esm-es5/{resources-fca4a472.js → resources-3b67e62a.js} +1 -1
- package/dist/esm-es5/{resources-3cebaf37.js → resources-7198828a.js} +1 -1
- package/dist/esm-es5/{resources-5182df75.js → resources-ccd18bbb.js} +2 -2
- package/dist/esm-es5/{sortable.esm-79d8d5b2.js → sortable.esm-e7918a0d.js} +1 -1
- package/dist/esm-es5/{utils-24933089.js → utils-06a51b70.js} +1 -1
- package/dist/extras/docs-json.json +122 -7
- 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/chip/chip.d.ts +7 -1
- package/dist/types/components/notice/notice.d.ts +11 -2
- package/dist/types/components/panel/panel.d.ts +8 -0
- package/dist/types/components/popover/popover.d.ts +4 -0
- package/dist/types/components.d.ts +52 -2
- package/hydrate/index.js +58 -27
- package/package.json +7 -7
- package/readme.md +2 -2
- package/dist/calcite/p-1027d814.js +0 -6
- package/dist/calcite/p-24eaf308.system.entry.js +0 -6
- package/dist/calcite/p-2b38a81c.entry.js +0 -6
- package/dist/calcite/p-2ff5a1cc.system.entry.js +0 -6
- package/dist/calcite/p-338228cd.js +0 -6
- package/dist/calcite/p-3510aea1.entry.js +0 -6
- package/dist/calcite/p-3b70be07.system.entry.js +0 -6
- package/dist/calcite/p-420a3057.js +0 -7
- package/dist/calcite/p-48f4e304.system.entry.js +0 -6
- package/dist/calcite/p-529c79b7.js +0 -6
- package/dist/calcite/p-5fc629fa.entry.js +0 -6
- package/dist/calcite/p-6574a052.system.js +0 -6
- package/dist/calcite/p-781a286e.system.js +0 -7
- package/dist/calcite/p-7d570799.system.js +0 -6
- package/dist/calcite/p-87f22854.entry.js +0 -6
- package/dist/calcite/p-90e91f3f.entry.js +0 -6
- package/dist/calcite/p-92b62b73.entry.js +0 -6
- package/dist/calcite/p-af8c886d.entry.js +0 -6
- package/dist/calcite/p-b15645e3.system.entry.js +0 -6
- package/dist/calcite/p-bcde536d.entry.js +0 -6
- package/dist/calcite/p-c1131334.system.entry.js +0 -6
- package/dist/calcite/p-c9ee2385.entry.js +0 -6
- package/dist/calcite/p-d49fdd77.entry.js +0 -6
- package/dist/calcite/p-ee53e973.system.js +0 -6
- package/dist/calcite/p-f4d89bbe.system.js +0 -6
- package/dist/esm-es5/Heading-383fa71b.js +0 -6
- package/dist/esm-es5/index-b91be572.js +0 -7
|
@@ -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.86
|
|
5
5
|
*/
|
|
6
|
-
import{r as t,h as e,H as a,g as i}from"./p-420a3057.js";import{g as n}from"./p-850bd83f.js";import{a as r,u as o,c as s,C as c}from"./p-119aebca.js";import{q as l,t as m}from"./p-ecdd5df4.js";const p=new class{constructor(){this.registeredElements=new WeakMap,this.hoverTimeouts=new WeakMap,this.registeredElementCount=0,this.queryTooltip=t=>{const{registeredElements:e}=this,a=t.find((t=>e.has(t)));return e.get(a)},this.keyDownHandler=t=>{if("Escape"===t.key){const{activeTooltipEl:t}=this;t&&(this.clearHoverTimeout(t),this.toggleTooltip(t,!1))}},this.mouseEnterShow=t=>{this.hoverEvent(t,!0)},this.mouseLeaveHide=t=>{this.hoverEvent(t,!1)},this.clickHandler=t=>{const e=this.queryTooltip(t.composedPath());this.clickedTooltip=e,(null==e?void 0:e.closeOnClick)&&this.toggleTooltip(e,!1)},this.focusShow=t=>{this.focusEvent(t,!0)},this.blurHide=t=>{this.focusEvent(t,!1)},this.hoverToggle=(t,e)=>{const{hoverTimeouts:a}=this;a.delete(t),e&&this.closeExistingTooltip(),this.toggleTooltip(t,e)}}registerElement(t,e){this.registeredElementCount++,this.registeredElements.set(t,e),1===this.registeredElementCount&&this.addListeners()}unregisterElement(t){this.registeredElements.delete(t)&&this.registeredElementCount--,0===this.registeredElementCount&&this.removeListeners()}addListeners(){document.addEventListener("keydown",this.keyDownHandler),document.addEventListener("mouseover",this.mouseEnterShow,{capture:!0}),document.addEventListener("mouseout",this.mouseLeaveHide,{capture:!0}),document.addEventListener("pointerdown",this.clickHandler,{capture:!0}),document.addEventListener("focusin",this.focusShow,{capture:!0}),document.addEventListener("focusout",this.blurHide,{capture:!0})}removeListeners(){document.removeEventListener("keydown",this.keyDownHandler),document.removeEventListener("mouseover",this.mouseEnterShow,{capture:!0}),document.removeEventListener("mouseout",this.mouseLeaveHide,{capture:!0}),document.removeEventListener("pointerdown",this.clickHandler,{capture:!0}),document.removeEventListener("focusin",this.focusShow,{capture:!0}),document.removeEventListener("focusout",this.blurHide,{capture:!0})}clearHoverTimeout(t){const{hoverTimeouts:e}=this;e.has(t)&&(window.clearTimeout(e.get(t)),e.delete(t))}closeExistingTooltip(){const{activeTooltipEl:t}=this;t&&this.toggleTooltip(t,!1)}focusTooltip(t,e){this.closeExistingTooltip(),e&&this.clearHoverTimeout(t),this.toggleTooltip(t,e)}toggleTooltip(t,e){t.open=e,e&&(this.activeTooltipEl=t)}hoverTooltip(t,e){this.clearHoverTimeout(t);const{hoverTimeouts:a}=this,i=window.setTimeout((()=>this.hoverToggle(t,e)),500);a.set(t,i)}activeTooltipHover(t){const{activeTooltipEl:e,hoverTimeouts:a}=this,{type:i}=t;e&&("mouseover"===i&&t.composedPath().includes(e)?this.clearHoverTimeout(e):"mouseout"!==i||a.has(e)||this.hoverTooltip(e,!1))}hoverEvent(t,e){const a=this.queryTooltip(t.composedPath());this.activeTooltipHover(t),a&&this.hoverTooltip(a,e)}focusEvent(t,e){const a=this.queryTooltip(t.composedPath());a&&a!==this.clickedTooltip?this.focusTooltip(a,e):this.clickedTooltip=null}},d=class{constructor(e){t(this,e),this.closeOnClick=!1,this.offsetDistance=r,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.guid=`calcite-tooltip-${n()}`,this.setUpReferenceElement=()=>{this.removeReferences(),this.effectiveReferenceElement=this.getReferenceElement();const{el:t,referenceElement:e,effectiveReferenceElement:a}=this;e&&!a&&console.warn(`${t.tagName}: reference-element id "${e}" was not found.`,{el:t}),this.addReferences(),this.createPopper()},this.getId=()=>this.el.id||this.guid,this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t)return;const e=this.getId();"setAttribute"in t&&t.setAttribute("aria-describedby",e),p.registerElement(t,this.el)},this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;t&&("removeAttribute"in t&&t.removeAttribute("aria-describedby"),p.unregisterElement(t))}}offsetDistanceOffsetHandler(){this.reposition()}offsetSkiddingHandler(){this.reposition()}openHandler(){this.reposition()}placementHandler(){this.reposition()}referenceElementHandler(){this.setUpReferenceElement()}componentWillLoad(){this.setUpReferenceElement()}componentDidLoad(){this.reposition()}disconnectedCallback(){this.removeReferences(),this.destroyPopper()}async reposition(){const{popper:t,el:e,placement:a}=this,i=this.getModifiers();t?await o({el:e,modifiers:i,placement:a,popper:t}):this.createPopper()}getReferenceElement(){const{referenceElement:t,el:e}=this;return("string"==typeof t?l(e,{id:t}):t)||null}getModifiers(){const{arrowEl:t,offsetDistance:e,offsetSkidding:a}=this;return[{name:"arrow",enabled:!0,options:{element:t}},{name:"offset",enabled:!0,options:{offset:[a,e]}},{name:"eventListeners",enabled:this.open}]}createPopper(){this.destroyPopper();const{el:t,placement:e,effectiveReferenceElement:a,overlayPositioning:i}=this,n=this.getModifiers();this.popper=s({el:t,modifiers:n,placement:e,overlayPositioning:i,referenceEl:a})}destroyPopper(){const{popper:t}=this;t&&t.destroy(),this.popper=null}render(){const{effectiveReferenceElement:t,label:i,open:n}=this,r=t&&n,o=!r;return e(a,{"aria-hidden":m(o),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":o,id:this.getId(),role:"tooltip"},e("div",{class:{[c.animation]:!0,[c.animationActive]:r}},e("div",{class:"arrow",ref:t=>this.arrowEl=t}),e("div",{class:"container"},e("slot",null))))}get el(){return i(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};d.style='@-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:999;-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}.container{position:relative;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-width:20rem;max-height:20rem;text-align:start}.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)}';const f=class{constructor(e){t(this,e),this.selector="[data-calcite-tooltip-reference]"}render(){return e("slot",null)}};f.style="@-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}";export{d as calcite_tooltip,f as calcite_tooltip_manager}
|
|
6
|
+
import{r as t,h as e,H as a,g as i}from"./p-e2a9bc3c.js";import{g as n}from"./p-8e5b28c2.js";import{a as r,u as o,c as s,C as c}from"./p-93fb8320.js";import{q as l,t as m}from"./p-bc9c9c9b.js";const p=new class{constructor(){this.registeredElements=new WeakMap,this.hoverTimeouts=new WeakMap,this.registeredElementCount=0,this.queryTooltip=t=>{const{registeredElements:e}=this,a=t.find((t=>e.has(t)));return e.get(a)},this.keyDownHandler=t=>{if("Escape"===t.key){const{activeTooltipEl:t}=this;t&&(this.clearHoverTimeout(t),this.toggleTooltip(t,!1))}},this.mouseEnterShow=t=>{this.hoverEvent(t,!0)},this.mouseLeaveHide=t=>{this.hoverEvent(t,!1)},this.clickHandler=t=>{const e=this.queryTooltip(t.composedPath());this.clickedTooltip=e,(null==e?void 0:e.closeOnClick)&&this.toggleTooltip(e,!1)},this.focusShow=t=>{this.focusEvent(t,!0)},this.blurHide=t=>{this.focusEvent(t,!1)},this.hoverToggle=(t,e)=>{const{hoverTimeouts:a}=this;a.delete(t),e&&this.closeExistingTooltip(),this.toggleTooltip(t,e)}}registerElement(t,e){this.registeredElementCount++,this.registeredElements.set(t,e),1===this.registeredElementCount&&this.addListeners()}unregisterElement(t){this.registeredElements.delete(t)&&this.registeredElementCount--,0===this.registeredElementCount&&this.removeListeners()}addListeners(){document.addEventListener("keydown",this.keyDownHandler),document.addEventListener("mouseover",this.mouseEnterShow,{capture:!0}),document.addEventListener("mouseout",this.mouseLeaveHide,{capture:!0}),document.addEventListener("pointerdown",this.clickHandler,{capture:!0}),document.addEventListener("focusin",this.focusShow,{capture:!0}),document.addEventListener("focusout",this.blurHide,{capture:!0})}removeListeners(){document.removeEventListener("keydown",this.keyDownHandler),document.removeEventListener("mouseover",this.mouseEnterShow,{capture:!0}),document.removeEventListener("mouseout",this.mouseLeaveHide,{capture:!0}),document.removeEventListener("pointerdown",this.clickHandler,{capture:!0}),document.removeEventListener("focusin",this.focusShow,{capture:!0}),document.removeEventListener("focusout",this.blurHide,{capture:!0})}clearHoverTimeout(t){const{hoverTimeouts:e}=this;e.has(t)&&(window.clearTimeout(e.get(t)),e.delete(t))}closeExistingTooltip(){const{activeTooltipEl:t}=this;t&&this.toggleTooltip(t,!1)}focusTooltip(t,e){this.closeExistingTooltip(),e&&this.clearHoverTimeout(t),this.toggleTooltip(t,e)}toggleTooltip(t,e){t.open=e,e&&(this.activeTooltipEl=t)}hoverTooltip(t,e){this.clearHoverTimeout(t);const{hoverTimeouts:a}=this,i=window.setTimeout((()=>this.hoverToggle(t,e)),500);a.set(t,i)}activeTooltipHover(t){const{activeTooltipEl:e,hoverTimeouts:a}=this,{type:i}=t;e&&("mouseover"===i&&t.composedPath().includes(e)?this.clearHoverTimeout(e):"mouseout"!==i||a.has(e)||this.hoverTooltip(e,!1))}hoverEvent(t,e){const a=this.queryTooltip(t.composedPath());this.activeTooltipHover(t),a&&this.hoverTooltip(a,e)}focusEvent(t,e){const a=this.queryTooltip(t.composedPath());a&&a!==this.clickedTooltip?this.focusTooltip(a,e):this.clickedTooltip=null}},f=class{constructor(e){t(this,e),this.closeOnClick=!1,this.offsetDistance=r,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.guid=`calcite-tooltip-${n()}`,this.setUpReferenceElement=()=>{this.removeReferences(),this.effectiveReferenceElement=this.getReferenceElement();const{el:t,referenceElement:e,effectiveReferenceElement:a}=this;e&&!a&&console.warn(`${t.tagName}: reference-element id "${e}" was not found.`,{el:t}),this.addReferences(),this.createPopper()},this.getId=()=>this.el.id||this.guid,this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t)return;const e=this.getId();"setAttribute"in t&&t.setAttribute("aria-describedby",e),p.registerElement(t,this.el)},this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;t&&("removeAttribute"in t&&t.removeAttribute("aria-describedby"),p.unregisterElement(t))}}offsetDistanceOffsetHandler(){this.reposition()}offsetSkiddingHandler(){this.reposition()}openHandler(){this.reposition()}placementHandler(){this.reposition()}referenceElementHandler(){this.setUpReferenceElement()}componentWillLoad(){this.setUpReferenceElement()}componentDidLoad(){this.reposition()}disconnectedCallback(){this.removeReferences(),this.destroyPopper()}async reposition(){const{popper:t,el:e,placement:a}=this,i=this.getModifiers();t?await o({el:e,modifiers:i,placement:a,popper:t}):this.createPopper()}getReferenceElement(){const{referenceElement:t,el:e}=this;return("string"==typeof t?l(e,{id:t}):t)||null}getModifiers(){const{arrowEl:t,offsetDistance:e,offsetSkidding:a}=this;return[{name:"arrow",enabled:!0,options:{element:t}},{name:"offset",enabled:!0,options:{offset:[a,e]}},{name:"eventListeners",enabled:this.open}]}createPopper(){this.destroyPopper();const{el:t,placement:e,effectiveReferenceElement:a,overlayPositioning:i}=this,n=this.getModifiers();this.popper=s({el:t,modifiers:n,placement:e,overlayPositioning:i,referenceEl:a})}destroyPopper(){const{popper:t}=this;t&&t.destroy(),this.popper=null}render(){const{effectiveReferenceElement:t,label:i,open:n}=this,r=t&&n,o=!r;return e(a,{"aria-hidden":m(o),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":o,id:this.getId(),role:"tooltip"},e("div",{class:{[c.animation]:!0,[c.animationActive]:r}},e("div",{class:"arrow",ref:t=>this.arrowEl=t}),e("div",{class:"container"},e("slot",null))))}get el(){return i(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};f.style='@-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:999;-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}.container{position:relative;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-width:20rem;max-height:20rem;text-align:start}.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)}';const d=class{constructor(e){t(this,e),this.selector="[data-calcite-tooltip-reference]"}render(){return e("slot",null)}};d.style="@-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}";export{f as calcite_tooltip,d as calcite_tooltip_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.86
|
|
5
5
|
*/
|
|
6
|
-
import{r as t,c as i,h as a,g as e}from"./p-
|
|
6
|
+
import{r as t,c as i,h as a,g as e}from"./p-e2a9bc3c.js";import{d as s,g as n}from"./p-bc9c9c9b.js";import{c as r,d as o,g as l}from"./p-7f519a6f.js";import{c}from"./p-7bdab3f4.js";import{u as h}from"./p-e6ad54a7.js";import"./p-8e5b28c2.js";const d=class{constructor(a){t(this,a),this.calciteInlineEditableEditCancel=i(this,"calciteInlineEditableEditCancel",7),this.calciteInlineEditableEditConfirm=i(this,"calciteInlineEditableEditConfirm",7),this.calciteInternalInlineEditableEnableEditingChange=i(this,"calciteInternalInlineEditableEnableEditingChange",7),this.disabled=!1,this.editingEnabled=!1,this.loading=!1,this.controls=!1,this.intlEnableEditing="Click to edit",this.intlCancelEditing="Cancel",this.intlConfirmChanges="Save",this.mutationObserver=c("mutation",(()=>this.mutationObserverCallback())),this.enableEditing=()=>{var t,i;this.valuePriorToEditing=null===(t=this.inputElement)||void 0===t?void 0:t.value,this.editingEnabled=!0,null===(i=this.inputElement)||void 0===i||i.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()},this.disableEditing=()=>{this.editingEnabled=!1},this.cancelEditing=()=>{this.inputElement&&(this.inputElement.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButton.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()},this.escapeKeyHandler=async t=>{var i;"Escape"===t.key?this.cancelEditing():"Tab"===t.key&&this.shouldShowControls&&(t.shiftKey||t.target!==this.inputElement||(t.preventDefault(),this.cancelEditingButton.setFocus()),t.shiftKey&&t.target===this.cancelEditingButton&&(t.preventDefault(),null===(i=this.inputElement)||void 0===i||i.setFocus()))},this.cancelEditingHandler=async t=>{t.preventDefault(),this.cancelEditing()},this.enableEditingHandler=async t=>{this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton||(t.preventDefault(),this.editingEnabled||this.enableEditing())},this.confirmChangesHandler=async t=>{t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButton.setFocus())}catch(t){}finally{this.loading=!1}}}disabledWatcher(t){this.inputElement&&(this.inputElement.disabled=t)}editingEnabledWatcher(t,i){this.inputElement&&(this.inputElement.editingEnabled=t),!t&&i&&(this.shouldEmitCancel=!0)}connectedCallback(){var t;r(this),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0}),this.mutationObserverCallback()}disconnectedCallback(){var t;o(this),null===(t=this.mutationObserver)||void 0===t||t.disconnect()}componentDidRender(){h(this)}render(){return a("div",{class:"wrapper",onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},a("div",{class:"input-wrapper"},a("slot",null)),a("div",{class:"controls-wrapper"},a("calcite-button",{appearance:"transparent",class:"enable-editing-button",color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:t=>this.enableEditingButton=t,scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[a("div",{class:"cancel-editing-button-wrapper"},a("calcite-button",{appearance:"transparent",class:"cancel-editing-button",color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:t=>this.cancelEditingButton=t,scale:this.scale,type:"button"})),a("calcite-button",{appearance:"solid",class:"confirm-changes-button",color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:t=>this.confirmEditingButton=t,scale:this.scale,type:"button"})]))}blurHandler(){this.controls||this.disableEditing()}async setFocus(){var t,i;this.editingEnabled?null===(t=this.inputElement)||void 0===t||t.setFocus():null===(i=this.enableEditingButton)||void 0===i||i.setFocus()}mutationObserverCallback(){var t;this.updateSlottedInput(),this.scale=this.scale||(null===(t=this.inputElement)||void 0===t?void 0:t.scale)||s(this.el,"scale",void 0)}onLabelClick(){this.setFocus()}updateSlottedInput(){const t=n(this.el,{matches:"calcite-input"});this.inputElement=t,t&&(this.inputElement.disabled=this.disabled,this.inputElement.label=this.inputElement.label||l(this))}get shouldShowControls(){return this.editingEnabled&&this.controls}get el(){return e(this)}static get watchers(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}}};d.style="@-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}:host([scale=s]) .controls-wrapper{height:1.5rem}:host([scale=m]) .controls-wrapper{height:2rem}:host([scale=l]) .controls-wrapper{height:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);-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}.wrapper .input-wrapper{-ms-flex:1 1 0%;flex:1 1 0%}.controls-wrapper{display:-ms-flexbox;display:flex}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";export{d as calcite_inline_editable}
|
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-beta.
|
|
6
|
-
*/System.register(["./p-781a286e.system.js","./p-736cba68.system.js","./p-4e9df5b8.system.js","./p-20ccf33e.system.js","./p-1cea5244.system.js","./p-49ac0f0d.system.js","./p-37e5be23.system.js","./p-51534de9.system.js","./p-3c31971c.system.js","./p-398535e1.system.js"],(function(t){"use strict";var e,i,n,a,r,o,l,s,u,c,d,p,m,h,b,f,v,g,y,x,w,k,I,E,z,V,D,H;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;r=t.g},function(t){o=t.T;l=t.g;s=t.s;u=t.d;c=t.a;d=t.C},function(t){p=t.c;m=t.d;h=t.g},function(t){b=t.s;f=t.c;v=t.d;g=t.H},function(t){y=t.d;x=t.i;w=t.p;k=t.g;I=t.l;E=t.s},function(t){z=t.n},function(t){V=t.d},function(t){D=t.c},function(t){H=t.u},function(){}],execute:function(){var N={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};var O={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};var j={action:"action"};var _={clear:"Clear value"};var B="@-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}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{height:auto;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{height:auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{height:auto;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.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]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host textarea,:host input{-webkit-transition:var(--calcite-animation-timing), height 0, outline-offset 0s;transition:var(--calcite-animation-timing), height 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-height:100%;width:100%;max-width:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-color:transparent}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-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}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;height:0px;width:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-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}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-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}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{top:1px;left:1px;right:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-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}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:1;order:1;max-height:100%;min-height:100%;-ms-flex-item-align:stretch;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:5;order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-top-width:0px}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;-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;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-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}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem;inset-inline-end:0}.resize-icon-wrapper{bottom:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;height:0.75rem;width:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{bottom:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0px}:host(.border-top-color-one) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{background-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}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start: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 C=t("calcite_input",function(){function t(t){var n=this;e(this,t);this.calciteInternalInputFocus=i(this,"calciteInternalInputFocus",7);this.calciteInternalInputBlur=i(this,"calciteInternalInputBlur",7);this.calciteInputInput=i(this,"calciteInputInput",7);this.calciteInputChange=i(this,"calciteInputChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=o.loading;this.iconFlipRtl=false;this.loading=false;this.locale=document.documentElement.lang||"en";this.localeFormat=false;this.numberButtonType="vertical";this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.editingEnabled=false;this.type="text";this.value="";this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=D("mutation",(function(){return n.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(t){if(n.readOnly||n.disabled){return}if(n.isClearable&&t.key==="Escape"){n.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){b(n)}};this.clearInputValue=function(t){n.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(n.previousValueOrigin==="user"&&n.value!==n.previousEmittedValue){n.calciteInputChange.emit()}n.previousEmittedValue=n.value};this.inputBlurHandler=function(){n.calciteInternalInputBlur.emit({element:n.childEl,value:n.value});n.emitChangeIfUserModified()};this.inputFocusHandler=function(t){var e=l(n.el,"action");if(t.target!==e){n.setFocus()}n.calciteInternalInputFocus.emit({element:n.childEl,value:n.value})};this.inputInputHandler=function(t){if(n.disabled||n.readOnly){return}n.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputKeyDownHandler=function(t){if(n.disabled||n.readOnly){return}if(t.key==="Enter"){n.emitChangeIfUserModified()}};this.inputNumberInputHandler=function(t){if(n.disabled||n.readOnly){return}var e=t.target.value;var i=y(e,n.locale);if(t.inputType==="insertFromPaste"){if(!x(i)){t.preventDefault()}n.setValue({nativeEvent:t,origin:"user",value:w(i)});n.childNumberEl.value=n.localizedValue}else{n.setValue({nativeEvent:t,origin:"user",value:i})}};this.inputNumberKeyDownHandler=function(t){if(n.type!=="number"||n.disabled||n.readOnly){return}if(t.key==="ArrowUp"){t.preventDefault();n.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){n.nudgeNumberValue("down",t);return}var e=__spreadArray(__spreadArray([],z,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(t.altKey||t.ctrlKey||t.metaKey){return}var i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)&&(!t.shiftKey||i)){if(t.key==="Enter"){n.emitChangeIfUserModified()}return}var a=k(n.locale);if(t.key===a){if(!n.value&&!n.childNumberEl.value){return}if(n.value&&n.childNumberEl.value.indexOf(a)===-1){return}}if(/[eE]/.test(t.key)){if(!n.value&&!n.childNumberEl.value){return}if(n.value&&!/[eE]/.test(n.childNumberEl.value)){return}}if(t.key==="-"){if(!n.value&&!n.childNumberEl.value){return}if(n.value&&n.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=function(t,e){if(e instanceof KeyboardEvent&&e.repeat||n.type!=="number"){return}var i=n.maxString?parseFloat(n.maxString):null;var a=n.minString?parseFloat(n.minString):null;var r=100;n.incrementOrDecrementNumberValue(t,i,a,e);if(n.nudgeNumberValueIntervalId){window.clearInterval(n.nudgeNumberValueIntervalId)}var o=true;n.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}n.incrementOrDecrementNumberValue(t,i,a,e)}),r)};this.numberButtonPointerUpAndOutHandler=function(){window.clearInterval(n.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=function(t){t.preventDefault();var e=t.target.dataset.adjustment;if(!n.disabled){n.nudgeNumberValue(e,t)}};this.setChildElRef=function(t){n.childEl=t};this.setChildNumberElRef=function(t){n.childNumberEl=t};this.setInputValue=function(t){if(n.type==="text"&&!n.childEl){return}if(n.type==="number"&&!n.childNumberEl){return}n["child".concat(n.type==="number"?"Number":"","El")].value=t};this.setPreviousEmittedValue=function(t){n.previousEmittedValue=n.type==="number"?x(t)?t:"":t};this.setPreviousValue=function(t){n.previousValue=n.type==="number"?x(t)?t:"":t};this.setValue=function(t){var e=t.committing,i=e===void 0?false:e,a=t.nativeEvent,r=t.origin,o=t.previousValue,l=t.value;var s=n.type==="number"?I(n.previousValue,n.locale,n.groupSeparator,n.numberingSystem):"";var u=n.type==="number"?E(l):l;var c=n.type==="number"&&l&&!u?x(n.previousValue)?n.previousValue:"":u;var d=n.type==="number"?I(c,n.locale,n.groupSeparator,n.numberingSystem):"";n.setPreviousValue(o||n.value);n.previousValueOrigin=r;n.userChangedValue=r==="user"&&n.value!==c;n.value=c;if(n.type==="number"){n.localizedValue=d}if(r==="direct"){n.setInputValue(n.type==="number"?d:c)}if(a){var p=n.calciteInputInput.emit({element:n.childEl,nativeEvent:a,value:n.value});if(p.defaultPrevented){n.value=n.previousValue;n.localizedValue=s}else if(i){n.emitChangeIfUserModified()}}};this.inputKeyUpHandler=function(){window.clearInterval(n.nudgeNumberValueIntervalId)}}t.prototype.disabledWatcher=function(){this.setDisabledAction()};t.prototype.maxWatcher=function(){var t;this.maxString=((t=this.max)===null||t===void 0?void 0:t.toString())||null};t.prototype.minWatcher=function(){var t;this.minString=((t=this.min)===null||t===void 0?void 0:t.toString())||null};t.prototype.valueWatcher=function(t,e){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:e,value:t==null||t==""?"":this.type==="number"?x(t)?t:this.previousValue||"":t});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false};t.prototype.updateRequestedIcon=function(){this.requestedIcon=s(O,this.icon,this.type)};Object.defineProperty(t.prototype,"isClearable",{get:function(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value.length>0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){var t;this.scale=u(this.el,"scale",this.scale);this.status=u(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:x(this.value)?this.value:""})}p(this);f(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true});this.setDisabledAction()};t.prototype.disconnectedCallback=function(){var t;m(this);v(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentWillLoad=function(){var t,e;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(t=this.max)===null||t===void 0?void 0:t.toString();this.minString=(e=this.min)===null||e===void 0?void 0:e.toString();this.requestedIcon=s(O,this.icon,this.type)};t.prototype.componentShouldUpdate=function(t,e,i){if(this.type==="number"&&i==="value"&&t&&!x(t)){this.setValue({origin:"reset",value:e});return false}return true};t.prototype.componentDidRender=function(){H(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.type==="number"){(t=this.childNumberEl)===null||t===void 0?void 0:t.focus()}else{(e=this.childEl)===null||e===void 0?void 0:e.focus()}return[2]}))}))};t.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.type==="number"){(t=this.childNumberEl)===null||t===void 0?void 0:t.select()}else{(e=this.childEl)===null||e===void 0?void 0:e.select()}return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.incrementOrDecrementNumberValue=function(t,e,i,n){var a=this.value;var r=this.step==="any"?1:Math.abs(this.step||1);var o=a&&a!==""?parseFloat(a):0;var l=t==="up"?1:-1;var s=o+r*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof e==="number"&&!isNaN(e)&&s>e?o:s;var c=V(o);var d=V(r);this.setValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};t.prototype.onFormReset=function(){this.setValue({origin:"reset",value:this.defaultValue})};t.prototype.syncHiddenFormInput=function(t){var e,i,n,a;if(this.type==="number"){t.type="number";t.min=(i=(e=this.min)===null||e===void 0?void 0:e.toString(10))!==null&&i!==void 0?i:"";t.max=(a=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&a!==void 0?a:""}else if(this.type==="text"){t.type="text";if(this.minLength!=null){t.minLength=this.minLength}if(this.maxLength!=null){t.maxLength=this.maxLength}}else if(this.type==="password"){t.type="password"}};t.prototype.setDisabledAction=function(){var t=l(this.el,"action");if(!t){return}this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")};t.prototype.warnAboutInvalidNumberValue=function(t){if(this.type==="number"&&t&&!x(t)){console.warn('The specified value "'.concat(t,'" cannot be parsed, or is out of range.'))}};t.prototype.render=function(){var t,e,i,r;var o=c(this.el);var l=n("div",{class:N.loader},n("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var s=n("button",{"aria-label":this.intlClear||_.clear,class:N.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},n("calcite-icon",{icon:"x",scale:"s"}));var u=n("calcite-icon",{class:N.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var p=this.numberButtonType==="horizontal";var m=n("button",{class:(t={},t[N.numberButtonItem]=true,t[N.buttonItemHorizontal]=p,t),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{icon:"chevron-up",scale:"s"}));var b=n("button",{class:(e={},e[N.numberButtonItem]=true,e[N.buttonItemHorizontal]=p,e),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{icon:"chevron-down",scale:"s"}));var f=n("div",{class:N.numberButtonWrapper},m,b);var v=n("div",{class:N.prefix},this.prefixText);var y=n("div",{class:N.suffix},this.suffixText);var x=this.type==="number"?n("input",{"aria-label":h(this),autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue}):null;var w=this.type!=="number"?[n(this.childElType,{"aria-label":h(this),autofocus:this.autofocus?true:null,class:(i={},i[N.editingEnabled]=this.editingEnabled,i[N.inlineChild]=!!this.inlineEditableEl,i),defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?n("div",{class:N.resizeIconWrapper},n("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return n(a,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},n("div",{class:(r={},r[N.inputWrapper]=true,r[d.rtl]=o==="rtl",r)},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?b:null,this.prefixText?v:null,n("div",{class:N.wrapper},x,w,this.isClearable?s:null,this.requestedIcon?u:null,this.loading?l:null),n("div",{class:N.actionWrapper},n("slot",{name:j.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?f:null,this.suffixText?y:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?m:null,n(g,{component:this})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return t}());C.style=B}}}));
|
|
5
|
+
* v1.0.0-beta.86
|
|
6
|
+
*/System.register(["./p-8d7bcbbe.system.js","./p-4c62aae1.system.js","./p-94e059ed.system.js","./p-660b54aa.system.js","./p-4f206065.system.js","./p-8e962e28.system.js","./p-078aa8cf.system.js","./p-29c3c079.system.js","./p-ba04d4a6.system.js","./p-786ca76b.system.js"],(function(t){"use strict";var e,i,n,a,r,o,l,s,u,c,d,p,m,h,b,f,v,g,y,x,w,k,I,E,z,V,D,H;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;r=t.g},function(t){o=t.T;l=t.g;s=t.s;u=t.d;c=t.a;d=t.C},function(t){p=t.c;m=t.d;h=t.g},function(t){b=t.s;f=t.c;v=t.d;g=t.H},function(t){y=t.d;x=t.i;w=t.p;k=t.g;I=t.l;E=t.s},function(t){z=t.n},function(t){V=t.d},function(t){D=t.c},function(t){H=t.u},function(){}],execute:function(){var N={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};var O={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};var j={action:"action"};var _={clear:"Clear value"};var B="@-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}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{height:auto;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{height:auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{height:auto;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.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]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host textarea,:host input{-webkit-transition:var(--calcite-animation-timing), height 0, outline-offset 0s;transition:var(--calcite-animation-timing), height 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-height:100%;width:100%;max-width:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-color:transparent}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-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}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;height:0px;width:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-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}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-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}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{top:1px;left:1px;right:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-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}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:1;order:1;max-height:100%;min-height:100%;-ms-flex-item-align:stretch;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:5;order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-top-width:0px}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;-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;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-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}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem;inset-inline-end:0}.resize-icon-wrapper{bottom:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;height:0.75rem;width:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{bottom:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0px}:host(.border-top-color-one) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{background-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}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start: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 C=t("calcite_input",function(){function t(t){var n=this;e(this,t);this.calciteInternalInputFocus=i(this,"calciteInternalInputFocus",7);this.calciteInternalInputBlur=i(this,"calciteInternalInputBlur",7);this.calciteInputInput=i(this,"calciteInputInput",7);this.calciteInputChange=i(this,"calciteInputChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=o.loading;this.iconFlipRtl=false;this.loading=false;this.locale=document.documentElement.lang||"en";this.localeFormat=false;this.numberButtonType="vertical";this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.editingEnabled=false;this.type="text";this.value="";this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=D("mutation",(function(){return n.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(t){if(n.readOnly||n.disabled){return}if(n.isClearable&&t.key==="Escape"){n.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){b(n)}};this.clearInputValue=function(t){n.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(n.previousValueOrigin==="user"&&n.value!==n.previousEmittedValue){n.calciteInputChange.emit()}n.previousEmittedValue=n.value};this.inputBlurHandler=function(){n.calciteInternalInputBlur.emit({element:n.childEl,value:n.value});n.emitChangeIfUserModified()};this.inputFocusHandler=function(t){var e=l(n.el,"action");if(t.target!==e){n.setFocus()}n.calciteInternalInputFocus.emit({element:n.childEl,value:n.value})};this.inputInputHandler=function(t){if(n.disabled||n.readOnly){return}n.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputKeyDownHandler=function(t){if(n.disabled||n.readOnly){return}if(t.key==="Enter"){n.emitChangeIfUserModified()}};this.inputNumberInputHandler=function(t){if(n.disabled||n.readOnly){return}var e=t.target.value;var i=y(e,n.locale);if(t.inputType==="insertFromPaste"){if(!x(i)){t.preventDefault()}n.setValue({nativeEvent:t,origin:"user",value:w(i)});n.childNumberEl.value=n.localizedValue}else{n.setValue({nativeEvent:t,origin:"user",value:i})}};this.inputNumberKeyDownHandler=function(t){if(n.type!=="number"||n.disabled||n.readOnly){return}if(t.key==="ArrowUp"){t.preventDefault();n.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){n.nudgeNumberValue("down",t);return}var e=__spreadArray(__spreadArray([],z,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(t.altKey||t.ctrlKey||t.metaKey){return}var i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)&&(!t.shiftKey||i)){if(t.key==="Enter"){n.emitChangeIfUserModified()}return}var a=k(n.locale);if(t.key===a){if(!n.value&&!n.childNumberEl.value){return}if(n.value&&n.childNumberEl.value.indexOf(a)===-1){return}}if(/[eE]/.test(t.key)){if(!n.value&&!n.childNumberEl.value){return}if(n.value&&!/[eE]/.test(n.childNumberEl.value)){return}}if(t.key==="-"){if(!n.value&&!n.childNumberEl.value){return}if(n.value&&n.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=function(t,e){if(e instanceof KeyboardEvent&&e.repeat||n.type!=="number"){return}var i=n.maxString?parseFloat(n.maxString):null;var a=n.minString?parseFloat(n.minString):null;var r=100;n.incrementOrDecrementNumberValue(t,i,a,e);if(n.nudgeNumberValueIntervalId){window.clearInterval(n.nudgeNumberValueIntervalId)}var o=true;n.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}n.incrementOrDecrementNumberValue(t,i,a,e)}),r)};this.numberButtonPointerUpAndOutHandler=function(){window.clearInterval(n.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=function(t){t.preventDefault();var e=t.target.dataset.adjustment;if(!n.disabled){n.nudgeNumberValue(e,t)}};this.setChildElRef=function(t){n.childEl=t};this.setChildNumberElRef=function(t){n.childNumberEl=t};this.setInputValue=function(t){if(n.type==="text"&&!n.childEl){return}if(n.type==="number"&&!n.childNumberEl){return}n["child".concat(n.type==="number"?"Number":"","El")].value=t};this.setPreviousEmittedValue=function(t){n.previousEmittedValue=n.type==="number"?x(t)?t:"":t};this.setPreviousValue=function(t){n.previousValue=n.type==="number"?x(t)?t:"":t};this.setValue=function(t){var e=t.committing,i=e===void 0?false:e,a=t.nativeEvent,r=t.origin,o=t.previousValue,l=t.value;var s=n.type==="number"?I(n.previousValue,n.locale,n.groupSeparator,n.numberingSystem):"";var u=n.type==="number"?E(l):l;var c=n.type==="number"&&l&&!u?x(n.previousValue)?n.previousValue:"":u;var d=n.type==="number"?I(c,n.locale,n.groupSeparator,n.numberingSystem):"";n.setPreviousValue(o||n.value);n.previousValueOrigin=r;n.userChangedValue=r==="user"&&n.value!==c;n.value=c;if(n.type==="number"){n.localizedValue=d}if(r==="direct"){n.setInputValue(n.type==="number"?d:c)}if(a){var p=n.calciteInputInput.emit({element:n.childEl,nativeEvent:a,value:n.value});if(p.defaultPrevented){n.value=n.previousValue;n.localizedValue=s}else if(i){n.emitChangeIfUserModified()}}};this.inputKeyUpHandler=function(){window.clearInterval(n.nudgeNumberValueIntervalId)}}t.prototype.disabledWatcher=function(){this.setDisabledAction()};t.prototype.maxWatcher=function(){var t;this.maxString=((t=this.max)===null||t===void 0?void 0:t.toString())||null};t.prototype.minWatcher=function(){var t;this.minString=((t=this.min)===null||t===void 0?void 0:t.toString())||null};t.prototype.valueWatcher=function(t,e){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:e,value:t==null||t==""?"":this.type==="number"?x(t)?t:this.previousValue||"":t});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false};t.prototype.updateRequestedIcon=function(){this.requestedIcon=s(O,this.icon,this.type)};Object.defineProperty(t.prototype,"isClearable",{get:function(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value.length>0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){var t;this.scale=u(this.el,"scale",this.scale);this.status=u(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:x(this.value)?this.value:""})}p(this);f(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true});this.setDisabledAction()};t.prototype.disconnectedCallback=function(){var t;m(this);v(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentWillLoad=function(){var t,e;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(t=this.max)===null||t===void 0?void 0:t.toString();this.minString=(e=this.min)===null||e===void 0?void 0:e.toString();this.requestedIcon=s(O,this.icon,this.type)};t.prototype.componentShouldUpdate=function(t,e,i){if(this.type==="number"&&i==="value"&&t&&!x(t)){this.setValue({origin:"reset",value:e});return false}return true};t.prototype.componentDidRender=function(){H(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.type==="number"){(t=this.childNumberEl)===null||t===void 0?void 0:t.focus()}else{(e=this.childEl)===null||e===void 0?void 0:e.focus()}return[2]}))}))};t.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.type==="number"){(t=this.childNumberEl)===null||t===void 0?void 0:t.select()}else{(e=this.childEl)===null||e===void 0?void 0:e.select()}return[2]}))}))};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.incrementOrDecrementNumberValue=function(t,e,i,n){var a=this.value;var r=this.step==="any"?1:Math.abs(this.step||1);var o=a&&a!==""?parseFloat(a):0;var l=t==="up"?1:-1;var s=o+r*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof e==="number"&&!isNaN(e)&&s>e?o:s;var c=V(o);var d=V(r);this.setValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};t.prototype.onFormReset=function(){this.setValue({origin:"reset",value:this.defaultValue})};t.prototype.syncHiddenFormInput=function(t){var e,i,n,a;if(this.type==="number"){t.type="number";t.min=(i=(e=this.min)===null||e===void 0?void 0:e.toString(10))!==null&&i!==void 0?i:"";t.max=(a=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&a!==void 0?a:""}else if(this.type==="text"){t.type="text";if(this.minLength!=null){t.minLength=this.minLength}if(this.maxLength!=null){t.maxLength=this.maxLength}}else if(this.type==="password"){t.type="password"}};t.prototype.setDisabledAction=function(){var t=l(this.el,"action");if(!t){return}this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")};t.prototype.warnAboutInvalidNumberValue=function(t){if(this.type==="number"&&t&&!x(t)){console.warn('The specified value "'.concat(t,'" cannot be parsed, or is out of range.'))}};t.prototype.render=function(){var t,e,i,r;var o=c(this.el);var l=n("div",{class:N.loader},n("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var s=n("button",{"aria-label":this.intlClear||_.clear,class:N.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},n("calcite-icon",{icon:"x",scale:"s"}));var u=n("calcite-icon",{class:N.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var p=this.numberButtonType==="horizontal";var m=n("button",{class:(t={},t[N.numberButtonItem]=true,t[N.buttonItemHorizontal]=p,t),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{icon:"chevron-up",scale:"s"}));var b=n("button",{class:(e={},e[N.numberButtonItem]=true,e[N.buttonItemHorizontal]=p,e),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{icon:"chevron-down",scale:"s"}));var f=n("div",{class:N.numberButtonWrapper},m,b);var v=n("div",{class:N.prefix},this.prefixText);var y=n("div",{class:N.suffix},this.suffixText);var x=this.type==="number"?n("input",{"aria-label":h(this),autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue}):null;var w=this.type!=="number"?[n(this.childElType,{"aria-label":h(this),autofocus:this.autofocus?true:null,class:(i={},i[N.editingEnabled]=this.editingEnabled,i[N.inlineChild]=!!this.inlineEditableEl,i),defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?n("div",{class:N.resizeIconWrapper},n("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return n(a,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},n("div",{class:(r={},r[N.inputWrapper]=true,r[d.rtl]=o==="rtl",r)},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?b:null,this.prefixText?v:null,n("div",{class:N.wrapper},x,w,this.isClearable?s:null,this.requestedIcon?u:null,this.loading?l:null),n("div",{class:N.actionWrapper},n("slot",{name:j.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?f:null,this.suffixText?y:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?m:null,n(g,{component:this})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return t}());C.style=B}}}));
|
|
@@ -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.86
|
|
5
5
|
*/
|
|
6
6
|
System.register([],(function(e){"use strict";return{execute:function(){e("S",void 0);var r;(function(e){e["green"]="checkCircle";e["yellow"]="exclamationMarkTriangle";e["red"]="exclamationMarkTriangle";e["blue"]="lightbulb"})(r||(r=e("S",{})))}}}));
|
|
@@ -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.86
|
|
5
5
|
*/
|
|
6
|
-
import{r as t,c as i,h as e,g as a,H as n}from"./p-420a3057.js";import{d as r,t as o}from"./p-ecdd5df4.js";import{u as s}from"./p-0913167b.js";import"./p-850bd83f.js";const c=class{constructor(e){t(this,e),this.calciteStepperItemChange=i(this,"calciteStepperItemChange",7),this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",7),this.icon=!1,this.layout="horizontal",this.numbered=!1,this.scale="m",this.itemMap=new Map,this.items=[],this.enabledItems=[]}contentWatcher(){"horizontal"===this.layout&&(!this.stepperContentContainer&&this.requestedContent&&this.addHorizontalContentContainer(),this.updateContent(this.requestedContent))}componentDidLoad(){"number"!=typeof this.currentPosition&&this.calciteInternalStepperItemChange.emit({position:0})}componentWillLoad(){"horizontal"!==this.layout||this.stepperContentContainer||this.addHorizontalContentContainer()}render(){return e("slot",null)}calciteInternalStepperItemKeyEvent(t){const i=t.detail.item,e=t.target,a=0===this.itemIndex(e),n=this.itemIndex(e)===this.enabledItems.length-1;switch(i.key){case"ArrowDown":case"ArrowRight":n?this.focusFirstItem():this.focusNextItem(e);break;case"ArrowUp":case"ArrowLeft":a?this.focusLastItem():this.focusPrevItem(e);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem()}t.stopPropagation()}registerItem(t){const i=t.target,{content:e,position:a}=t.detail;e&&i.active&&(this.requestedContent=e),this.itemMap.set(i,{position:a,content:e}),this.items=this.sortItems(),this.enabledItems=this.filterItems(),t.stopPropagation()}updateItem(t){const{content:i,position:e}=t.detail;i&&(this.requestedContent=i),"number"==typeof e&&(this.currentPosition=e),this.calciteInternalStepperItemChange.emit({position:e}),t.stopPropagation()}handleUserRequestedStepperItemSelect(t){const{position:i}=t.detail;this.calciteStepperItemChange.emit({position:i}),t.stopPropagation()}async nextStep(){const t=this.getEnabledStepIndex(this.currentPosition+1,"next");"number"==typeof t&&this.updateStep(t)}async prevStep(){const t=this.getEnabledStepIndex(this.currentPosition-1,"previous");"number"==typeof t&&this.updateStep(t)}async goToStep(t){const i=t-1;this.currentPosition!==i&&this.updateStep(i)}async startStep(){const t=this.getEnabledStepIndex(0,"next");"number"==typeof t&&this.updateStep(t)}async endStep(){const t=this.getEnabledStepIndex(this.items.length-1,"previous");"number"==typeof t&&this.updateStep(t)}getEnabledStepIndex(t,i="next"){var e;const{items:a,currentPosition:n}=this;let r=t;for(;null===(e=a[r])||void 0===e?void 0:e.disabled;)r+="previous"===i?-1:1;return r!==n&&r<a.length&&r>=0?r:null}addHorizontalContentContainer(){this.stepperContentContainer=document.createElement("div"),this.stepperContentContainer.classList.add("calcite-stepper-content"),this.el.insertAdjacentElement("beforeend",this.stepperContentContainer)}updateStep(t){var i;const{itemMap:e,items:a}=this;this.currentPosition=t;const n=null===(i=e.get(a[t]))||void 0===i?void 0:i.content;n&&(this.requestedContent=n),this.calciteInternalStepperItemChange.emit({position:t})}focusFirstItem(){this.focusElement(this.enabledItems[0])}focusLastItem(){this.focusElement(this.enabledItems[this.enabledItems.length-1])}focusNextItem(t){const i=this.itemIndex(t);this.focusElement(this.enabledItems[i+1]||this.enabledItems[0])}focusPrevItem(t){const i=this.itemIndex(t);this.focusElement(this.enabledItems[i-1]||this.enabledItems[this.enabledItems.length-1])}itemIndex(t){return this.enabledItems.indexOf(t)}focusElement(t){null==t||t.focus()}sortItems(){const{itemMap:t}=this;return Array.from(t.keys()).sort(((i,e)=>t.get(i).position-t.get(e).position))}filterItems(){return this.items.filter((t=>!t.disabled))}updateContent(t){this.stepperContentContainer.innerHTML="",this.stepperContentContainer.append(...t)}get el(){return a(this)}static get watchers(){return{requestedContent:["contentWatcher"]}}};c.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}:host([layout=vertical]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";const l=class{constructor(e){t(this,e),this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",7),this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",7),this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",7),this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",7),this.active=!1,this.complete=!1,this.error=!1,this.disabled=!1,this.layout="horizontal",this.icon=!1,this.numbered=!1,this.scale="m",this.keyDownHandler=t=>{if(!this.disabled&&t.target===this.el)switch(t.key){case" ":case"Enter":this.emitUserRequestedItem(),t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:t}),t.preventDefault()}},this.emitUserRequestedItem=()=>{this.emitRequestedItem(),this.disabled||this.calciteInternalUserRequestedStepperItemSelect.emit({position:this.itemPosition})},this.emitRequestedItem=()=>{this.disabled||this.calciteInternalStepperItemSelect.emit({position:this.itemPosition,content:this.itemContent})},this.setItemContent=t=>{this.itemPosition=this.getItemPosition();const i=t.target.assignedNodes({flatten:!0});i.length&&(this.itemContent=i),this.registerStepperItem(),this.active&&this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}activeWatcher(t){t&&this.emitRequestedItem()}componentWillLoad(){this.icon=r(this.el,"icon",!1),this.numbered=r(this.el,"numbered",!1),this.layout=r(this.el,"layout",!1),this.scale=r(this.el,"scale","m"),this.parentStepperEl=this.el.parentElement}componentDidRender(){s(this,!0)}render(){return e(n,{"aria-expanded":o(this.active),onClick:this.emitUserRequestedItem,onKeyDown:this.keyDownHandler},e("div",{class:"container"},e("div",{class:"stepper-item-header"},this.icon?this.renderIcon():null,this.numbered?e("div",{class:"stepper-item-number"},this.getItemPosition()+1,"."):null,e("div",{class:"stepper-item-header-text"},e("span",{class:"stepper-item-heading"},this.heading||this.itemTitle),e("span",{class:"stepper-item-description"},this.description||this.itemSubtitle))),e("div",{class:"stepper-item-content"},e("slot",{onSlotchange:this.setItemContent}))))}updateActiveItemOnChange(t){(t.target===this.parentStepperEl||t.composedPath().includes(this.parentStepperEl))&&(this.activePosition=t.detail.position,this.determineActiveItem()),t.stopPropagation()}renderIcon(){return e("calcite-icon",{class:"stepper-item-icon",icon:this.active?"circleF":this.error?"exclamationMarkCircleF":this.complete?"checkCircleF":"circle",scale:"s"})}determineActiveItem(){this.active=!this.disabled&&this.itemPosition===this.activePosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition,content:this.itemContent})}getItemPosition(){return Array.prototype.indexOf.call(this.parentStepperEl.querySelectorAll("calcite-stepper-item"),this.el)}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatcher"],active:["activeWatcher"]}}};l.style="@-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([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;margin-bottom:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-top-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;width:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-top:1px;display:-ms-inline-flexbox;display:inline-flex;height:0.75rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:-ms-flexbox;display:flex;width:100%}:host .stepper-item-heading{margin-bottom:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .stepper-item-description{color:var(--calcite-ui-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}: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([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-top-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([active])) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-description,:host(:focus:not([disabled]):not([active])) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-top-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{margin-left:0px;margin-right:0px;margin-top:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-top-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{-ms-flex-order:3;order:3;margin-top:1px;margin-bottom:0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{-webkit-padding-end:0px;padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){margin-bottom:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([active]) .container{border-top-color:highlight}:host([active]) .container .stepper-item-number{color:highlight}:host([active]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][active]) .container{border-color:highlight}}";export{c as calcite_stepper,l as calcite_stepper_item}
|
|
6
|
+
import{r as t,c as i,h as e,g as a,H as n}from"./p-e2a9bc3c.js";import{d as r,t as o}from"./p-bc9c9c9b.js";import{u as s}from"./p-e6ad54a7.js";import"./p-8e5b28c2.js";const c=class{constructor(e){t(this,e),this.calciteStepperItemChange=i(this,"calciteStepperItemChange",7),this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",7),this.icon=!1,this.layout="horizontal",this.numbered=!1,this.scale="m",this.itemMap=new Map,this.items=[],this.enabledItems=[]}contentWatcher(){"horizontal"===this.layout&&(!this.stepperContentContainer&&this.requestedContent&&this.addHorizontalContentContainer(),this.updateContent(this.requestedContent))}componentDidLoad(){"number"!=typeof this.currentPosition&&this.calciteInternalStepperItemChange.emit({position:0})}componentWillLoad(){"horizontal"!==this.layout||this.stepperContentContainer||this.addHorizontalContentContainer()}render(){return e("slot",null)}calciteInternalStepperItemKeyEvent(t){const i=t.detail.item,e=t.target,a=0===this.itemIndex(e),n=this.itemIndex(e)===this.enabledItems.length-1;switch(i.key){case"ArrowDown":case"ArrowRight":n?this.focusFirstItem():this.focusNextItem(e);break;case"ArrowUp":case"ArrowLeft":a?this.focusLastItem():this.focusPrevItem(e);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem()}t.stopPropagation()}registerItem(t){const i=t.target,{content:e,position:a}=t.detail;e&&i.active&&(this.requestedContent=e),this.itemMap.set(i,{position:a,content:e}),this.items=this.sortItems(),this.enabledItems=this.filterItems(),t.stopPropagation()}updateItem(t){const{content:i,position:e}=t.detail;i&&(this.requestedContent=i),"number"==typeof e&&(this.currentPosition=e),this.calciteInternalStepperItemChange.emit({position:e}),t.stopPropagation()}handleUserRequestedStepperItemSelect(t){const{position:i}=t.detail;this.calciteStepperItemChange.emit({position:i}),t.stopPropagation()}async nextStep(){const t=this.getEnabledStepIndex(this.currentPosition+1,"next");"number"==typeof t&&this.updateStep(t)}async prevStep(){const t=this.getEnabledStepIndex(this.currentPosition-1,"previous");"number"==typeof t&&this.updateStep(t)}async goToStep(t){const i=t-1;this.currentPosition!==i&&this.updateStep(i)}async startStep(){const t=this.getEnabledStepIndex(0,"next");"number"==typeof t&&this.updateStep(t)}async endStep(){const t=this.getEnabledStepIndex(this.items.length-1,"previous");"number"==typeof t&&this.updateStep(t)}getEnabledStepIndex(t,i="next"){var e;const{items:a,currentPosition:n}=this;let r=t;for(;null===(e=a[r])||void 0===e?void 0:e.disabled;)r+="previous"===i?-1:1;return r!==n&&r<a.length&&r>=0?r:null}addHorizontalContentContainer(){this.stepperContentContainer=document.createElement("div"),this.stepperContentContainer.classList.add("calcite-stepper-content"),this.el.insertAdjacentElement("beforeend",this.stepperContentContainer)}updateStep(t){var i;const{itemMap:e,items:a}=this;this.currentPosition=t;const n=null===(i=e.get(a[t]))||void 0===i?void 0:i.content;n&&(this.requestedContent=n),this.calciteInternalStepperItemChange.emit({position:t})}focusFirstItem(){this.focusElement(this.enabledItems[0])}focusLastItem(){this.focusElement(this.enabledItems[this.enabledItems.length-1])}focusNextItem(t){const i=this.itemIndex(t);this.focusElement(this.enabledItems[i+1]||this.enabledItems[0])}focusPrevItem(t){const i=this.itemIndex(t);this.focusElement(this.enabledItems[i-1]||this.enabledItems[this.enabledItems.length-1])}itemIndex(t){return this.enabledItems.indexOf(t)}focusElement(t){null==t||t.focus()}sortItems(){const{itemMap:t}=this;return Array.from(t.keys()).sort(((i,e)=>t.get(i).position-t.get(e).position))}filterItems(){return this.items.filter((t=>!t.disabled))}updateContent(t){this.stepperContentContainer.innerHTML="",this.stepperContentContainer.append(...t)}get el(){return a(this)}static get watchers(){return{requestedContent:["contentWatcher"]}}};c.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}:host([layout=vertical]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";const l=class{constructor(e){t(this,e),this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",7),this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",7),this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",7),this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",7),this.active=!1,this.complete=!1,this.error=!1,this.disabled=!1,this.layout="horizontal",this.icon=!1,this.numbered=!1,this.scale="m",this.keyDownHandler=t=>{if(!this.disabled&&t.target===this.el)switch(t.key){case" ":case"Enter":this.emitUserRequestedItem(),t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:t}),t.preventDefault()}},this.emitUserRequestedItem=()=>{this.emitRequestedItem(),this.disabled||this.calciteInternalUserRequestedStepperItemSelect.emit({position:this.itemPosition})},this.emitRequestedItem=()=>{this.disabled||this.calciteInternalStepperItemSelect.emit({position:this.itemPosition,content:this.itemContent})},this.setItemContent=t=>{this.itemPosition=this.getItemPosition();const i=t.target.assignedNodes({flatten:!0});i.length&&(this.itemContent=i),this.registerStepperItem(),this.active&&this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}activeWatcher(t){t&&this.emitRequestedItem()}componentWillLoad(){this.icon=r(this.el,"icon",!1),this.numbered=r(this.el,"numbered",!1),this.layout=r(this.el,"layout",!1),this.scale=r(this.el,"scale","m"),this.parentStepperEl=this.el.parentElement}componentDidRender(){s(this,!0)}render(){return e(n,{"aria-expanded":o(this.active),onClick:this.emitUserRequestedItem,onKeyDown:this.keyDownHandler},e("div",{class:"container"},e("div",{class:"stepper-item-header"},this.icon?this.renderIcon():null,this.numbered?e("div",{class:"stepper-item-number"},this.getItemPosition()+1,"."):null,e("div",{class:"stepper-item-header-text"},e("span",{class:"stepper-item-heading"},this.heading||this.itemTitle),e("span",{class:"stepper-item-description"},this.description||this.itemSubtitle))),e("div",{class:"stepper-item-content"},e("slot",{onSlotchange:this.setItemContent}))))}updateActiveItemOnChange(t){(t.target===this.parentStepperEl||t.composedPath().includes(this.parentStepperEl))&&(this.activePosition=t.detail.position,this.determineActiveItem()),t.stopPropagation()}renderIcon(){return e("calcite-icon",{class:"stepper-item-icon",icon:this.active?"circleF":this.error?"exclamationMarkCircleF":this.complete?"checkCircleF":"circle",scale:"s"})}determineActiveItem(){this.active=!this.disabled&&this.itemPosition===this.activePosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition,content:this.itemContent})}getItemPosition(){return Array.prototype.indexOf.call(this.parentStepperEl.querySelectorAll("calcite-stepper-item"),this.el)}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatcher"],active:["activeWatcher"]}}};l.style="@-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([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;margin-bottom:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-top-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;width:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-top:1px;display:-ms-inline-flexbox;display:inline-flex;height:0.75rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:-ms-flexbox;display:flex;width:100%}:host .stepper-item-heading{margin-bottom:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .stepper-item-description{color:var(--calcite-ui-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}: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([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-top-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([active])) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-description,:host(:focus:not([disabled]):not([active])) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-top-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{margin-left:0px;margin-right:0px;margin-top:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-top-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{-ms-flex-order:3;order:3;margin-top:1px;margin-bottom:0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{-webkit-padding-end:0px;padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){margin-bottom:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([active]) .container{border-top-color:highlight}:host([active]) .container .stepper-item-number{color:highlight}:host([active]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][active]) .container{border-color:highlight}}";export{c as calcite_stepper,l as calcite_stepper_item}
|
|
@@ -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.86
|
|
5
5
|
*/
|
|
6
|
-
System.register(["./p-781a286e.system.js","./p-736cba68.system.js","./p-f4d89bbe.system.js","./p-37e5be23.system.js","./p-398535e1.system.js","./p-51534de9.system.js"],(function(t){"use strict";var e,a,i,n,o,r,l,c,s,d,m;return{setters:[function(t){e=t.r;a=t.h;i=t.F;n=t.g;o=t.c;r=t.f},function(t){l=t.g;c=t.a},function(t){s=t.c;d=t.d},function(t){m=t.c},function(){},function(){}],execute:function(){var p={main:"main",mainReversed:"main--reversed",content:"content",contentBehind:"content--behind",footer:"footer"};var h={centerRow:"center-row",primaryPanel:"primary-panel",contextualPanel:"contextual-panel",header:"header",footer:"footer"};var f="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;max-height:unset}.content--behind{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:0;border-width:0px;display:initial}::slotted(calcite-shell-center-row){width:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-left-width:1px;border-right-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);bottom:0.5rem;left:var(--calcite-shell-tip-spacing);right:var(--calcite-shell-tip-spacing);z-index:2}";var w=t("calcite_shell",function(){function t(t){e(this,t);this.contentBehind=false}t.prototype.connectedCallback=function(){s(this)};t.prototype.disconnectedCallback=function(){d(this)};t.prototype.renderHeader=function(){var t=!!l(this.el,h.header);return t?a("slot",{key:"header",name:h.header}):null};t.prototype.renderContent=function(){var t;var e=a("slot",{key:"default-slot"});var i=a("slot",{key:"center-row-slot",name:h.centerRow});var n="content-container";var o=!!this.contentBehind?[a("div",{class:(t={},t[p.content]=true,t[p.contentBehind]=true,t),key:n},e),i]:[a("div",{class:p.content,key:n},e,i)];return o};t.prototype.renderFooter=function(){var t=!!l(this.el,h.footer);return t?a("div",{class:p.footer,key:"footer"},a("slot",{name:h.footer})):null};t.prototype.renderMain=function(){var t;var e=l(this.el,h.primaryPanel);var i=(t={},t[p.main]=true,t[p.mainReversed]=(e===null||e===void 0?void 0:e.position)==="end",t);return a("div",{class:i},a("slot",{name:h.primaryPanel}),this.renderContent(),a("slot",{name:h.contextualPanel}))};t.prototype.render=function(){return a(i,null,this.renderHeader(),this.renderMain(),this.renderFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());w.style=f;var u={actionBarContainer:"action-bar-container",content:"content"};var b={actionBar:"action-bar"};var x="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:1.5rem}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}:host([detached]){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){height:100%;width:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";var v=t("calcite_shell_center_row",function(){function t(t){e(this,t);this.detached=false;this.heightScale="s";this.position="end"}t.prototype.connectedCallback=function(){s(this)};t.prototype.disconnectedCallback=function(){d(this)};t.prototype.render=function(){var t=this.el;var e=a("div",{class:u.content},a("slot",null));var n=l(t,b.actionBar);var o=n?a("div",{class:u.actionBarContainer,key:"action-bar"},a("slot",{name:b.actionBar})):null;var r=[o,e];if((n===null||n===void 0?void 0:n.position)==="end"){r.reverse()}return a(i,null,r)};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());v.style=x;var y={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentDetached:"content--detached",separator:"separator"};var g={actionBar:"action-bar",header:"header"};var k={resize:"Resize"};var D="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;bottom:0px;top:0px;z-index:10;display:-ms-flexbox;display:flex;height:100%;width:0.125rem;background-color:transparent;opacity:0;-webkit-transition: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;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:auto;height:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([dismissed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";var _=t("calcite_shell_panel",function(){function t(t){var a=this;e(this,t);this.calciteShellPanelToggle=o(this,"calciteShellPanelToggle",7);this.collapsed=false;this.detached=false;this.detachedHeightScale="l";this.widthScale="m";this.intlResize=k.resize;this.resizable=false;this.contentWidth=null;this.initialContentWidth=null;this.initialClientX=null;this.contentWidthMax=null;this.contentWidthMin=null;this.step=1;this.stepMultiplier=10;this.storeContentEl=function(t){a.contentEl=t};this.getKeyAdjustedWidth=function(t){var e=t.key;var i=a,n=i.el,o=i.step,r=i.stepMultiplier,l=i.contentWidthMin,s=i.contentWidthMax,d=i.initialContentWidth,m=i.position;var p=o*r;var h=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(h.indexOf(e)>-1){t.preventDefault()}var f=c(n);var w=["ArrowLeft","ArrowRight"];var u=f==="rtl"&&w.includes(e)?-1:1;var b=e==="ArrowUp"||(m==="end"?e===w[0]:e===w[1]);if(b){var x=t.shiftKey?p:o;return d+u*x}var v=e==="ArrowDown"||(m==="end"?e===w[1]:e===w[0]);if(v){var x=t.shiftKey?p:o;return d-u*x}if(typeof l==="number"&&e==="Home"){return l}if(typeof s==="number"&&e==="End"){return s}if(e==="PageDown"){return d-p}if(e==="PageUp"){return d+p}return null};this.separatorKeyDown=function(t){a.setInitialContentWidth();var e=a.getKeyAdjustedWidth(t);if(typeof e==="number"){a.setContentWidth(e)}};this.separatorPointerMove=function(t){t.preventDefault();var e=a,i=e.el,n=e.initialContentWidth,o=e.position,r=e.initialClientX;var l=t.clientX-r;var s=c(i);var d=s==="rtl"?-1:1;var m=o==="end"?-d*l:d*l;var p=n+m;a.setContentWidth(p)};this.separatorPointerUp=function(t){t.preventDefault();document.removeEventListener("pointerup",a.separatorPointerUp);document.removeEventListener("pointermove",a.separatorPointerMove)};this.setInitialContentWidth=function(){var t;a.initialContentWidth=(t=a.contentEl)===null||t===void 0?void 0:t.getBoundingClientRect().width};this.separatorPointerDown=function(t){t.preventDefault();var e=a.separatorEl;e&&document.activeElement!==e&&e.focus();a.setInitialContentWidth();a.initialClientX=t.clientX;document.addEventListener("pointerup",a.separatorPointerUp);document.addEventListener("pointermove",a.separatorPointerMove)};this.connectSeparator=function(t){a.disconnectSeparator();a.separatorEl=t;t.addEventListener("pointerdown",a.separatorPointerDown)};this.disconnectSeparator=function(){var t;(t=a.separatorEl)===null||t===void 0?void 0:t.removeEventListener("pointerdown",a.separatorPointerDown)}}t.prototype.watchHandler=function(){this.calciteShellPanelToggle.emit()};t.prototype.connectedCallback=function(){s(this)};t.prototype.disconnectedCallback=function(){d(this);this.disconnectSeparator()};t.prototype.componentDidLoad=function(){this.updateAriaValues()};t.prototype.renderHeader=function(){var t=this.el;var e=l(t,g.header);return e?a("div",{class:y.contentHeader,key:"header"},a("slot",{name:g.header})):null};t.prototype.render=function(){var t,e;var i=this,n=i.collapsed,o=i.detached,r=i.position,l=i.initialContentWidth,c=i.contentWidth,s=i.contentWidthMax,d=i.contentWidthMin,m=i.intlResize,p=i.resizable;var h=!o&&p;var f=a("div",{class:(t={},t[y.content]=true,t[y.contentDetached]=o,t),hidden:n,key:"content",ref:this.storeContentEl,style:h&&c?{width:"".concat(c,"px")}:null},this.renderHeader(),a("div",{class:y.contentBody},a("slot",null)));var w=h?a("div",{"aria-label":m,"aria-orientation":"horizontal","aria-valuemax":s,"aria-valuemin":d,"aria-valuenow":c!==null&&c!==void 0?c:l,class:y.separator,key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;var u=a("slot",{key:"action-bar",name:g.actionBar});var b=[u,f,w];if(r==="end"){b.reverse()}return a("div",{class:(e={},e[y.container]=true,e)},b)};t.prototype.setContentWidth=function(t){var e=this,a=e.contentWidthMax,i=e.contentWidthMin;var n=Math.round(t);this.contentWidth=typeof a==="number"&&typeof i==="number"?m(n,i,a):n};t.prototype.updateAriaValues=function(){var t=this.contentEl;var e=t&&getComputedStyle(t);if(!e){return}var a=parseInt(e.getPropertyValue("max-width"),10);var i=parseInt(e.getPropertyValue("min-width"),10);var n=parseInt(e.getPropertyValue("width"),10);if(typeof n==="number"&&!isNaN(n)){this.initialContentWidth=n}if(typeof a==="number"&&!isNaN(a)){this.contentWidthMax=a}if(typeof i==="number"&&!isNaN(i)){this.contentWidthMin=i}r(this)};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{collapsed:["watchHandler"]}},enumerable:false,configurable:true});return t}());_.style=D}}}));
|
|
6
|
+
System.register(["./p-8d7bcbbe.system.js","./p-4c62aae1.system.js","./p-ef596bf4.system.js","./p-078aa8cf.system.js","./p-786ca76b.system.js","./p-29c3c079.system.js"],(function(t){"use strict";var e,a,i,n,o,r,l,c,s,d,m;return{setters:[function(t){e=t.r;a=t.h;i=t.F;n=t.g;o=t.c;r=t.f},function(t){l=t.g;c=t.a},function(t){s=t.c;d=t.d},function(t){m=t.c},function(){},function(){}],execute:function(){var p={main:"main",mainReversed:"main--reversed",content:"content",contentBehind:"content--behind",footer:"footer"};var h={centerRow:"center-row",primaryPanel:"primary-panel",contextualPanel:"contextual-panel",header:"header",footer:"footer"};var f="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;max-height:unset}.content--behind{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:0;border-width:0px;display:initial}::slotted(calcite-shell-center-row){width:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-left-width:1px;border-right-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);bottom:0.5rem;left:var(--calcite-shell-tip-spacing);right:var(--calcite-shell-tip-spacing);z-index:2}";var w=t("calcite_shell",function(){function t(t){e(this,t);this.contentBehind=false}t.prototype.connectedCallback=function(){s(this)};t.prototype.disconnectedCallback=function(){d(this)};t.prototype.renderHeader=function(){var t=!!l(this.el,h.header);return t?a("slot",{key:"header",name:h.header}):null};t.prototype.renderContent=function(){var t;var e=a("slot",{key:"default-slot"});var i=a("slot",{key:"center-row-slot",name:h.centerRow});var n="content-container";var o=!!this.contentBehind?[a("div",{class:(t={},t[p.content]=true,t[p.contentBehind]=true,t),key:n},e),i]:[a("div",{class:p.content,key:n},e,i)];return o};t.prototype.renderFooter=function(){var t=!!l(this.el,h.footer);return t?a("div",{class:p.footer,key:"footer"},a("slot",{name:h.footer})):null};t.prototype.renderMain=function(){var t;var e=l(this.el,h.primaryPanel);var i=(t={},t[p.main]=true,t[p.mainReversed]=(e===null||e===void 0?void 0:e.position)==="end",t);return a("div",{class:i},a("slot",{name:h.primaryPanel}),this.renderContent(),a("slot",{name:h.contextualPanel}))};t.prototype.render=function(){return a(i,null,this.renderHeader(),this.renderMain(),this.renderFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());w.style=f;var u={actionBarContainer:"action-bar-container",content:"content"};var b={actionBar:"action-bar"};var x="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:1.5rem}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}:host([detached]){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){height:100%;width:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";var v=t("calcite_shell_center_row",function(){function t(t){e(this,t);this.detached=false;this.heightScale="s";this.position="end"}t.prototype.connectedCallback=function(){s(this)};t.prototype.disconnectedCallback=function(){d(this)};t.prototype.render=function(){var t=this.el;var e=a("div",{class:u.content},a("slot",null));var n=l(t,b.actionBar);var o=n?a("div",{class:u.actionBarContainer,key:"action-bar"},a("slot",{name:b.actionBar})):null;var r=[o,e];if((n===null||n===void 0?void 0:n.position)==="end"){r.reverse()}return a(i,null,r)};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());v.style=x;var y={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentDetached:"content--detached",separator:"separator"};var g={actionBar:"action-bar",header:"header"};var k={resize:"Resize"};var D="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;bottom:0px;top:0px;z-index:10;display:-ms-flexbox;display:flex;height:100%;width:0.125rem;background-color:transparent;opacity:0;-webkit-transition: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;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:auto;height:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([dismissed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";var _=t("calcite_shell_panel",function(){function t(t){var a=this;e(this,t);this.calciteShellPanelToggle=o(this,"calciteShellPanelToggle",7);this.collapsed=false;this.detached=false;this.detachedHeightScale="l";this.widthScale="m";this.intlResize=k.resize;this.resizable=false;this.contentWidth=null;this.initialContentWidth=null;this.initialClientX=null;this.contentWidthMax=null;this.contentWidthMin=null;this.step=1;this.stepMultiplier=10;this.storeContentEl=function(t){a.contentEl=t};this.getKeyAdjustedWidth=function(t){var e=t.key;var i=a,n=i.el,o=i.step,r=i.stepMultiplier,l=i.contentWidthMin,s=i.contentWidthMax,d=i.initialContentWidth,m=i.position;var p=o*r;var h=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(h.indexOf(e)>-1){t.preventDefault()}var f=c(n);var w=["ArrowLeft","ArrowRight"];var u=f==="rtl"&&w.includes(e)?-1:1;var b=e==="ArrowUp"||(m==="end"?e===w[0]:e===w[1]);if(b){var x=t.shiftKey?p:o;return d+u*x}var v=e==="ArrowDown"||(m==="end"?e===w[1]:e===w[0]);if(v){var x=t.shiftKey?p:o;return d-u*x}if(typeof l==="number"&&e==="Home"){return l}if(typeof s==="number"&&e==="End"){return s}if(e==="PageDown"){return d-p}if(e==="PageUp"){return d+p}return null};this.separatorKeyDown=function(t){a.setInitialContentWidth();var e=a.getKeyAdjustedWidth(t);if(typeof e==="number"){a.setContentWidth(e)}};this.separatorPointerMove=function(t){t.preventDefault();var e=a,i=e.el,n=e.initialContentWidth,o=e.position,r=e.initialClientX;var l=t.clientX-r;var s=c(i);var d=s==="rtl"?-1:1;var m=o==="end"?-d*l:d*l;var p=n+m;a.setContentWidth(p)};this.separatorPointerUp=function(t){t.preventDefault();document.removeEventListener("pointerup",a.separatorPointerUp);document.removeEventListener("pointermove",a.separatorPointerMove)};this.setInitialContentWidth=function(){var t;a.initialContentWidth=(t=a.contentEl)===null||t===void 0?void 0:t.getBoundingClientRect().width};this.separatorPointerDown=function(t){t.preventDefault();var e=a.separatorEl;e&&document.activeElement!==e&&e.focus();a.setInitialContentWidth();a.initialClientX=t.clientX;document.addEventListener("pointerup",a.separatorPointerUp);document.addEventListener("pointermove",a.separatorPointerMove)};this.connectSeparator=function(t){a.disconnectSeparator();a.separatorEl=t;t.addEventListener("pointerdown",a.separatorPointerDown)};this.disconnectSeparator=function(){var t;(t=a.separatorEl)===null||t===void 0?void 0:t.removeEventListener("pointerdown",a.separatorPointerDown)}}t.prototype.watchHandler=function(){this.calciteShellPanelToggle.emit()};t.prototype.connectedCallback=function(){s(this)};t.prototype.disconnectedCallback=function(){d(this);this.disconnectSeparator()};t.prototype.componentDidLoad=function(){this.updateAriaValues()};t.prototype.renderHeader=function(){var t=this.el;var e=l(t,g.header);return e?a("div",{class:y.contentHeader,key:"header"},a("slot",{name:g.header})):null};t.prototype.render=function(){var t,e;var i=this,n=i.collapsed,o=i.detached,r=i.position,l=i.initialContentWidth,c=i.contentWidth,s=i.contentWidthMax,d=i.contentWidthMin,m=i.intlResize,p=i.resizable;var h=!o&&p;var f=a("div",{class:(t={},t[y.content]=true,t[y.contentDetached]=o,t),hidden:n,key:"content",ref:this.storeContentEl,style:h&&c?{width:"".concat(c,"px")}:null},this.renderHeader(),a("div",{class:y.contentBody},a("slot",null)));var w=h?a("div",{"aria-label":m,"aria-orientation":"horizontal","aria-valuemax":s,"aria-valuemin":d,"aria-valuenow":c!==null&&c!==void 0?c:l,class:y.separator,key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null;var u=a("slot",{key:"action-bar",name:g.actionBar});var b=[u,f,w];if(r==="end"){b.reverse()}return a("div",{class:(e={},e[y.container]=true,e)},b)};t.prototype.setContentWidth=function(t){var e=this,a=e.contentWidthMax,i=e.contentWidthMin;var n=Math.round(t);this.contentWidth=typeof a==="number"&&typeof i==="number"?m(n,i,a):n};t.prototype.updateAriaValues=function(){var t=this.contentEl;var e=t&&getComputedStyle(t);if(!e){return}var a=parseInt(e.getPropertyValue("max-width"),10);var i=parseInt(e.getPropertyValue("min-width"),10);var n=parseInt(e.getPropertyValue("width"),10);if(typeof n==="number"&&!isNaN(n)){this.initialContentWidth=n}if(typeof a==="number"&&!isNaN(a)){this.contentWidthMax=a}if(typeof i==="number"&&!isNaN(i)){this.contentWidthMin=i}r(this)};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{collapsed:["watchHandler"]}},enumerable:false,configurable:true});return t}());_.style=D}}}));
|
|
@@ -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.86
|
|
5
5
|
*/
|
|
6
|
-
import{r as t,c as i,h as a,H as e,g as o}from"./p-420a3057.js";import{g as s}from"./p-850bd83f.js";import{a as n,f as r,t as c}from"./p-ecdd5df4.js";import{c as d,d as l,g as h}from"./p-ac5555ee.js";import{c as m,d as u,H as p}from"./p-338228cd.js";import{g as b}from"./p-d67695ec.js";import{u as f}from"./p-0913167b.js";const w=class{constructor(a){t(this,a),this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",7),this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",7),this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",7),this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",7),this.checked=!1,this.disabled=!1,this.focused=!1,this.hidden=!1,this.hovered=!1,this.required=!1,this.scale="m",this.selectItem=(t,i)=>{t[i].click()},this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name)),this.isDefaultSelectable=()=>{const t=this.queryButtons();return!t.some((t=>t.checked))&&t[0]===this.el},this.check=()=>{this.disabled||(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.focused=!0,this.calciteRadioButtonChange.emit(),this.setFocus())},this.clickHandler=()=>{this.check()},this.setContainerEl=t=>{this.containerEl=t},this.handleKeyDown=t=>{const i=t.key,{el:a}=this;if(-1===["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "].indexOf(i))return;if(" "===i)return void this.check();let e=i;"rtl"===n(a)&&("ArrowRight"===i&&(e="ArrowLeft"),"ArrowLeft"===i&&(e="ArrowRight"));const o=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let s=0;const r=o.length;switch(o.some(((t,i)=>{if(t.checked)return s=i,!0})),e){case"ArrowLeft":case"ArrowUp":return t.preventDefault(),void this.selectItem(o,b(Math.max(s-1,-1),r));case"ArrowRight":case"ArrowDown":return t.preventDefault(),void this.selectItem(o,b(s+1,r));default:return}},this.onContainerBlur=()=>{this.focused=!1,this.calciteInternalRadioButtonBlur.emit()},this.onContainerFocus=()=>{this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())}}checkedChanged(t){t&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit(t)}nameChanged(){this.checkLastRadioButton()}async setFocus(){this.disabled||r(this.containerEl)}onLabelClick(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();const i=t.currentTarget,a=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);a&&(a.checked=!0,a.focused=!0),this.calciteRadioButtonChange.emit(),this.setFocus()}}checkLastRadioButton(){const t=this.queryButtons().filter((t=>t.checked));if((null==t?void 0:t.length)>1){const i=t[t.length-1];t.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid)).forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}getTabIndex(){if(!this.disabled)return this.checked||this.isDefaultSelectable()?0:-1}mouseenter(){this.hovered=!0}mouseleave(){this.hovered=!1}connectedCallback(){this.rootNode=this.el.getRootNode(),this.guid=this.el.id||`calcite-radio-button-${s()}`,this.name&&this.checkLastRadioButton(),d(this),m(this)}componentDidLoad(){this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){l(this),u(this)}componentDidRender(){f(this)}render(){const t=this.getTabIndex();return a(e,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},a("div",{"aria-checked":c(this.checked),"aria-label":h(this),class:"container",onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},a("div",{class:"radio"})),a(p,{component:this}))}get el(){return o(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};w.style='@-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}';export{w as calcite_radio_button}
|
|
6
|
+
import{r as t,c as i,h as a,H as e,g as o}from"./p-e2a9bc3c.js";import{g as s}from"./p-8e5b28c2.js";import{a as n,f as r,t as c}from"./p-bc9c9c9b.js";import{c as d,d as l,g as h}from"./p-7f519a6f.js";import{c as m,d as u,H as p}from"./p-0ac22887.js";import{g as b}from"./p-f54622d6.js";import{u as f}from"./p-e6ad54a7.js";const w=class{constructor(a){t(this,a),this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",7),this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",7),this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",7),this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",7),this.checked=!1,this.disabled=!1,this.focused=!1,this.hidden=!1,this.hovered=!1,this.required=!1,this.scale="m",this.selectItem=(t,i)=>{t[i].click()},this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name)),this.isDefaultSelectable=()=>{const t=this.queryButtons();return!t.some((t=>t.checked))&&t[0]===this.el},this.check=()=>{this.disabled||(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.focused=!0,this.calciteRadioButtonChange.emit(),this.setFocus())},this.clickHandler=()=>{this.check()},this.setContainerEl=t=>{this.containerEl=t},this.handleKeyDown=t=>{const i=t.key,{el:a}=this;if(-1===["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "].indexOf(i))return;if(" "===i)return void this.check();let e=i;"rtl"===n(a)&&("ArrowRight"===i&&(e="ArrowLeft"),"ArrowLeft"===i&&(e="ArrowRight"));const o=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let s=0;const r=o.length;switch(o.some(((t,i)=>{if(t.checked)return s=i,!0})),e){case"ArrowLeft":case"ArrowUp":return t.preventDefault(),void this.selectItem(o,b(Math.max(s-1,-1),r));case"ArrowRight":case"ArrowDown":return t.preventDefault(),void this.selectItem(o,b(s+1,r));default:return}},this.onContainerBlur=()=>{this.focused=!1,this.calciteInternalRadioButtonBlur.emit()},this.onContainerFocus=()=>{this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())}}checkedChanged(t){t&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit(t)}nameChanged(){this.checkLastRadioButton()}async setFocus(){this.disabled||r(this.containerEl)}onLabelClick(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();const i=t.currentTarget,a=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);a&&(a.checked=!0,a.focused=!0),this.calciteRadioButtonChange.emit(),this.setFocus()}}checkLastRadioButton(){const t=this.queryButtons().filter((t=>t.checked));if((null==t?void 0:t.length)>1){const i=t[t.length-1];t.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid)).forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}getTabIndex(){if(!this.disabled)return this.checked||this.isDefaultSelectable()?0:-1}mouseenter(){this.hovered=!0}mouseleave(){this.hovered=!1}connectedCallback(){this.rootNode=this.el.getRootNode(),this.guid=this.el.id||`calcite-radio-button-${s()}`,this.name&&this.checkLastRadioButton(),d(this),m(this)}componentDidLoad(){this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){l(this),u(this)}componentDidRender(){f(this)}render(){const t=this.getTabIndex();return a(e,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},a("div",{"aria-checked":c(this.checked),"aria-label":h(this),class:"container",onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},a("div",{class:"radio"})),a(p,{component:this}))}get el(){return o(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};w.style='@-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}';export{w as calcite_radio_button}
|