@esri/calcite-components 1.0.0-next.519 → 1.0.0-next.521
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-01b638d1.entry.js +6 -0
- package/dist/calcite/{p-f51ad078.entry.js → p-02a3583d.entry.js} +2 -2
- package/dist/calcite/{p-7a620018.entry.js → p-037f81e1.entry.js} +2 -2
- package/dist/calcite/{p-2a2ab38e.entry.js → p-05a4b9dd.entry.js} +2 -2
- package/dist/calcite/{p-5a186cc4.system.entry.js → p-06332d21.system.entry.js} +2 -2
- package/dist/calcite/{p-f9ffe552.entry.js → p-0664c198.entry.js} +2 -2
- package/dist/calcite/p-08e28998.system.entry.js +6 -0
- package/dist/calcite/{p-f2b60079.js → p-08f334c1.js} +2 -2
- package/dist/calcite/{p-a6ad8cf1.system.entry.js → p-0c6874b0.system.entry.js} +2 -2
- package/dist/calcite/{p-09a29635.js → p-0c8eb394.js} +1 -1
- package/dist/calcite/{p-26d50186.entry.js → p-0d86e14f.entry.js} +2 -2
- package/dist/calcite/{p-a10f8e3a.system.entry.js → p-0df3ffa0.system.entry.js} +2 -2
- package/dist/calcite/{p-906175f7.entry.js → p-0e8275de.entry.js} +2 -2
- package/dist/calcite/{p-7ceb3745.js → p-0e88270b.js} +2 -2
- package/dist/calcite/{p-07e9999d.entry.js → p-0f7446cb.entry.js} +2 -2
- package/dist/calcite/{p-0723212a.system.entry.js → p-0ff0ca0b.system.entry.js} +2 -2
- package/dist/calcite/{p-6fdd6c41.entry.js → p-10fe1682.entry.js} +2 -2
- package/dist/calcite/p-15a2f2b5.entry.js +6 -0
- package/dist/calcite/{p-5eef1490.js → p-1786fb93.js} +1 -1
- package/dist/calcite/{p-35fc8b6d.system.entry.js → p-18de0e0b.system.entry.js} +2 -2
- package/dist/calcite/{p-685e27e5.entry.js → p-18e94c9f.entry.js} +2 -2
- package/dist/calcite/{p-b83117e6.entry.js → p-1934cb89.entry.js} +2 -2
- package/dist/calcite/p-196346bf.system.entry.js +6 -0
- package/dist/calcite/{p-0091b5c5.system.js → p-19f87399.system.js} +1 -1
- package/dist/calcite/{p-ca1395f2.system.entry.js → p-1a7dcfc0.system.entry.js} +2 -2
- package/dist/calcite/{p-dcc15111.system.js → p-1c45719a.system.js} +1 -1
- package/dist/calcite/{p-87bea8ac.js → p-1d7e2d4a.js} +1 -1
- package/dist/calcite/p-22d40d65.entry.js +6 -0
- package/dist/calcite/{p-99ef36e8.system.js → p-22ffda43.system.js} +2 -2
- package/dist/calcite/{p-ddb9cd89.system.entry.js → p-25129b54.system.entry.js} +2 -2
- package/dist/calcite/{p-9f31b6b6.system.entry.js → p-28b4be8f.system.entry.js} +2 -2
- package/dist/calcite/{p-5d81499a.js → p-2981a893.js} +2 -2
- package/dist/calcite/p-2b8e9cae.system.entry.js +6 -0
- package/dist/calcite/{p-474b0782.js → p-2bceb3cc.js} +2 -2
- package/dist/calcite/{p-26089116.system.entry.js → p-302615c5.system.entry.js} +2 -2
- package/dist/calcite/{p-c7fa1924.system.js → p-3111a501.system.js} +1 -1
- package/dist/calcite/{p-0b23068d.system.js → p-37ae8843.system.js} +2 -2
- package/dist/calcite/{p-ebb490fd.entry.js → p-3854aaa3.entry.js} +2 -2
- package/dist/calcite/{p-504fdccb.js → p-3ade5098.js} +1 -1
- package/dist/calcite/{p-09ecd7fb.js → p-3bbfc3a1.js} +1 -1
- package/dist/calcite/{p-238178a6.system.entry.js → p-3c9fb8a0.system.entry.js} +2 -2
- package/dist/calcite/{p-ea213b92.system.entry.js → p-3ebebd84.system.entry.js} +2 -2
- package/dist/calcite/{p-fddb6d35.entry.js → p-3ecd2c17.entry.js} +2 -2
- package/dist/calcite/{p-4fbf5d4c.entry.js → p-3ecec156.entry.js} +2 -2
- package/dist/calcite/{p-42a46d48.system.js → p-43e7a8f1.system.js} +3 -3
- package/dist/calcite/{p-4f679aad.system.js → p-4565c114.system.js} +2 -2
- package/dist/calcite/{p-ec27599a.entry.js → p-46c73e88.entry.js} +2 -2
- package/dist/calcite/{p-d71a6389.entry.js → p-477ca75f.entry.js} +2 -2
- package/dist/calcite/p-490d284a.entry.js +6 -0
- package/dist/calcite/{p-86fefd33.js → p-4a08a094.js} +2 -2
- package/dist/calcite/{p-1a004f9f.entry.js → p-4d012e6d.entry.js} +2 -2
- package/dist/calcite/{p-7cc5e4de.js → p-503ffd79.js} +1 -1
- package/dist/calcite/p-5321532e.entry.js +6 -0
- package/dist/calcite/{p-86f09fa7.system.js → p-53cb1579.system.js} +1 -1
- package/dist/calcite/{p-e1eea524.system.entry.js → p-54bc93ca.system.entry.js} +2 -2
- package/dist/calcite/{p-08149b94.system.entry.js → p-56fad8eb.system.entry.js} +2 -2
- package/dist/calcite/{p-8bd09449.system.js → p-5956ae2b.system.js} +1 -1
- package/dist/calcite/{p-45b61d41.entry.js → p-597100a7.entry.js} +2 -2
- package/dist/calcite/{p-b75b9840.system.entry.js → p-5a8d424e.system.entry.js} +2 -2
- package/dist/calcite/{p-85419f32.entry.js → p-5b152346.entry.js} +2 -2
- package/dist/calcite/{p-2881b928.js → p-5b2d7828.js} +2 -2
- package/dist/calcite/{p-f5763663.system.entry.js → p-5bbaac2e.system.entry.js} +2 -2
- package/dist/calcite/{p-aa4162e2.system.entry.js → p-5c335596.system.entry.js} +2 -2
- package/dist/calcite/{p-dd869c6a.entry.js → p-5c81572b.entry.js} +2 -2
- package/dist/calcite/{p-c79e56fc.system.entry.js → p-5d1ea183.system.entry.js} +2 -2
- package/dist/calcite/{p-23092943.js → p-60224344.js} +1 -1
- package/dist/calcite/{p-43ae2537.entry.js → p-616f05fa.entry.js} +2 -2
- package/dist/calcite/{p-99ae68c8.system.entry.js → p-62a0f380.system.entry.js} +2 -2
- package/dist/calcite/{p-68f356e6.entry.js → p-66240c05.entry.js} +2 -2
- package/dist/calcite/{p-e66a86ee.system.entry.js → p-67f1f6b9.system.entry.js} +2 -2
- package/dist/calcite/{p-9e87daca.entry.js → p-68605411.entry.js} +2 -2
- package/dist/calcite/{p-55c22c0e.js → p-68c538e6.js} +2 -2
- package/dist/calcite/{p-df17983c.system.entry.js → p-709ffc8a.system.entry.js} +2 -2
- package/dist/calcite/{p-03aa2156.js → p-71a5a7b9.js} +1 -1
- package/dist/calcite/{p-7e4972a5.system.js → p-74508b15.system.js} +1 -1
- package/dist/calcite/{p-b0629fb6.entry.js → p-7609b260.entry.js} +2 -2
- package/dist/calcite/{p-c861729b.entry.js → p-7779dcec.entry.js} +2 -2
- package/dist/calcite/{p-9a33179e.system.js → p-7b5c7678.system.js} +1 -1
- package/dist/calcite/{p-9728c32f.entry.js → p-7f80ef30.entry.js} +2 -2
- package/dist/calcite/{p-e26f5c04.system.entry.js → p-803997da.system.entry.js} +2 -2
- package/dist/calcite/{p-f307e6ad.js → p-80dd019b.js} +1 -1
- package/dist/calcite/{p-805540d5.system.entry.js → p-82894cb4.system.entry.js} +2 -2
- package/dist/calcite/{p-a47f34ac.system.entry.js → p-836254a6.system.entry.js} +2 -2
- package/dist/calcite/{p-8f159278.system.entry.js → p-8469c3f5.system.entry.js} +2 -2
- package/dist/calcite/{p-2c968fec.system.js → p-8aafc60e.system.js} +2 -2
- package/dist/calcite/{p-e308a47b.entry.js → p-8ad36643.entry.js} +2 -2
- package/dist/calcite/{p-92ec9447.system.js → p-8d193648.system.js} +1 -1
- package/dist/calcite/{p-93dd6f44.system.js → p-8e6d31eb.system.js} +1 -1
- package/dist/calcite/{p-1e90bddb.system.entry.js → p-90bd223c.system.entry.js} +2 -2
- package/dist/calcite/{p-9d1db56d.entry.js → p-9109755c.entry.js} +2 -2
- package/dist/calcite/{p-74c5b3e6.system.js → p-922cca1a.system.js} +2 -2
- package/dist/calcite/{p-b924456a.system.entry.js → p-956aea00.system.entry.js} +2 -2
- package/dist/calcite/{p-c3dd776b.system.entry.js → p-9814a422.system.entry.js} +2 -2
- package/dist/calcite/{p-3a7bf5d8.entry.js → p-98d13115.entry.js} +2 -2
- package/dist/calcite/{p-2d8d9716.entry.js → p-9a775e97.entry.js} +2 -2
- package/dist/calcite/{p-15e8cb6a.system.js → p-9ed3942c.system.js} +2 -2
- package/dist/calcite/{p-e346a217.entry.js → p-a056927a.entry.js} +2 -2
- package/dist/calcite/{p-40df87d8.entry.js → p-a186a81b.entry.js} +2 -2
- package/dist/calcite/{p-226c27f6.system.js → p-a56d7998.system.js} +2 -2
- package/dist/calcite/{p-3cf68d3b.system.entry.js → p-a6339811.system.entry.js} +2 -2
- package/dist/calcite/{p-fe0e0ab6.system.entry.js → p-a63dc521.system.entry.js} +2 -2
- package/dist/calcite/{p-cced096d.system.entry.js → p-a799c49f.system.entry.js} +2 -2
- package/dist/calcite/{p-1bc517fb.entry.js → p-a7a4705c.entry.js} +2 -2
- package/dist/calcite/{p-432fe288.system.entry.js → p-a7ae0c54.system.entry.js} +2 -2
- package/dist/calcite/{p-6f0a468e.system.js → p-aa04303b.system.js} +2 -2
- package/dist/calcite/{p-b9cc79ce.system.js → p-ab08ad49.system.js} +2 -2
- package/dist/calcite/{p-3326ae60.system.js → p-ab5101d8.system.js} +1 -1
- package/dist/calcite/{p-fdc4e698.system.js → p-adcd9271.system.js} +1 -1
- package/dist/calcite/{p-799883f1.system.entry.js → p-b2f3fc3d.system.entry.js} +2 -2
- package/dist/calcite/{p-c6435adf.system.entry.js → p-b2f5c885.system.entry.js} +2 -2
- package/dist/calcite/{p-59aadc1c.entry.js → p-b64ac51f.entry.js} +2 -2
- package/dist/calcite/{p-c10b91f3.entry.js → p-b72717bd.entry.js} +2 -2
- package/dist/calcite/{p-332ae63b.entry.js → p-b80bbe57.entry.js} +2 -2
- package/dist/calcite/{p-99e6746a.system.entry.js → p-b905df83.system.entry.js} +2 -2
- package/dist/calcite/p-b9ba2995.system.js +6 -0
- package/dist/calcite/{p-f516cb6c.entry.js → p-ba1931db.entry.js} +2 -2
- package/dist/calcite/{p-be30007b.js → p-bc269b24.js} +2 -2
- package/dist/calcite/{p-d049b038.system.entry.js → p-bcbe7ce6.system.entry.js} +2 -2
- package/dist/calcite/{p-b6df6cb0.system.entry.js → p-bd5694e0.system.entry.js} +2 -2
- package/dist/calcite/{p-fe636dc7.js → p-be33578d.js} +2 -2
- package/dist/calcite/{p-f6662765.js → p-bee3c541.js} +1 -1
- package/dist/calcite/{p-534fb34e.system.entry.js → p-c57bfa50.system.entry.js} +2 -2
- package/dist/calcite/{p-b347fd14.system.entry.js → p-c74ae0e9.system.entry.js} +2 -2
- package/dist/calcite/{p-42759bb3.js → p-c7e7cc3f.js} +1 -1
- package/dist/calcite/{p-0850c86e.system.entry.js → p-c9878d39.system.entry.js} +2 -2
- package/dist/calcite/{p-76c1e8d6.system.entry.js → p-c9962a82.system.entry.js} +2 -2
- package/dist/calcite/{p-c3f5834e.entry.js → p-ca13fa8e.entry.js} +2 -2
- package/dist/calcite/p-cc236a7d.js +6 -0
- package/dist/calcite/p-ce350a0c.js +6 -0
- package/dist/calcite/{p-114de801.entry.js → p-ce9659f4.entry.js} +2 -2
- package/dist/calcite/{p-db708677.entry.js → p-cea960cf.entry.js} +2 -2
- package/dist/calcite/{p-9a6ddaf4.system.entry.js → p-d418b98e.system.entry.js} +2 -2
- package/dist/calcite/{p-3c90254d.system.js → p-d44c6b32.system.js} +1 -1
- package/dist/calcite/{p-f8fd9bf9.system.entry.js → p-d461e15b.system.entry.js} +2 -2
- package/dist/calcite/{p-72798679.entry.js → p-d4a4f33e.entry.js} +2 -2
- package/dist/calcite/{p-4df47a15.system.js → p-d6299c4e.system.js} +2 -2
- package/dist/calcite/{p-6020161d.system.js → p-d7a237ba.system.js} +1 -1
- package/dist/calcite/{p-b868fd63.js → p-d8bf5b29.js} +1 -1
- package/dist/calcite/{p-546f6650.entry.js → p-d9d2294a.entry.js} +2 -2
- package/dist/calcite/{p-4aec9b21.system.entry.js → p-d9e6af1c.system.entry.js} +2 -2
- package/dist/calcite/{p-b895307a.system.entry.js → p-dc5fb654.system.entry.js} +2 -2
- package/dist/calcite/{p-691c5cb2.entry.js → p-dd9f25da.entry.js} +2 -2
- package/dist/calcite/{p-60a5b722.system.entry.js → p-df8177da.system.entry.js} +2 -2
- package/dist/calcite/{p-4c7bc581.entry.js → p-e029f7a3.entry.js} +2 -2
- package/dist/calcite/p-e0edddf8.entry.js +6 -0
- package/dist/calcite/{p-eac66f74.entry.js → p-e72532a8.entry.js} +2 -2
- package/dist/calcite/{p-c95966f1.entry.js → p-e99806ce.entry.js} +2 -2
- package/dist/calcite/{p-041c0013.entry.js → p-ea37aa52.entry.js} +2 -2
- package/dist/calcite/{p-77b54732.system.entry.js → p-ec3ac306.system.entry.js} +2 -2
- package/dist/calcite/{p-83318d8e.system.entry.js → p-ed2772f3.system.entry.js} +2 -2
- package/dist/calcite/{p-37766af7.entry.js → p-eef3c9fd.entry.js} +2 -2
- package/dist/calcite/{p-d07bab46.entry.js → p-ef10300b.entry.js} +2 -2
- package/dist/calcite/{p-3c1d8106.js → p-f0f828f4.js} +1 -1
- package/dist/calcite/{p-96474516.system.entry.js → p-f105b00b.system.entry.js} +2 -2
- package/dist/calcite/{p-f8e06931.system.entry.js → p-f18df807.system.entry.js} +2 -2
- package/dist/calcite/{p-58242945.system.entry.js → p-f2efb50c.system.entry.js} +2 -2
- package/dist/calcite/{p-d70497d2.system.entry.js → p-f463e742.system.entry.js} +2 -2
- package/dist/calcite/{p-c4078601.entry.js → p-f4a4e6fd.entry.js} +2 -2
- package/dist/calcite/{p-22cf3837.system.entry.js → p-f5fcb884.system.entry.js} +2 -2
- package/dist/calcite/{p-68f92688.entry.js → p-f6032fac.entry.js} +2 -2
- package/dist/calcite/{p-08615b84.system.entry.js → p-f8360ef0.system.entry.js} +2 -2
- package/dist/calcite/{p-28d0772c.system.entry.js → p-fa49f87b.system.entry.js} +2 -2
- package/dist/calcite/{p-cb69bd7d.entry.js → p-fb4d2cca.entry.js} +2 -2
- package/dist/calcite/{p-b271359f.system.js → p-fc76a97f.system.js} +1 -1
- package/dist/cjs/{ExpandToggle-f6091e86.js → ExpandToggle-8aaaf12b.js} +5 -5
- package/dist/cjs/{Heading-439d0305.js → Heading-5f2ed366.js} +2 -2
- package/dist/cjs/{array-183e4ddb.js → array-332f1ad8.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +17 -8
- 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 +6 -6
- package/dist/cjs/calcite-checkbox.cjs.entry.js +7 -7
- package/dist/cjs/calcite-chip.cjs.entry.js +10 -7
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +54 -33
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +9 -9
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +37 -21
- 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-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 +25 -16
- package/dist/cjs/calcite-notice.cjs.entry.js +7 -7
- 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 +9 -9
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +11 -11
- package/dist/cjs/calcite-popover_2.cjs.entry.js +7 -7
- 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 +6 -6
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{conditionalSlot-39cb45e0.js → conditionalSlot-345c638f.js} +3 -3
- package/dist/cjs/{debounce-e2fa6e5f.js → debounce-cff73118.js} +1 -1
- package/dist/cjs/{dom-c942dac0.js → dom-006119f9.js} +2 -2
- package/dist/cjs/{forIn-987d0822.js → forIn-63725cb3.js} +2 -2
- package/dist/cjs/{form-6838f210.js → form-4aa36914.js} +3 -3
- package/dist/cjs/{guid-45cdc289.js → guid-7ac09c7c.js} +1 -1
- package/dist/cjs/{index-70f8d366.js → index-345bd03e.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-3ed10fb1.js → interactive-4c089305.js} +1 -1
- package/dist/cjs/{interfaces-5ca7718b.js → interfaces-ed5629c9.js} +1 -1
- package/dist/cjs/{key-84224200.js → key-ad47ec79.js} +1 -1
- package/dist/cjs/{label-176be1a1.js → label-cbd2fca0.js} +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{locale-195b8060.js → locale-a7606dce.js} +2 -2
- package/dist/cjs/{math-5b43870a.js → math-cb0eba16.js} +1 -1
- package/dist/cjs/{observers-f4aa0ec8.js → observers-e7215a23.js} +1 -1
- package/dist/cjs/{popper-b8cc03bf.js → popper-a6799f73.js} +2 -2
- package/dist/cjs/{resources-93b9c4fb.js → resources-3dfb6262.js} +1 -1
- package/dist/cjs/{resources-37f0cb50.js → resources-e4f2b649.js} +1 -1
- package/dist/cjs/{resources-67f9a468.js → resources-e78d08e9.js} +5 -5
- package/dist/cjs/{resources-b952625b.js → resources-ec4ddd5b.js} +3 -3
- package/dist/cjs/{sortable.esm-50f83340.js → sortable.esm-75596196.js} +1 -1
- package/dist/cjs/{utils-1c5561b5.js → utils-cd5ed41f.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 +18 -9
- package/dist/collection/components/accordion-item/accordion-item.js +35 -5
- 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.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 -0
- package/dist/collection/components/chip/chip.js +22 -1
- 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.js +69 -25
- 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.js +1 -1
- package/dist/collection/components/combobox-item/resources.js +1 -1
- 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 +2 -1
- package/dist/collection/components/dropdown/dropdown.js +55 -16
- 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.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-message/input-message.js +1 -1
- package/dist/collection/components/input-message/interfaces.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.css +10 -5
- package/dist/collection/components/modal/modal.js +44 -12
- package/dist/collection/components/modal/resources.js +1 -1
- package/dist/collection/components/notice/notice.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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.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.js +1 -1
- package/dist/collection/components/value-list/resources.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 +15 -5
- 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 +1 -1
- 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 +1 -1
- package/dist/components/calcite-combobox-item.js +1 -1
- package/dist/components/calcite-combobox.js +44 -22
- 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 +1 -1
- 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-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 +21 -11
- package/dist/components/calcite-notice.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/components/calcite-tree.js +1 -1
- 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 +6 -2
- 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 +32 -15
- 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 +1 -1
- 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 +114 -56
- package/dist/esm/{ExpandToggle-615aef84.js → ExpandToggle-f015017d.js} +5 -5
- package/dist/esm/{Heading-5ccaa054.js → Heading-d8e9c4d0.js} +2 -2
- package/dist/esm/{array-6c52bfc3.js → array-cc249c07.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +17 -8
- 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 +6 -6
- package/dist/esm/calcite-checkbox.entry.js +7 -7
- package/dist/esm/calcite-chip.entry.js +10 -7
- package/dist/esm/calcite-color-picker_3.entry.js +8 -8
- package/dist/esm/calcite-combobox_3.entry.js +54 -33
- package/dist/esm/calcite-date-picker_4.entry.js +9 -9
- package/dist/esm/calcite-dropdown_3.entry.js +37 -21
- 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-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 +25 -16
- package/dist/esm/calcite-notice.entry.js +7 -7
- 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 +9 -9
- package/dist/esm/calcite-pick-list_3.entry.js +11 -11
- package/dist/esm/calcite-popover_2.entry.js +7 -7
- 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 +6 -6
- package/dist/esm/calcite-value-list_2.entry.js +11 -11
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{conditionalSlot-5833e9f1.js → conditionalSlot-251f048d.js} +3 -3
- package/dist/esm/{debounce-b313dae7.js → debounce-671be4ab.js} +1 -1
- package/dist/esm/{dom-a8a904b8.js → dom-1d25d90d.js} +2 -2
- package/dist/esm/{forIn-634f1be2.js → forIn-61b8f555.js} +2 -2
- package/dist/esm/{form-3e92b679.js → form-9231bd75.js} +3 -3
- package/dist/esm/{guid-3cacc190.js → guid-681ada01.js} +1 -1
- package/dist/esm/{index-d8874173.js → index-3d4e33c9.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-f8ab7c5e.js → interactive-206f3e33.js} +1 -1
- package/dist/esm/{interfaces-32674f6e.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm/{key-835c7134.js → key-aaa7a17a.js} +1 -1
- package/dist/esm/{label-1b2d8b99.js → label-78ef6888.js} +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{locale-75592121.js → locale-ddc99d54.js} +2 -2
- package/dist/esm/{math-f368aecb.js → math-6704b0cd.js} +1 -1
- package/dist/esm/{observers-a5f44357.js → observers-f4b26851.js} +1 -1
- package/dist/esm/{popper-c724cdf6.js → popper-0f8ca820.js} +2 -2
- package/dist/esm/{resources-de00b8ca.js → resources-8bc22c30.js} +1 -1
- package/dist/esm/{resources-f4b11110.js → resources-9cd6c136.js} +3 -3
- package/dist/esm/{resources-899bc715.js → resources-c23513d4.js} +5 -5
- package/dist/esm/{resources-48cb66e2.js → resources-f108bb2c.js} +1 -1
- package/dist/esm/{sortable.esm-fca82674.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm/{utils-4cc978ea.js → utils-29143248.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-615aef84.js → ExpandToggle-f015017d.js} +2 -2
- package/dist/esm-es5/Heading-d8e9c4d0.js +6 -0
- package/dist/esm-es5/{array-6c52bfc3.js → array-cc249c07.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-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 +2 -2
- package/dist/esm-es5/calcite-modal.entry.js +2 -2
- package/dist/esm-es5/calcite-notice.entry.js +2 -2
- 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 +2 -2
- 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 +3 -3
- package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
- package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
- package/dist/esm-es5/calcite.js +2 -2
- package/dist/esm-es5/{conditionalSlot-5833e9f1.js → conditionalSlot-251f048d.js} +2 -2
- package/dist/esm-es5/{debounce-b313dae7.js → debounce-671be4ab.js} +1 -1
- package/dist/esm-es5/{dom-a8a904b8.js → dom-1d25d90d.js} +2 -2
- package/dist/esm-es5/{forIn-634f1be2.js → forIn-61b8f555.js} +2 -2
- package/dist/esm-es5/{form-3e92b679.js → form-9231bd75.js} +2 -2
- package/dist/esm-es5/{guid-3cacc190.js → guid-681ada01.js} +1 -1
- package/dist/esm-es5/{index-d8874173.js → index-3d4e33c9.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-f8ab7c5e.js → interactive-206f3e33.js} +1 -1
- package/dist/esm-es5/{interfaces-32674f6e.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm-es5/{key-835c7134.js → key-aaa7a17a.js} +1 -1
- package/dist/esm-es5/{label-1b2d8b99.js → label-78ef6888.js} +2 -2
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-75592121.js → locale-ddc99d54.js} +2 -2
- package/dist/esm-es5/{math-f368aecb.js → math-6704b0cd.js} +1 -1
- package/dist/esm-es5/{observers-a5f44357.js → observers-f4b26851.js} +1 -1
- package/dist/esm-es5/{popper-c724cdf6.js → popper-0f8ca820.js} +2 -2
- package/dist/esm-es5/{resources-de00b8ca.js → resources-8bc22c30.js} +1 -1
- package/dist/esm-es5/{resources-f4b11110.js → resources-9cd6c136.js} +2 -2
- package/dist/esm-es5/{resources-899bc715.js → resources-c23513d4.js} +2 -2
- package/dist/esm-es5/{resources-48cb66e2.js → resources-f108bb2c.js} +1 -1
- package/dist/esm-es5/{sortable.esm-fca82674.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm-es5/{utils-4cc978ea.js → utils-29143248.js} +1 -1
- package/dist/extras/docs-json.json +117 -8
- package/dist/loader/cdn.js +1 -1
- package/dist/loader/index.cjs.js +1 -1
- package/dist/loader/index.es2017.js +1 -1
- package/dist/loader/index.js +1 -1
- package/dist/types/components/accordion-item/accordion-item.d.ts +7 -1
- package/dist/types/components/chip/chip.d.ts +2 -0
- package/dist/types/components/combobox/combobox.d.ts +7 -1
- package/dist/types/components/dropdown/dropdown.d.ts +7 -1
- package/dist/types/components/modal/modal.d.ts +9 -3
- package/dist/types/components.d.ts +54 -6
- package/hydrate/index.js +119 -56
- package/package.json +1 -1
- package/dist/calcite/p-09854013.entry.js +0 -6
- package/dist/calcite/p-2e1491da.entry.js +0 -6
- package/dist/calcite/p-47bcb060.system.entry.js +0 -6
- package/dist/calcite/p-4b4ff426.js +0 -6
- package/dist/calcite/p-4d9dd9e3.system.entry.js +0 -6
- package/dist/calcite/p-53abe760.system.js +0 -6
- package/dist/calcite/p-5bc79da8.entry.js +0 -6
- package/dist/calcite/p-5ca4c426.entry.js +0 -6
- package/dist/calcite/p-b62639a5.entry.js +0 -6
- package/dist/calcite/p-cad3a0e2.system.entry.js +0 -6
- package/dist/calcite/p-d4ba6958.entry.js +0 -6
- package/dist/calcite/p-d4eabd92.js +0 -6
- package/dist/esm-es5/Heading-5ccaa054.js +0 -6
package/hydrate/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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-next.
|
|
4
|
+
* v1.0.0-next.521
|
|
5
5
|
*/
|
|
6
6
|
'use strict';
|
|
7
7
|
|
|
@@ -6050,7 +6050,7 @@ function toAriaBoolean(value) {
|
|
|
6050
6050
|
return Boolean(value).toString();
|
|
6051
6051
|
}
|
|
6052
6052
|
|
|
6053
|
-
const accordionItemCss = "@-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*/.sc-calcite-accordion-item: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*/.calcite-animate.sc-calcite-accordion-item{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*/.calcite-animate__in.sc-calcite-accordion-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-accordion-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-accordion-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-accordion-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-accordion-item:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-accordion-item-h{display:none}/*!@.icon-position--end, .icon-position--start*/.icon-position--end.sc-calcite-accordion-item,.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}/*!@.icon-position--start*/.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}/*!@.icon-position--end*/.icon-position--end.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}/*!@.icon-position--end:not(.icon-type--plus-minus)*/.icon-position--end.sc-calcite-accordion-item:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}/*!@:host*/.sc-calcite-accordion-item-h{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}/*!@:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{outline-color:transparent}/*!@:host(:focus) .accordion-item-header*/.sc-calcite-accordion-item-h:focus .accordion-item-header.sc-calcite-accordion-item{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host([active])*/[active].sc-calcite-accordion-item-h{color:var(--calcite-ui-text-1)}/*!@:host([active]) .accordion-item-content*/[active].sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item{display:block;color:var(--calcite-ui-text-1)}/*!@:host([active]) .accordion-item-header*/[active].sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{border-bottom-color:transparent}/*!@:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}/*!@:host .accordion-item-icon*/.sc-calcite-accordion-item-h .accordion-item-icon.sc-calcite-accordion-item{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;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-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}/*!@:host .accordion-item-content,\n:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}/*!@:host .accordion-item-header **/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item *.sc-calcite-accordion-item{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 .accordion-item-content*/.sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}/*!@:host .accordion-item-expand-icon*/.sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}/*!@.calcite--rtl .accordion-item-expand-icon*/.calcite--rtl.sc-calcite-accordion-item .accordion-item-expand-icon.sc-calcite-accordion-item{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}/*!@:host([active]) .accordion-item-expand-icon*/[active].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}/*!@:host([active]) .calcite--rtl .accordion-item-expand-icon*/[active].sc-calcite-accordion-item-h .calcite--rtl.sc-calcite-accordion-item .accordion-item-expand-icon.sc-calcite-accordion-item{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}/*!@:host .accordion-item-header-text*/.sc-calcite-accordion-item-h .accordion-item-header-text.sc-calcite-accordion-item{margin-top:0px;margin-bottom:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-top:0px;padding-bottom:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}/*!@:host .accordion-item-heading, \n:host .accordion-item-description*/.sc-calcite-accordion-item-h .accordion-item-heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .accordion-item-description.sc-calcite-accordion-item{display:-ms-flexbox;display:flex;width:100%}/*!@:host .accordion-item-heading*/.sc-calcite-accordion-item-h .accordion-item-heading.sc-calcite-accordion-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}/*!@:host .accordion-item-description*/.sc-calcite-accordion-item-h .accordion-item-description.sc-calcite-accordion-item{margin-top:0.25rem;color:var(--calcite-ui-text-3)}/*!@:host(:focus) .accordion-item-heading, \n:host(:hover) .accordion-item-heading*/.sc-calcite-accordion-item-h:focus .accordion-item-heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-heading.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-icon, \n:host(:hover) .accordion-item-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-expand-icon, \n:host(:hover) .accordion-item-expand-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-description, \n:host(:hover) .accordion-item-description*/.sc-calcite-accordion-item-h:focus .accordion-item-description.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-description.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}/*!@:host(:focus) .accordion-item-heading, \n:host(:active) .accordion-item-heading, \n:host([active]) .accordion-item-heading*/.sc-calcite-accordion-item-h:focus .accordion-item-heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-heading.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-heading.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-icon, \n:host(:active) .accordion-item-icon, \n:host([active]) .accordion-item-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-icon.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-expand-icon, \n:host(:active) .accordion-item-expand-icon, \n:host([active]) .accordion-item-expand-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-expand-icon.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-description, \n:host(:active) .accordion-item-description, \n:host([active]) .accordion-item-description*/.sc-calcite-accordion-item-h:focus .accordion-item-description.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-description.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-description.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}";
|
|
6053
|
+
const accordionItemCss = "@-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*/.sc-calcite-accordion-item: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*/.calcite-animate.sc-calcite-accordion-item{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*/.calcite-animate__in.sc-calcite-accordion-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-accordion-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-accordion-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-accordion-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-accordion-item:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-accordion-item-h{display:none}/*!@.icon-position--end, .icon-position--start*/.icon-position--end.sc-calcite-accordion-item,.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}/*!@.icon-position--start*/.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}/*!@.icon-position--end*/.icon-position--end.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}/*!@.icon-position--end:not(.icon-type--plus-minus)*/.icon-position--end.sc-calcite-accordion-item:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}/*!@:host*/.sc-calcite-accordion-item-h{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}/*!@:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{outline-color:transparent}/*!@:host(:focus) .accordion-item-header*/.sc-calcite-accordion-item-h:focus .accordion-item-header.sc-calcite-accordion-item{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host([active]), \n:host([expanded])*/[active].sc-calcite-accordion-item-h,[expanded].sc-calcite-accordion-item-h{color:var(--calcite-ui-text-1)}/*!@:host([active]) .accordion-item-content, \n:host([expanded]) .accordion-item-content*/[active].sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item{display:block;color:var(--calcite-ui-text-1)}/*!@:host([active]) .accordion-item-header,\n:host([expanded]) .accordion-item-header*/[active].sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{border-bottom-color:transparent}/*!@:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}/*!@:host .accordion-item-icon*/.sc-calcite-accordion-item-h .accordion-item-icon.sc-calcite-accordion-item{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;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-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}/*!@:host .accordion-item-content,\n:host .accordion-item-header*/.sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}/*!@:host .accordion-item-header **/.sc-calcite-accordion-item-h .accordion-item-header.sc-calcite-accordion-item *.sc-calcite-accordion-item{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 .accordion-item-content*/.sc-calcite-accordion-item-h .accordion-item-content.sc-calcite-accordion-item{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}/*!@:host .accordion-item-expand-icon*/.sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}/*!@.calcite--rtl .accordion-item-expand-icon*/.calcite--rtl.sc-calcite-accordion-item .accordion-item-expand-icon.sc-calcite-accordion-item{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}/*!@:host([active]) .accordion-item-expand-icon, \n:host([expanded]) .accordion-item-expand-icon*/[active].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}/*!@:host([active]) .calcite--rtl .accordion-item-expand-icon,\n:host([expanded]) .calcite--rtl .accordion-item-expand-icon*/[active].sc-calcite-accordion-item-h .calcite--rtl.sc-calcite-accordion-item .accordion-item-expand-icon.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .calcite--rtl.sc-calcite-accordion-item .accordion-item-expand-icon.sc-calcite-accordion-item{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}/*!@:host .accordion-item-header-text*/.sc-calcite-accordion-item-h .accordion-item-header-text.sc-calcite-accordion-item{margin-top:0px;margin-bottom:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-top:0px;padding-bottom:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}/*!@:host .accordion-item-heading, \n:host .accordion-item-description*/.sc-calcite-accordion-item-h .accordion-item-heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .accordion-item-description.sc-calcite-accordion-item{display:-ms-flexbox;display:flex;width:100%}/*!@:host .accordion-item-heading*/.sc-calcite-accordion-item-h .accordion-item-heading.sc-calcite-accordion-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}/*!@:host .accordion-item-description*/.sc-calcite-accordion-item-h .accordion-item-description.sc-calcite-accordion-item{margin-top:0.25rem;color:var(--calcite-ui-text-3)}/*!@:host(:focus) .accordion-item-heading, \n:host(:hover) .accordion-item-heading*/.sc-calcite-accordion-item-h:focus .accordion-item-heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-heading.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-icon, \n:host(:hover) .accordion-item-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-expand-icon, \n:host(:hover) .accordion-item-expand-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-description, \n:host(:hover) .accordion-item-description*/.sc-calcite-accordion-item-h:focus .accordion-item-description.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .accordion-item-description.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}/*!@:host(:focus) .accordion-item-heading, \n:host(:active) .accordion-item-heading, \n:host([active]) .accordion-item-heading, \n:host([expanded]) .accordion-item-heading*/.sc-calcite-accordion-item-h:focus .accordion-item-heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-heading.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-heading.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .accordion-item-heading.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-icon, \n:host(:active) .accordion-item-icon, \n:host([active]) .accordion-item-icon, \n:host([expanded]) .accordion-item-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-icon.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-icon.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .accordion-item-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-expand-icon, \n:host(:active) .accordion-item-expand-icon, \n:host([active]) .accordion-item-expand-icon, \n:host([expanded]) .accordion-item-expand-icon*/.sc-calcite-accordion-item-h:focus .accordion-item-expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-expand-icon.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .accordion-item-expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .accordion-item-description, \n:host(:active) .accordion-item-description, \n:host([active]) .accordion-item-description, \n:host([expanded]) .accordion-item-description*/.sc-calcite-accordion-item-h:focus .accordion-item-description.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .accordion-item-description.sc-calcite-accordion-item,[active].sc-calcite-accordion-item-h .accordion-item-description.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .accordion-item-description.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}";
|
|
6054
6054
|
|
|
6055
6055
|
/**
|
|
6056
6056
|
* @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.
|
|
@@ -6067,8 +6067,14 @@ class AccordionItem {
|
|
|
6067
6067
|
// Public Properties
|
|
6068
6068
|
//
|
|
6069
6069
|
//--------------------------------------------------------------------------
|
|
6070
|
-
/**
|
|
6070
|
+
/**
|
|
6071
|
+
* When true, the component is active.
|
|
6072
|
+
*
|
|
6073
|
+
* @deprecated use expanded instead
|
|
6074
|
+
*/
|
|
6071
6075
|
this.active = false;
|
|
6076
|
+
/** When true, item is expanded */
|
|
6077
|
+
this.expanded = false;
|
|
6072
6078
|
//--------------------------------------------------------------------------
|
|
6073
6079
|
//
|
|
6074
6080
|
// Private State/Props
|
|
@@ -6111,9 +6117,9 @@ class AccordionItem {
|
|
|
6111
6117
|
? "chevronDown"
|
|
6112
6118
|
: this.iconType === "caret"
|
|
6113
6119
|
? "caretDown"
|
|
6114
|
-
: this.active
|
|
6120
|
+
: this.expanded || this.active
|
|
6115
6121
|
? "minus"
|
|
6116
|
-
: "plus", scale: "s" })), hAsync("div", { "aria-expanded": toAriaBoolean(this.active), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, hAsync("slot", null)))));
|
|
6122
|
+
: "plus", scale: "s" })), hAsync("div", { "aria-expanded": toAriaBoolean(this.expanded || this.active), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, hAsync("slot", null)))));
|
|
6117
6123
|
}
|
|
6118
6124
|
//--------------------------------------------------------------------------
|
|
6119
6125
|
//
|
|
@@ -6160,13 +6166,16 @@ class AccordionItem {
|
|
|
6160
6166
|
case "multi":
|
|
6161
6167
|
if (this.el === this.requestedAccordionItem) {
|
|
6162
6168
|
this.active = !this.active;
|
|
6169
|
+
this.expanded = !this.expanded;
|
|
6163
6170
|
}
|
|
6164
6171
|
break;
|
|
6165
6172
|
case "single":
|
|
6166
6173
|
this.active = this.el === this.requestedAccordionItem ? !this.active : false;
|
|
6174
|
+
this.expanded = this.el === this.requestedAccordionItem ? !this.expanded : false;
|
|
6167
6175
|
break;
|
|
6168
6176
|
case "single-persist":
|
|
6169
6177
|
this.active = this.el === this.requestedAccordionItem;
|
|
6178
|
+
this.expanded = this.el === this.requestedAccordionItem;
|
|
6170
6179
|
break;
|
|
6171
6180
|
}
|
|
6172
6181
|
}
|
|
@@ -6185,6 +6194,7 @@ class AccordionItem {
|
|
|
6185
6194
|
"$tagName$": "calcite-accordion-item",
|
|
6186
6195
|
"$members$": {
|
|
6187
6196
|
"active": [1540],
|
|
6197
|
+
"expanded": [1540],
|
|
6188
6198
|
"itemTitle": [1, "item-title"],
|
|
6189
6199
|
"itemSubtitle": [1, "item-subtitle"],
|
|
6190
6200
|
"heading": [1],
|
|
@@ -6193,7 +6203,7 @@ class AccordionItem {
|
|
|
6193
6203
|
},
|
|
6194
6204
|
"$listeners$": [[0, "keydown", "keyDownHandler"], [16, "calciteInternalAccordionChange", "updateActiveItemOnChange"]],
|
|
6195
6205
|
"$lazyBundleId$": "-",
|
|
6196
|
-
"$attrsToReflect$": [["active", "active"], ["icon", "icon"]]
|
|
6206
|
+
"$attrsToReflect$": [["active", "active"], ["expanded", "expanded"], ["icon", "icon"]]
|
|
6197
6207
|
}; }
|
|
6198
6208
|
}
|
|
6199
6209
|
|
|
@@ -10260,7 +10270,7 @@ const ICONS$a = {
|
|
|
10260
10270
|
close: "x"
|
|
10261
10271
|
};
|
|
10262
10272
|
|
|
10263
|
-
const chipCss = "@-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*/.sc-calcite-chip: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*/.calcite-animate.sc-calcite-chip{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*/.calcite-animate__in.sc-calcite-chip{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-chip{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-chip{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-chip{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-chip:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-chip-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-chip-h{height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}/*!@:host([scale=s]) .image-container*/[scale=s].sc-calcite-chip-h .image-container.sc-calcite-chip{height:1.25rem;width:1.25rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-chip-h{height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}/*!@:host([scale=m]) .image-container*/[scale=m].sc-calcite-chip-h .image-container.sc-calcite-chip{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-chip-h{height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}/*!@:host([scale=l]) .image-container*/[scale=l].sc-calcite-chip-h .image-container.sc-calcite-chip{height:2rem;width:2rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}/*!@:host*/.sc-calcite-chip-h{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@.container*/.container.sc-calcite-chip{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}/*!@.title*/.title.sc-calcite-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host span*/.sc-calcite-chip-h span.sc-calcite-chip{padding:0 var(--calcite-chip-spacing-unit-l)}/*!@:host([dismissible]) span*/[dismissible].sc-calcite-chip-h span.sc-calcite-chip{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}/*!@:host([icon]:not([dismissible])) span*/[icon].sc-calcite-chip-h:not([dismissible]) span.sc-calcite-chip{padding:0 var(--calcite-chip-spacing-unit-l)}/*!@:host button*/.sc-calcite-chip-h button.sc-calcite-chip{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-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-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}/*!@:host button:hover*/.sc-calcite-chip-h button.sc-calcite-chip:hover{background-color:var(--calcite-chip-transparent-hover)}/*!@:host button:focus*/.sc-calcite-chip-h button.sc-calcite-chip:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host button:active*/.sc-calcite-chip-h button.sc-calcite-chip:active{background-color:var(--calcite-chip-transparent-press)}/*!@.image-container*/.image-container.sc-calcite-chip{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:50%}/*!@:host slot[name=image]::slotted(*)*/.sc-calcite-chip-h slot[name=image].sc-calcite-chip-s>*{display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;border-radius:50%}/*!@.chip-icon*/.chip-icon.sc-calcite-chip{position:relative;margin-top:0px;margin-bottom:0px;display:-ms-inline-flexbox;display:inline-flex;-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:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}/*!@:host([color=blue][appearance=solid])*/[color=blue][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}/*!@:host([color=red][appearance=solid])*/[color=red][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}/*!@:host([color=yellow][appearance=solid])*/[color=yellow][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}/*!@:host([color=green][appearance=solid])*/[color=green][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}/*!@:host([color=grey][appearance=solid])*/[color=grey][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@:host([color=grey][appearance=solid]) button,\n:host([color=grey][appearance=solid]) .close-icon*/[color=grey][appearance=solid].sc-calcite-chip-h button.sc-calcite-chip,[color=grey][appearance=solid].sc-calcite-chip-h .close-icon.sc-calcite-chip{color:var(--calcite-ui-text-3)}/*!@:host([color=grey][appearance=solid]) .chip-icon*/[color=grey][appearance=solid].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}/*!@:host([color=blue][appearance=clear])*/[color=blue][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-info)}/*!@:host([color=blue][appearance=clear]) .chip-icon*/[color=blue][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-info))}/*!@:host([color=red][appearance=clear])*/[color=red][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-danger)}/*!@:host([color=red][appearance=clear]) .chip-icon*/[color=red][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-danger))}/*!@:host([color=yellow][appearance=clear])*/[color=yellow][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-warning)}/*!@:host([color=yellow][appearance=clear]) .chip-icon*/[color=yellow][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-warning))}/*!@:host([color=green][appearance=clear])*/[color=green][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-success)}/*!@:host([color=green][appearance=clear]) .chip-icon*/[color=green][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-success))}/*!@:host([color=grey][appearance=clear])*/[color=grey][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-border-1)}/*!@:host([color=grey][appearance=clear]) .chip-icon*/[color=grey][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}";
|
|
10273
|
+
const chipCss = "@-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*/.sc-calcite-chip: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*/.calcite-animate.sc-calcite-chip{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*/.calcite-animate__in.sc-calcite-chip{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-chip{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-chip{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-chip{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-chip:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-chip-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-chip-h{height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}/*!@:host([scale=s]) .image-container*/[scale=s].sc-calcite-chip-h .image-container.sc-calcite-chip{height:1.25rem;width:1.25rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-chip-h{height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}/*!@:host([scale=m]) .image-container*/[scale=m].sc-calcite-chip-h .image-container.sc-calcite-chip{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-chip-h{height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}/*!@:host([scale=l]) .image-container*/[scale=l].sc-calcite-chip-h .image-container.sc-calcite-chip{height:2rem;width:2rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}/*!@:host*/.sc-calcite-chip-h{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@.container*/.container.sc-calcite-chip{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}/*!@.title*/.title.sc-calcite-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host span*/.sc-calcite-chip-h span.sc-calcite-chip{padding:0 var(--calcite-chip-spacing-unit-l)}/*!@:host([dismissible]) span*/[dismissible].sc-calcite-chip-h span.sc-calcite-chip{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}/*!@:host([icon]:not([dismissible])) span*/[icon].sc-calcite-chip-h:not([dismissible]) span.sc-calcite-chip{padding:0 var(--calcite-chip-spacing-unit-l)}/*!@:host button*/.sc-calcite-chip-h button.sc-calcite-chip{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-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-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}/*!@:host button:hover*/.sc-calcite-chip-h button.sc-calcite-chip:hover{background-color:var(--calcite-chip-transparent-hover)}/*!@:host button:focus*/.sc-calcite-chip-h button.sc-calcite-chip:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host button:active*/.sc-calcite-chip-h button.sc-calcite-chip:active{background-color:var(--calcite-chip-transparent-press)}/*!@.image-container*/.image-container.sc-calcite-chip{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:50%}/*!@:host slot[name=image]::slotted(*)*/.sc-calcite-chip-h slot[name=image].sc-calcite-chip-s>*{display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;border-radius:50%}/*!@.chip-icon*/.chip-icon.sc-calcite-chip{position:relative;margin-top:0px;margin-bottom:0px;display:-ms-inline-flexbox;display:inline-flex;-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:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}/*!@:host([color=blue][appearance=solid])*/[color=blue][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}/*!@:host([color=red][appearance=solid])*/[color=red][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}/*!@:host([color=yellow][appearance=solid])*/[color=yellow][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}/*!@:host([color=green][appearance=solid])*/[color=green][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}/*!@:host([color=grey][appearance=solid])*/[color=grey][appearance=solid].sc-calcite-chip-h{border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@:host([color=grey][appearance=solid]) button,\n:host([color=grey][appearance=solid]) .close-icon*/[color=grey][appearance=solid].sc-calcite-chip-h button.sc-calcite-chip,[color=grey][appearance=solid].sc-calcite-chip-h .close-icon.sc-calcite-chip{color:var(--calcite-ui-text-3)}/*!@:host([color=grey][appearance=solid]) .chip-icon*/[color=grey][appearance=solid].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}/*!@:host([color=blue][appearance=clear])*/[color=blue][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-info)}/*!@:host([color=blue][appearance=clear]) .chip-icon*/[color=blue][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-info))}/*!@:host([color=red][appearance=clear])*/[color=red][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-danger)}/*!@:host([color=red][appearance=clear]) .chip-icon*/[color=red][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-danger))}/*!@:host([color=yellow][appearance=clear])*/[color=yellow][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-warning)}/*!@:host([color=yellow][appearance=clear]) .chip-icon*/[color=yellow][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-warning))}/*!@:host([color=green][appearance=clear])*/[color=green][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-success)}/*!@:host([color=green][appearance=clear]) .chip-icon*/[color=green][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-success))}/*!@:host([color=grey][appearance=clear])*/[color=grey][appearance=clear].sc-calcite-chip-h{border-color:var(--calcite-ui-border-1)}/*!@:host([color=grey][appearance=clear]) .chip-icon*/[color=grey][appearance=clear].sc-calcite-chip-h .chip-icon.sc-calcite-chip{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}/*!@:host([closed])*/[closed].sc-calcite-chip-h{display:none}";
|
|
10264
10274
|
|
|
10265
10275
|
/**
|
|
10266
10276
|
* @slot - A slot for adding text.
|
|
@@ -10291,6 +10301,8 @@ class Chip {
|
|
|
10291
10301
|
this.iconFlipRtl = false;
|
|
10292
10302
|
/** specify the scale of the chip, defaults to m */
|
|
10293
10303
|
this.scale = "m";
|
|
10304
|
+
/** When true, hides the chip */
|
|
10305
|
+
this.closed = false;
|
|
10294
10306
|
// --------------------------------------------------------------------------
|
|
10295
10307
|
//
|
|
10296
10308
|
// Private Methods
|
|
@@ -10299,6 +10311,7 @@ class Chip {
|
|
|
10299
10311
|
this.closeClickHandler = (event) => {
|
|
10300
10312
|
event.preventDefault();
|
|
10301
10313
|
this.calciteChipDismiss.emit(this.el);
|
|
10314
|
+
this.closed = true;
|
|
10302
10315
|
};
|
|
10303
10316
|
this.guid = guid();
|
|
10304
10317
|
}
|
|
@@ -10352,11 +10365,12 @@ class Chip {
|
|
|
10352
10365
|
"iconFlipRtl": [516, "icon-flip-rtl"],
|
|
10353
10366
|
"scale": [513],
|
|
10354
10367
|
"value": [8],
|
|
10368
|
+
"closed": [1540],
|
|
10355
10369
|
"setFocus": [64]
|
|
10356
10370
|
},
|
|
10357
10371
|
"$listeners$": undefined,
|
|
10358
10372
|
"$lazyBundleId$": "-",
|
|
10359
|
-
"$attrsToReflect$": [["appearance", "appearance"], ["color", "color"], ["dismissible", "dismissible"], ["icon", "icon"], ["iconFlipRtl", "icon-flip-rtl"], ["scale", "scale"]]
|
|
10373
|
+
"$attrsToReflect$": [["appearance", "appearance"], ["color", "color"], ["dismissible", "dismissible"], ["icon", "icon"], ["iconFlipRtl", "icon-flip-rtl"], ["scale", "scale"], ["closed", "closed"]]
|
|
10360
10374
|
}; }
|
|
10361
10375
|
}
|
|
10362
10376
|
|
|
@@ -15681,8 +15695,14 @@ class Combobox {
|
|
|
15681
15695
|
// Public Properties
|
|
15682
15696
|
//
|
|
15683
15697
|
//--------------------------------------------------------------------------
|
|
15684
|
-
/**
|
|
15698
|
+
/**
|
|
15699
|
+
* When true, opens the combobox
|
|
15700
|
+
*
|
|
15701
|
+
* @deprecated use open instead
|
|
15702
|
+
*/
|
|
15685
15703
|
this.active = false;
|
|
15704
|
+
/**When true, opens the combobox */
|
|
15705
|
+
this.open = false;
|
|
15686
15706
|
/** Disable combobox input */
|
|
15687
15707
|
this.disabled = false;
|
|
15688
15708
|
/** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
|
|
@@ -15756,8 +15776,9 @@ class Combobox {
|
|
|
15756
15776
|
this.addCustomChip(this.text, true);
|
|
15757
15777
|
event.preventDefault();
|
|
15758
15778
|
}
|
|
15759
|
-
else if (this.active) {
|
|
15779
|
+
else if (this.open || this.active) {
|
|
15760
15780
|
this.active = false;
|
|
15781
|
+
this.open = false;
|
|
15761
15782
|
event.preventDefault();
|
|
15762
15783
|
}
|
|
15763
15784
|
break;
|
|
@@ -15774,9 +15795,10 @@ class Combobox {
|
|
|
15774
15795
|
}
|
|
15775
15796
|
break;
|
|
15776
15797
|
case "ArrowDown":
|
|
15777
|
-
if (!this.active) {
|
|
15798
|
+
if (!(this.open || this.active)) {
|
|
15778
15799
|
event.preventDefault();
|
|
15779
15800
|
this.active = true;
|
|
15801
|
+
this.open = true;
|
|
15780
15802
|
}
|
|
15781
15803
|
this.shiftActiveItemIndex(1);
|
|
15782
15804
|
if (!this.comboboxInViewport()) {
|
|
@@ -15787,11 +15809,12 @@ class Combobox {
|
|
|
15787
15809
|
if (!this.textInput.value) {
|
|
15788
15810
|
event.preventDefault();
|
|
15789
15811
|
this.active = true;
|
|
15812
|
+
this.open = true;
|
|
15790
15813
|
this.shiftActiveItemIndex(1);
|
|
15791
15814
|
}
|
|
15792
15815
|
break;
|
|
15793
15816
|
case "Home":
|
|
15794
|
-
if (this.active) {
|
|
15817
|
+
if (this.open || this.active) {
|
|
15795
15818
|
event.preventDefault();
|
|
15796
15819
|
}
|
|
15797
15820
|
this.updateActiveItemIndex(0);
|
|
@@ -15801,7 +15824,7 @@ class Combobox {
|
|
|
15801
15824
|
}
|
|
15802
15825
|
break;
|
|
15803
15826
|
case "End":
|
|
15804
|
-
if (this.active) {
|
|
15827
|
+
if (this.open || this.active) {
|
|
15805
15828
|
event.preventDefault();
|
|
15806
15829
|
}
|
|
15807
15830
|
this.updateActiveItemIndex(this.visibleItems.length - 1);
|
|
@@ -15812,6 +15835,7 @@ class Combobox {
|
|
|
15812
15835
|
break;
|
|
15813
15836
|
case "Escape":
|
|
15814
15837
|
this.active = false;
|
|
15838
|
+
this.open = false;
|
|
15815
15839
|
break;
|
|
15816
15840
|
case "Enter":
|
|
15817
15841
|
if (this.activeItemIndex > -1) {
|
|
@@ -15840,15 +15864,17 @@ class Combobox {
|
|
|
15840
15864
|
};
|
|
15841
15865
|
this.toggleCloseEnd = () => {
|
|
15842
15866
|
this.active = false;
|
|
15867
|
+
this.open = false;
|
|
15843
15868
|
this.el.removeEventListener("calciteComboboxClose", this.toggleCloseEnd);
|
|
15844
15869
|
};
|
|
15845
15870
|
this.toggleOpenEnd = () => {
|
|
15846
15871
|
this.active = true;
|
|
15872
|
+
this.open = false;
|
|
15847
15873
|
this.el.removeEventListener("calciteComboboxOpen", this.toggleOpenEnd);
|
|
15848
15874
|
};
|
|
15849
15875
|
this.transitionEnd = (event) => {
|
|
15850
15876
|
if (event.propertyName === this.activeTransitionProp) {
|
|
15851
|
-
this.active ? this.onOpen() : this.onClose();
|
|
15877
|
+
this.open || this.active ? this.onOpen() : this.onClose();
|
|
15852
15878
|
}
|
|
15853
15879
|
};
|
|
15854
15880
|
/* *
|
|
@@ -15857,12 +15883,13 @@ class Combobox {
|
|
|
15857
15883
|
*/
|
|
15858
15884
|
this.transitionRunHandler = (event) => {
|
|
15859
15885
|
if (event.propertyName === this.activeTransitionProp) {
|
|
15860
|
-
this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
15886
|
+
this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
15861
15887
|
}
|
|
15862
15888
|
};
|
|
15863
15889
|
this.setMaxScrollerHeight = async () => {
|
|
15864
|
-
const { active, listContainerEl } = this;
|
|
15865
|
-
|
|
15890
|
+
const { active, listContainerEl, open } = this;
|
|
15891
|
+
const isOpen = !(active || open);
|
|
15892
|
+
if (!listContainerEl || isOpen) {
|
|
15866
15893
|
return;
|
|
15867
15894
|
}
|
|
15868
15895
|
await this.reposition();
|
|
@@ -15872,6 +15899,7 @@ class Combobox {
|
|
|
15872
15899
|
};
|
|
15873
15900
|
this.calciteChipDismissHandler = (event, comboboxItem) => {
|
|
15874
15901
|
this.active = false;
|
|
15902
|
+
this.open = false;
|
|
15875
15903
|
const selection = this.items.find((item) => item === comboboxItem);
|
|
15876
15904
|
if (selection) {
|
|
15877
15905
|
this.toggleSelection(selection, false);
|
|
@@ -15883,12 +15911,14 @@ class Combobox {
|
|
|
15883
15911
|
return;
|
|
15884
15912
|
}
|
|
15885
15913
|
this.active = !this.active;
|
|
15914
|
+
this.open = !this.open;
|
|
15886
15915
|
this.updateActiveItemIndex(0);
|
|
15887
15916
|
this.setFocus();
|
|
15888
15917
|
};
|
|
15889
15918
|
this.setInactiveIfNotContained = (event) => {
|
|
15890
15919
|
const composedPath = event.composedPath();
|
|
15891
|
-
|
|
15920
|
+
const isOpen = !(this.open || this.active);
|
|
15921
|
+
if (isOpen || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
|
|
15892
15922
|
return;
|
|
15893
15923
|
}
|
|
15894
15924
|
if (this.allowCustomValues && this.text.trim().length) {
|
|
@@ -15903,6 +15933,7 @@ class Combobox {
|
|
|
15903
15933
|
this.updateActiveItemIndex(-1);
|
|
15904
15934
|
}
|
|
15905
15935
|
this.active = false;
|
|
15936
|
+
this.open = false;
|
|
15906
15937
|
};
|
|
15907
15938
|
this.setMenuEl = (el) => {
|
|
15908
15939
|
this.menuEl = el;
|
|
@@ -15994,6 +16025,7 @@ class Combobox {
|
|
|
15994
16025
|
activeHandler() {
|
|
15995
16026
|
if (this.disabled) {
|
|
15996
16027
|
this.active = false;
|
|
16028
|
+
this.open = false;
|
|
15997
16029
|
return;
|
|
15998
16030
|
}
|
|
15999
16031
|
this.setMaxScrollerHeight();
|
|
@@ -16001,6 +16033,7 @@ class Combobox {
|
|
|
16001
16033
|
handleDisabledChange(value) {
|
|
16002
16034
|
if (!value) {
|
|
16003
16035
|
this.active = false;
|
|
16036
|
+
this.open = false;
|
|
16004
16037
|
}
|
|
16005
16038
|
}
|
|
16006
16039
|
maxItemsHandler() {
|
|
@@ -16144,7 +16177,7 @@ class Combobox {
|
|
|
16144
16177
|
};
|
|
16145
16178
|
const eventListenerModifier = {
|
|
16146
16179
|
name: "eventListeners",
|
|
16147
|
-
enabled: this.active
|
|
16180
|
+
enabled: this.open || this.active
|
|
16148
16181
|
};
|
|
16149
16182
|
return [flipModifier, eventListenerModifier];
|
|
16150
16183
|
}
|
|
@@ -16222,6 +16255,7 @@ class Combobox {
|
|
|
16222
16255
|
this.textInput.value = item.textLabel;
|
|
16223
16256
|
}
|
|
16224
16257
|
this.active = false;
|
|
16258
|
+
this.open = false;
|
|
16225
16259
|
this.updateActiveItemIndex(-1);
|
|
16226
16260
|
this.resetText();
|
|
16227
16261
|
this.filterItems("");
|
|
@@ -16404,10 +16438,10 @@ class Combobox {
|
|
|
16404
16438
|
});
|
|
16405
16439
|
}
|
|
16406
16440
|
renderInput() {
|
|
16407
|
-
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems } = this;
|
|
16441
|
+
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems, open } = this;
|
|
16408
16442
|
const single = selectionMode === "single";
|
|
16409
16443
|
const selectedItem = selectedItems[0];
|
|
16410
|
-
const showLabel = !active && single && !!selectedItem;
|
|
16444
|
+
const showLabel = !(open || active) && single && !!selectedItem;
|
|
16411
16445
|
return (hAsync("span", { class: {
|
|
16412
16446
|
"input-wrap": true,
|
|
16413
16447
|
"input-wrap--single": single
|
|
@@ -16426,13 +16460,13 @@ class Combobox {
|
|
|
16426
16460
|
return this.visibleItems.map((item) => (hAsync("li", { "aria-selected": toAriaBoolean(item.selected), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
|
|
16427
16461
|
}
|
|
16428
16462
|
renderPopperContainer() {
|
|
16429
|
-
const { active, setMenuEl, setListContainerEl } = this;
|
|
16463
|
+
const { active, setMenuEl, setListContainerEl, open } = this;
|
|
16430
16464
|
const classes = {
|
|
16431
16465
|
"list-container": true,
|
|
16432
16466
|
[CSS$D.animation]: true,
|
|
16433
|
-
[CSS$D.animationActive]: active
|
|
16467
|
+
[CSS$D.animationActive]: open || active
|
|
16434
16468
|
};
|
|
16435
|
-
return (hAsync("div", { "aria-hidden": "true", class: { "popper-container": true, "popper-container--active": active }, ref: setMenuEl }, hAsync("div", { class: classes, onTransitionEnd: this.transitionEnd, ref: setListContainerEl }, hAsync("ul", { class: { list: true, "list--hide": !active } }, hAsync("slot", null)))));
|
|
16469
|
+
return (hAsync("div", { "aria-hidden": "true", class: { "popper-container": true, "popper-container--active": open || active }, ref: setMenuEl }, hAsync("div", { class: classes, onTransitionEnd: this.transitionEnd, ref: setListContainerEl }, hAsync("ul", { class: { list: true, "list--hide": !(open || active) } }, hAsync("slot", null)))));
|
|
16436
16470
|
}
|
|
16437
16471
|
renderIconStart() {
|
|
16438
16472
|
var _a;
|
|
@@ -16443,21 +16477,22 @@ class Combobox {
|
|
|
16443
16477
|
((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon) || placeholderIcon) && (hAsync("span", { class: "icon-start" }, hAsync("calcite-icon", { class: "selected-icon", icon: (_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon) !== null && _a !== void 0 ? _a : placeholderIcon, scale: "s" }))));
|
|
16444
16478
|
}
|
|
16445
16479
|
renderIconEnd() {
|
|
16446
|
-
const { active } = this;
|
|
16447
|
-
return (hAsync("span", { class: "icon-end" }, hAsync("calcite-icon", { icon: active ? "chevron-up" : "chevron-down", scale: "s" })));
|
|
16480
|
+
const { active, open } = this;
|
|
16481
|
+
return (hAsync("span", { class: "icon-end" }, hAsync("calcite-icon", { icon: active || open ? "chevron-up" : "chevron-down", scale: "s" })));
|
|
16448
16482
|
}
|
|
16449
16483
|
render() {
|
|
16450
|
-
const { active, guid, label } = this;
|
|
16484
|
+
const { active, guid, label, open } = this;
|
|
16451
16485
|
const single = this.selectionMode === "single";
|
|
16452
|
-
return (hAsync(Host, { onKeyDown: this.keydownHandler }, hAsync("div", { "aria-autocomplete": "list", "aria-expanded": toAriaBoolean(active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
|
|
16486
|
+
return (hAsync(Host, { onKeyDown: this.keydownHandler }, hAsync("div", { "aria-autocomplete": "list", "aria-expanded": toAriaBoolean(open || active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
|
|
16453
16487
|
wrapper: true,
|
|
16454
16488
|
"wrapper--single": single || !this.selectedItems.length,
|
|
16455
|
-
"wrapper--active": active
|
|
16489
|
+
"wrapper--active": open || active
|
|
16456
16490
|
}, onClick: this.clickHandler, ref: this.setReferenceEl, role: "combobox" }, hAsync("div", { class: "grid-input" }, this.renderIconStart(), !single && this.renderChips(), hAsync("label", { class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), this.renderIconEnd()), hAsync("ul", { "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderPopperContainer(), hAsync(HiddenFormInputSlot, { component: this })));
|
|
16457
16491
|
}
|
|
16458
16492
|
get el() { return getElement(this); }
|
|
16459
16493
|
static get watchers() { return {
|
|
16460
16494
|
"active": ["activeHandler"],
|
|
16495
|
+
"open": ["activeHandler"],
|
|
16461
16496
|
"disabled": ["handleDisabledChange"],
|
|
16462
16497
|
"maxItems": ["maxItemsHandler"],
|
|
16463
16498
|
"value": ["valueHandler"],
|
|
@@ -16471,6 +16506,7 @@ class Combobox {
|
|
|
16471
16506
|
"$tagName$": "calcite-combobox",
|
|
16472
16507
|
"$members$": {
|
|
16473
16508
|
"active": [1540],
|
|
16509
|
+
"open": [1540],
|
|
16474
16510
|
"disabled": [516],
|
|
16475
16511
|
"label": [1],
|
|
16476
16512
|
"placeholder": [1],
|
|
@@ -16499,7 +16535,7 @@ class Combobox {
|
|
|
16499
16535
|
},
|
|
16500
16536
|
"$listeners$": [[4, "click", "documentClickHandler"], [0, "calciteComboboxItemChange", "calciteComboboxItemChangeHandler"]],
|
|
16501
16537
|
"$lazyBundleId$": "-",
|
|
16502
|
-
"$attrsToReflect$": [["active", "active"], ["disabled", "disabled"], ["name", "name"], ["selectionMode", "selection-mode"], ["scale", "scale"]]
|
|
16538
|
+
"$attrsToReflect$": [["active", "active"], ["open", "open"], ["disabled", "disabled"], ["name", "name"], ["selectionMode", "selection-mode"], ["scale", "scale"]]
|
|
16503
16539
|
}; }
|
|
16504
16540
|
}
|
|
16505
16541
|
|
|
@@ -18146,7 +18182,7 @@ const SLOTS$h = {
|
|
|
18146
18182
|
dropdownTrigger: "dropdown-trigger"
|
|
18147
18183
|
};
|
|
18148
18184
|
|
|
18149
|
-
const dropdownCss = "@-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*/.sc-calcite-dropdown: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*/.calcite-animate.sc-calcite-dropdown{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*/.calcite-animate__in.sc-calcite-dropdown{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-h{display:none}/*!@:host*/.sc-calcite-dropdown-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}/*!@:host([disabled])*/[disabled].sc-calcite-dropdown-h{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]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-dropdown-h[disabled] .sc-calcite-dropdown-s>[calcite-hydrated][disabled],[disabled].sc-calcite-dropdown-h [calcite-hydrated][disabled].sc-calcite-dropdown{opacity:1}/*!@:host .calcite-dropdown-wrapper*/.sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}/*!@.calcite-dropdown-wrapper .calcite-popper-anim*/.calcite-dropdown-wrapper.sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{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}/*!@.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=bottom].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateY(-5px);transform:translateY(-5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=top].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateY(5px);transform:translateY(5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=left].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateX(5px);transform:translateX(5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=right].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateX(-5px);transform:translateX(-5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active*/.calcite-dropdown-wrapper[data-popper-placement].sc-calcite-dropdown .calcite-popper-anim--active.sc-calcite-dropdown{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}/*!@:host([active]) .calcite-dropdown-wrapper*/[active].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{pointer-events:initial;visibility:visible}/*!@:host .calcite-dropdown-content*/.sc-calcite-dropdown-h .calcite-dropdown-content.sc-calcite-dropdown{width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}/*!@.calcite-dropdown-trigger-container*/.calcite-dropdown-trigger-container.sc-calcite-dropdown{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}/*!@:host([width=s])*/[width=s].sc-calcite-dropdown-h{--calcite-dropdown-width:12rem}/*!@:host([width=m])*/[width=m].sc-calcite-dropdown-h{--calcite-dropdown-width:14rem}/*!@:host([width=l])*/[width=l].sc-calcite-dropdown-h{--calcite-dropdown-width:16rem}";
|
|
18185
|
+
const dropdownCss = "@-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*/.sc-calcite-dropdown: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*/.calcite-animate.sc-calcite-dropdown{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*/.calcite-animate__in.sc-calcite-dropdown{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-h{display:none}/*!@:host*/.sc-calcite-dropdown-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}/*!@:host([disabled])*/[disabled].sc-calcite-dropdown-h{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]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-dropdown-h[disabled] .sc-calcite-dropdown-s>[calcite-hydrated][disabled],[disabled].sc-calcite-dropdown-h [calcite-hydrated][disabled].sc-calcite-dropdown{opacity:1}/*!@:host .calcite-dropdown-wrapper*/.sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}/*!@.calcite-dropdown-wrapper .calcite-popper-anim*/.calcite-dropdown-wrapper.sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{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}/*!@.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=bottom].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateY(-5px);transform:translateY(-5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=top].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateY(5px);transform:translateY(5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=left].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateX(5px);transform:translateX(5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim*/.calcite-dropdown-wrapper[data-popper-placement^=right].sc-calcite-dropdown .calcite-popper-anim.sc-calcite-dropdown{-webkit-transform:translateX(-5px);transform:translateX(-5px)}/*!@.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active*/.calcite-dropdown-wrapper[data-popper-placement].sc-calcite-dropdown .calcite-popper-anim--active.sc-calcite-dropdown{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}/*!@:host([active]) .calcite-dropdown-wrapper,\n:host([open]) .calcite-dropdown-wrapper*/[active].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown,[open].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{pointer-events:initial;visibility:visible}/*!@:host .calcite-dropdown-content*/.sc-calcite-dropdown-h .calcite-dropdown-content.sc-calcite-dropdown{width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}/*!@.calcite-dropdown-trigger-container*/.calcite-dropdown-trigger-container.sc-calcite-dropdown{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}/*!@:host([width=s])*/[width=s].sc-calcite-dropdown-h{--calcite-dropdown-width:12rem}/*!@:host([width=m])*/[width=m].sc-calcite-dropdown-h{--calcite-dropdown-width:14rem}/*!@:host([width=l])*/[width=l].sc-calcite-dropdown-h{--calcite-dropdown-width:16rem}";
|
|
18150
18186
|
|
|
18151
18187
|
/**
|
|
18152
18188
|
* @slot - A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s.
|
|
@@ -18165,8 +18201,14 @@ class Dropdown {
|
|
|
18165
18201
|
// Public Properties
|
|
18166
18202
|
//
|
|
18167
18203
|
//--------------------------------------------------------------------------
|
|
18168
|
-
/**
|
|
18204
|
+
/**
|
|
18205
|
+
* Opens or closes the dropdown
|
|
18206
|
+
*
|
|
18207
|
+
* @deprecated use open instead.
|
|
18208
|
+
*/
|
|
18169
18209
|
this.active = false;
|
|
18210
|
+
/** When true, opens the dropdown */
|
|
18211
|
+
this.open = false;
|
|
18170
18212
|
/**
|
|
18171
18213
|
allow the dropdown to remain open after a selection is made
|
|
18172
18214
|
if the selection-mode of the selected item's containing group is "none", the dropdown will always close
|
|
@@ -18253,8 +18295,9 @@ class Dropdown {
|
|
|
18253
18295
|
scrollerEl.style.minWidth = `${referenceElWidth}px`;
|
|
18254
18296
|
};
|
|
18255
18297
|
this.setMaxScrollerHeight = () => {
|
|
18256
|
-
const { active, scrollerEl } = this;
|
|
18257
|
-
|
|
18298
|
+
const { active, scrollerEl, open } = this;
|
|
18299
|
+
const isOpen = !(active || open);
|
|
18300
|
+
if (!scrollerEl || isOpen) {
|
|
18258
18301
|
return;
|
|
18259
18302
|
}
|
|
18260
18303
|
this.reposition();
|
|
@@ -18269,12 +18312,14 @@ class Dropdown {
|
|
|
18269
18312
|
};
|
|
18270
18313
|
this.transitionEnd = (event) => {
|
|
18271
18314
|
if (event.propertyName === this.activeTransitionProp) {
|
|
18272
|
-
this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
18315
|
+
this.open || this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
18273
18316
|
}
|
|
18274
18317
|
};
|
|
18275
18318
|
this.transitionRunHandler = (event) => {
|
|
18276
18319
|
if (event.propertyName === this.activeTransitionProp) {
|
|
18277
|
-
this.active
|
|
18320
|
+
this.active || this.open
|
|
18321
|
+
? this.emitOpenCloseEvent("beforeOpen")
|
|
18322
|
+
: this.emitOpenCloseEvent("beforeClose");
|
|
18278
18323
|
}
|
|
18279
18324
|
};
|
|
18280
18325
|
this.setReferenceEl = (el) => {
|
|
@@ -18290,7 +18335,7 @@ class Dropdown {
|
|
|
18290
18335
|
return;
|
|
18291
18336
|
}
|
|
18292
18337
|
const key = e.key;
|
|
18293
|
-
if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
18338
|
+
if ((this.open || this.active) && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
18294
18339
|
this.closeCalciteDropdown();
|
|
18295
18340
|
return;
|
|
18296
18341
|
}
|
|
@@ -18313,7 +18358,8 @@ class Dropdown {
|
|
|
18313
18358
|
};
|
|
18314
18359
|
this.openCalciteDropdown = () => {
|
|
18315
18360
|
this.active = !this.active;
|
|
18316
|
-
|
|
18361
|
+
this.open = !this.open;
|
|
18362
|
+
if (this.active || this.open) {
|
|
18317
18363
|
this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
|
|
18318
18364
|
}
|
|
18319
18365
|
};
|
|
@@ -18324,10 +18370,12 @@ class Dropdown {
|
|
|
18324
18370
|
return;
|
|
18325
18371
|
}
|
|
18326
18372
|
this.active = false;
|
|
18373
|
+
this.open = false;
|
|
18327
18374
|
}
|
|
18328
18375
|
handleDisabledChange(value) {
|
|
18329
18376
|
if (!value) {
|
|
18330
18377
|
this.active = false;
|
|
18378
|
+
this.open = false;
|
|
18331
18379
|
}
|
|
18332
18380
|
}
|
|
18333
18381
|
flipPlacementsHandler() {
|
|
@@ -18366,12 +18414,12 @@ class Dropdown {
|
|
|
18366
18414
|
}
|
|
18367
18415
|
}
|
|
18368
18416
|
render() {
|
|
18369
|
-
const { active } = this;
|
|
18370
|
-
return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-expanded": toAriaBoolean(active), "aria-haspopup": "true", name: SLOTS$h.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": toAriaBoolean(!active), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, hAsync("div", { class: {
|
|
18417
|
+
const { active, open } = this;
|
|
18418
|
+
return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-expanded": toAriaBoolean(active || open), "aria-haspopup": "true", name: SLOTS$h.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": toAriaBoolean(!(active || open)), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, hAsync("div", { class: {
|
|
18371
18419
|
["calcite-dropdown-content"]: true,
|
|
18372
18420
|
[CSS$D.animation]: true,
|
|
18373
|
-
[CSS$D.animationActive]: active
|
|
18374
|
-
}, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, hAsync("div", { hidden: !
|
|
18421
|
+
[CSS$D.animationActive]: active || open
|
|
18422
|
+
}, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, hAsync("div", { hidden: !(open || active) }, hAsync("slot", { onSlotchange: this.updateGroups }))))));
|
|
18375
18423
|
}
|
|
18376
18424
|
//--------------------------------------------------------------------------
|
|
18377
18425
|
//
|
|
@@ -18392,7 +18440,8 @@ class Dropdown {
|
|
|
18392
18440
|
: this.createPopper();
|
|
18393
18441
|
}
|
|
18394
18442
|
closeCalciteDropdownOnClick(e) {
|
|
18395
|
-
|
|
18443
|
+
const isOpen = !(this.open || this.active);
|
|
18444
|
+
if (isOpen || e.composedPath().includes(this.el)) {
|
|
18396
18445
|
return;
|
|
18397
18446
|
}
|
|
18398
18447
|
this.closeCalciteDropdown(false);
|
|
@@ -18406,6 +18455,7 @@ class Dropdown {
|
|
|
18406
18455
|
return;
|
|
18407
18456
|
}
|
|
18408
18457
|
this.active = false;
|
|
18458
|
+
this.open = false;
|
|
18409
18459
|
}
|
|
18410
18460
|
mouseEnterHandler() {
|
|
18411
18461
|
if (this.type === "hover") {
|
|
@@ -18487,7 +18537,7 @@ class Dropdown {
|
|
|
18487
18537
|
};
|
|
18488
18538
|
const eventListenerModifier = {
|
|
18489
18539
|
name: "eventListeners",
|
|
18490
|
-
enabled: this.active
|
|
18540
|
+
enabled: this.open || this.active
|
|
18491
18541
|
};
|
|
18492
18542
|
return [flipModifier, eventListenerModifier];
|
|
18493
18543
|
}
|
|
@@ -18538,6 +18588,7 @@ class Dropdown {
|
|
|
18538
18588
|
}
|
|
18539
18589
|
closeCalciteDropdown(focusTrigger = true) {
|
|
18540
18590
|
this.active = false;
|
|
18591
|
+
this.open = false;
|
|
18541
18592
|
if (focusTrigger) {
|
|
18542
18593
|
focusElement(this.triggers[0]);
|
|
18543
18594
|
}
|
|
@@ -18575,6 +18626,7 @@ class Dropdown {
|
|
|
18575
18626
|
get el() { return getElement(this); }
|
|
18576
18627
|
static get watchers() { return {
|
|
18577
18628
|
"active": ["activeHandler"],
|
|
18629
|
+
"open": ["activeHandler"],
|
|
18578
18630
|
"disabled": ["handleDisabledChange"],
|
|
18579
18631
|
"flipPlacements": ["flipPlacementsHandler"],
|
|
18580
18632
|
"maxItems": ["maxItemsHandler"],
|
|
@@ -18586,6 +18638,7 @@ class Dropdown {
|
|
|
18586
18638
|
"$tagName$": "calcite-dropdown",
|
|
18587
18639
|
"$members$": {
|
|
18588
18640
|
"active": [1540],
|
|
18641
|
+
"open": [1540],
|
|
18589
18642
|
"disableCloseOnSelect": [516, "disable-close-on-select"],
|
|
18590
18643
|
"disabled": [516],
|
|
18591
18644
|
"flipPlacements": [16],
|
|
@@ -18600,7 +18653,7 @@ class Dropdown {
|
|
|
18600
18653
|
},
|
|
18601
18654
|
"$listeners$": [[8, "click", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "mouseenter", "mouseEnterHandler"], [1, "mouseleave", "mouseLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
|
|
18602
18655
|
"$lazyBundleId$": "-",
|
|
18603
|
-
"$attrsToReflect$": [["active", "active"], ["disableCloseOnSelect", "disable-close-on-select"], ["disabled", "disabled"], ["placement", "placement"], ["scale", "scale"], ["type", "type"], ["width", "width"]]
|
|
18656
|
+
"$attrsToReflect$": [["active", "active"], ["open", "open"], ["disableCloseOnSelect", "disable-close-on-select"], ["disabled", "disabled"], ["placement", "placement"], ["scale", "scale"], ["type", "type"], ["width", "width"]]
|
|
18604
18657
|
}; }
|
|
18605
18658
|
}
|
|
18606
18659
|
|
|
@@ -22300,7 +22353,7 @@ const TEXT$b = {
|
|
|
22300
22353
|
close: "Close"
|
|
22301
22354
|
};
|
|
22302
22355
|
|
|
22303
|
-
const modalCss = "@-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*/.sc-calcite-modal: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*/.calcite-animate.sc-calcite-modal{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*/.calcite-animate__in.sc-calcite-modal{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-modal{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-modal{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-modal{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-modal:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-modal-h{display:none}/*!@:host*/.sc-calcite-modal-h{position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);z-index:101}/*!@:host([scale=s])*/[scale=s].sc-calcite-modal-h{--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1)}/*!@:host([scale=m])*/[scale=m].sc-calcite-modal-h{--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0)}/*!@:host([scale=l])*/[scale=l].sc-calcite-modal-h{--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1)}/*!@.scrim*/.scrim.sc-calcite-modal{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;overflow-y:hidden}/*!@.modal*/.modal.sc-calcite-modal{pointer-events:none;float:none;margin:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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);z-index:102;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}/*!@:host([active])*/[active].sc-calcite-modal-h{opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}/*!@:host([active]) .modal*/[active].sc-calcite-modal-h .modal.sc-calcite-modal{pointer-events:auto;visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transition-delay:0ms;transition-delay:0ms}/*!@.header*/.header.sc-calcite-modal{display:-ms-flexbox;display:flex;min-width:0px;max-width:100%;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}/*!@.close*/.close.sc-calcite-modal{-ms-flex-order:2;order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);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;border-start-end-radius:0.25rem;padding:var(--calcite-modal-padding);-ms-flex:0 0 auto;flex:0 0 auto}/*!@.close calcite-icon*/.close.sc-calcite-modal calcite-icon.sc-calcite-modal{pointer-events:none;vertical-align:-2px}/*!@.close:focus*/.close.sc-calcite-modal:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.close:hover, .close:focus, .close:active*/.close.sc-calcite-modal:hover,.close.sc-calcite-modal:focus,.close.sc-calcite-modal:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@.title*/.title.sc-calcite-modal{-ms-flex-order:1;order:1;display:-ms-flexbox;display:flex;min-width:0px;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}/*!@slot[name=header]::slotted(*), \n*::slotted([slot=header])*/slot[name=header].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=header]{margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text)}/*!@.content*/.content.sc-calcite-modal{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-height:calc(100vh - 12rem);z-index:1}/*!@.content--spaced*/.content--spaced.sc-calcite-modal{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}/*!@.content--no-footer*/.content--no-footer.sc-calcite-modal{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}/*!@slot[name=content]::slotted(*),\n*::slotted([slot=content])*/slot[name=content].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=content]{font-size:var(--calcite-modal-content-text)}/*!@:host([background-color=grey]) .content*/[background-color=grey].sc-calcite-modal-h .content.sc-calcite-modal{background-color:var(--calcite-ui-background)}/*!@.footer*/.footer.sc-calcite-modal{margin-top:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large);z-index:2}/*!@.footer--hide-back .back, \n.footer--hide-secondary .secondary*/.footer--hide-back.sc-calcite-modal .back.sc-calcite-modal,.footer--hide-secondary.sc-calcite-modal .secondary.sc-calcite-modal{display:none}/*!@.back*/.back.sc-calcite-modal{display:block;-webkit-margin-end:auto;margin-inline-end:auto}/*!@.secondary*/.secondary.sc-calcite-modal{margin-left:0.25rem;margin-right:0.25rem;display:block}/*!@slot[name=primary]*/slot[name=primary].sc-calcite-modal{display:block}/*!@:host([width=small]) .modal*/[width=small].sc-calcite-modal-h .modal.sc-calcite-modal{width:auto}/*!@:host([width=s]) .modal*/[width=s].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:32rem}@media screen and (max-width: 35rem){/*!@:host([width=s]) .modal*/[width=s].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}/*!@:host([width=s]) .content*/[width=s].sc-calcite-modal-h .content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}/*!@:host([width=s][docked])*/[width=s][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!@:host([width=m]) .modal*/[width=m].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:48rem}@media screen and (max-width: 51rem){/*!@:host([width=m]) .modal*/[width=m].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}/*!@:host([width=m]) .content*/[width=m].sc-calcite-modal-h .content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}/*!@:host([width=m][docked])*/[width=m][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!@:host([width=l]) .modal*/[width=l].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:94rem}@media screen and (max-width: 97rem){/*!@:host([width=l]) .modal*/[width=l].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}/*!@:host([width=l]) .content*/[width=l].sc-calcite-modal-h .content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}/*!@:host([width=l][docked])*/[width=l][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!@:host([fullscreen])*/[fullscreen].sc-calcite-modal-h{background-color:transparent}/*!@:host([fullscreen]) .modal*/[fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;-webkit-transform:translate3D(0, 20px, 0) scale(0.95);transform:translate3D(0, 20px, 0) scale(0.95)}/*!@:host([fullscreen]) .content*/[fullscreen].sc-calcite-modal-h .content.sc-calcite-modal{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}/*!@:host([active][fullscreen]) .modal*/[active][fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}/*!@:host([active][fullscreen]) .header*/[active][fullscreen].sc-calcite-modal-h .header.sc-calcite-modal{border-radius:0}/*!@:host([active][fullscreen]) .footer*/[active][fullscreen].sc-calcite-modal-h .footer.sc-calcite-modal{border-radius:0}/*!@:host([docked]) .modal*/[docked].sc-calcite-modal-h .modal.sc-calcite-modal{height:auto}/*!@:host([docked]) .content*/[docked].sc-calcite-modal-h .content.sc-calcite-modal{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){/*!@:host([docked]) .modal*/[docked].sc-calcite-modal-h .modal.sc-calcite-modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}/*!@:host([docked]) .close*/[docked].sc-calcite-modal-h .close.sc-calcite-modal{border-start-end-radius:var(--calcite-border-radius)}}/*!@:host([color=red]) .modal*/[color=red].sc-calcite-modal-h .modal.sc-calcite-modal{border-color:var(--calcite-ui-danger)}/*!@:host([color=blue]) .modal*/[color=blue].sc-calcite-modal-h .modal.sc-calcite-modal{border-color:var(--calcite-ui-info)}/*!@:host([color=red]) .modal, \n:host([color=blue]) .modal*/[color=red].sc-calcite-modal-h .modal.sc-calcite-modal,[color=blue].sc-calcite-modal-h .modal.sc-calcite-modal{border-width:0px;border-top-width:4px;border-style:solid}/*!@:host([color=red]) .header, \n:host([color=blue]) .header*/[color=red].sc-calcite-modal-h .header.sc-calcite-modal,[color=blue].sc-calcite-modal-h .header.sc-calcite-modal{border-radius:0.25rem;border-bottom-right-radius:0px;border-bottom-left-radius:0px}@media screen and (max-width: 860px){/*!@slot[name=header]::slotted(*), \n*::slotted([slot=header])*/slot[name=header].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=header]{font-size:var(--calcite-font-size-1)}/*!@.footer*/.footer.sc-calcite-modal{position:-webkit-sticky;position:sticky;bottom:0px}}@media screen and (max-width: 480px){/*!@.footer*/.footer.sc-calcite-modal{-ms-flex-direction:column;flex-direction:column}/*!@.back, \n.secondary*/.back.sc-calcite-modal,.secondary.sc-calcite-modal{margin:0px;margin-bottom:0.25rem}}";
|
|
22356
|
+
const modalCss = "@-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*/.sc-calcite-modal: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*/.calcite-animate.sc-calcite-modal{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*/.calcite-animate__in.sc-calcite-modal{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-modal{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-modal{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-modal{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-modal:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-modal-h{display:none}/*!@:host*/.sc-calcite-modal-h{position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);z-index:101}/*!@:host([scale=s])*/[scale=s].sc-calcite-modal-h{--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1)}/*!@:host([scale=m])*/[scale=m].sc-calcite-modal-h{--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0)}/*!@:host([scale=l])*/[scale=l].sc-calcite-modal-h{--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1)}/*!@.scrim*/.scrim.sc-calcite-modal{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;overflow-y:hidden}/*!@.modal*/.modal.sc-calcite-modal{pointer-events:none;float:none;margin:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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);z-index:102;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}/*!@:host([active]), \n:host([open])*/[active].sc-calcite-modal-h,[open].sc-calcite-modal-h{opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}/*!@:host([active]) .modal, \n:host([open]) .modal*/[active].sc-calcite-modal-h .modal.sc-calcite-modal,[open].sc-calcite-modal-h .modal.sc-calcite-modal{pointer-events:auto;visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transition-delay:0ms;transition-delay:0ms}/*!@.header*/.header.sc-calcite-modal{display:-ms-flexbox;display:flex;min-width:0px;max-width:100%;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}/*!@.close*/.close.sc-calcite-modal{-ms-flex-order:2;order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);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;border-start-end-radius:0.25rem;padding:var(--calcite-modal-padding);-ms-flex:0 0 auto;flex:0 0 auto}/*!@.close calcite-icon*/.close.sc-calcite-modal calcite-icon.sc-calcite-modal{pointer-events:none;vertical-align:-2px}/*!@.close:focus*/.close.sc-calcite-modal:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.close:hover, .close:focus, .close:active*/.close.sc-calcite-modal:hover,.close.sc-calcite-modal:focus,.close.sc-calcite-modal:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@.title*/.title.sc-calcite-modal{-ms-flex-order:1;order:1;display:-ms-flexbox;display:flex;min-width:0px;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}/*!@slot[name=header]::slotted(*), \n*::slotted([slot=header])*/slot[name=header].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=header]{margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text)}/*!@.content*/.content.sc-calcite-modal{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-height:calc(100vh - 12rem);z-index:1}/*!@.content--spaced*/.content--spaced.sc-calcite-modal{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}/*!@.content--no-footer*/.content--no-footer.sc-calcite-modal{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}/*!@slot[name=content]::slotted(*),\n*::slotted([slot=content])*/slot[name=content].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=content]{font-size:var(--calcite-modal-content-text)}/*!@:host([background-color=grey]) .content*/[background-color=grey].sc-calcite-modal-h .content.sc-calcite-modal{background-color:var(--calcite-ui-background)}/*!@.footer*/.footer.sc-calcite-modal{margin-top:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large);z-index:2}/*!@.footer--hide-back .back, \n.footer--hide-secondary .secondary*/.footer--hide-back.sc-calcite-modal .back.sc-calcite-modal,.footer--hide-secondary.sc-calcite-modal .secondary.sc-calcite-modal{display:none}/*!@.back*/.back.sc-calcite-modal{display:block;-webkit-margin-end:auto;margin-inline-end:auto}/*!@.secondary*/.secondary.sc-calcite-modal{margin-left:0.25rem;margin-right:0.25rem;display:block}/*!@slot[name=primary]*/slot[name=primary].sc-calcite-modal{display:block}/*!@:host([width=small]) .modal*/[width=small].sc-calcite-modal-h .modal.sc-calcite-modal{width:auto}/*!@:host([width=s]) .modal*/[width=s].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:32rem}@media screen and (max-width: 35rem){/*!@:host([width=s]) .modal*/[width=s].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}/*!@:host([width=s]) .content*/[width=s].sc-calcite-modal-h .content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}/*!@:host([width=s][docked])*/[width=s][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!@:host([width=m]) .modal*/[width=m].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:48rem}@media screen and (max-width: 51rem){/*!@:host([width=m]) .modal*/[width=m].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}/*!@:host([width=m]) .content*/[width=m].sc-calcite-modal-h .content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}/*!@:host([width=m][docked])*/[width=m][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!@:host([width=l]) .modal*/[width=l].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:94rem}@media screen and (max-width: 97rem){/*!@:host([width=l]) .modal*/[width=l].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}/*!@:host([width=l]) .content*/[width=l].sc-calcite-modal-h .content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}/*!@:host([width=l][docked])*/[width=l][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!@:host([fullscreen])*/[fullscreen].sc-calcite-modal-h{background-color:transparent}/*!@:host([fullscreen]) .modal*/[fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;-webkit-transform:translate3D(0, 20px, 0) scale(0.95);transform:translate3D(0, 20px, 0) scale(0.95)}/*!@:host([fullscreen]) .content*/[fullscreen].sc-calcite-modal-h .content.sc-calcite-modal{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}/*!@:host([active][fullscreen]) .modal,\n:host([open][fullscreen]) .modal*/[active][fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal,[open][fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}/*!@:host([active][fullscreen]) .header,\n:host([open][fullscreen]) .header*/[active][fullscreen].sc-calcite-modal-h .header.sc-calcite-modal,[open][fullscreen].sc-calcite-modal-h .header.sc-calcite-modal{border-radius:0}/*!@:host([active][fullscreen]) .footer,\n:host([open][fullscreen]) .footer*/[active][fullscreen].sc-calcite-modal-h .footer.sc-calcite-modal,[open][fullscreen].sc-calcite-modal-h .footer.sc-calcite-modal{border-radius:0}/*!@:host([docked]) .modal*/[docked].sc-calcite-modal-h .modal.sc-calcite-modal{height:auto}/*!@:host([docked]) .content*/[docked].sc-calcite-modal-h .content.sc-calcite-modal{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){/*!@:host([docked]) .modal*/[docked].sc-calcite-modal-h .modal.sc-calcite-modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}/*!@:host([docked]) .close*/[docked].sc-calcite-modal-h .close.sc-calcite-modal{border-start-end-radius:var(--calcite-border-radius)}}/*!@:host([color=red]) .modal*/[color=red].sc-calcite-modal-h .modal.sc-calcite-modal{border-color:var(--calcite-ui-danger)}/*!@:host([color=blue]) .modal*/[color=blue].sc-calcite-modal-h .modal.sc-calcite-modal{border-color:var(--calcite-ui-info)}/*!@:host([color=red]) .modal, \n:host([color=blue]) .modal*/[color=red].sc-calcite-modal-h .modal.sc-calcite-modal,[color=blue].sc-calcite-modal-h .modal.sc-calcite-modal{border-width:0px;border-top-width:4px;border-style:solid}/*!@:host([color=red]) .header, \n:host([color=blue]) .header*/[color=red].sc-calcite-modal-h .header.sc-calcite-modal,[color=blue].sc-calcite-modal-h .header.sc-calcite-modal{border-radius:0.25rem;border-bottom-right-radius:0px;border-bottom-left-radius:0px}@media screen and (max-width: 860px){/*!@slot[name=header]::slotted(*), \n*::slotted([slot=header])*/slot[name=header].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=header]{font-size:var(--calcite-font-size-1)}/*!@.footer*/.footer.sc-calcite-modal{position:-webkit-sticky;position:sticky;bottom:0px}}@media screen and (max-width: 480px){/*!@.footer*/.footer.sc-calcite-modal{-ms-flex-direction:column;flex-direction:column}/*!@.back, \n.secondary*/.back.sc-calcite-modal,.secondary.sc-calcite-modal{margin:0px;margin-bottom:0.25rem}}";
|
|
22304
22357
|
|
|
22305
22358
|
const isFocusableExtended = (el) => {
|
|
22306
22359
|
return isCalciteFocusable(el) || isFocusable(el);
|
|
@@ -22325,9 +22378,15 @@ class Modal {
|
|
|
22325
22378
|
// Properties
|
|
22326
22379
|
//
|
|
22327
22380
|
//--------------------------------------------------------------------------
|
|
22328
|
-
/**
|
|
22381
|
+
/**
|
|
22382
|
+
* When true, the `calcite-modal` is active.
|
|
22383
|
+
*
|
|
22384
|
+
* @deprecated use open instead
|
|
22385
|
+
*/
|
|
22329
22386
|
this.active = false;
|
|
22330
|
-
/**
|
|
22387
|
+
/** When true,`calcite-modal` opens */
|
|
22388
|
+
this.open = false;
|
|
22389
|
+
/** Passes a function to run before the `calcite-modal` closes. */
|
|
22331
22390
|
this.beforeClose = () => Promise.resolve();
|
|
22332
22391
|
/** When true, disables the component's close button. */
|
|
22333
22392
|
this.disableCloseButton = false;
|
|
@@ -22360,7 +22419,7 @@ class Modal {
|
|
|
22360
22419
|
//--------------------------------------------------------------------------
|
|
22361
22420
|
this.transitionEnd = (event) => {
|
|
22362
22421
|
if (event.propertyName === this.activeTransitionProp) {
|
|
22363
|
-
this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
22422
|
+
this.open || this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
22364
22423
|
}
|
|
22365
22424
|
};
|
|
22366
22425
|
this.openEnd = () => {
|
|
@@ -22377,6 +22436,7 @@ class Modal {
|
|
|
22377
22436
|
this.close = () => {
|
|
22378
22437
|
return this.beforeClose(this.el).then(() => {
|
|
22379
22438
|
this.active = false;
|
|
22439
|
+
this.open = false;
|
|
22380
22440
|
focusElement(this.previousActiveElement);
|
|
22381
22441
|
this.removeOverflowHiddenClass();
|
|
22382
22442
|
});
|
|
@@ -22404,8 +22464,8 @@ class Modal {
|
|
|
22404
22464
|
//--------------------------------------------------------------------------
|
|
22405
22465
|
componentWillLoad() {
|
|
22406
22466
|
// when modal initially renders, if active was set we need to open as watcher doesn't fire
|
|
22407
|
-
if (this.active) {
|
|
22408
|
-
this.
|
|
22467
|
+
if (this.open || this.active) {
|
|
22468
|
+
this.openModal();
|
|
22409
22469
|
}
|
|
22410
22470
|
}
|
|
22411
22471
|
connectedCallback() {
|
|
@@ -22461,7 +22521,7 @@ class Modal {
|
|
|
22461
22521
|
//
|
|
22462
22522
|
//--------------------------------------------------------------------------
|
|
22463
22523
|
handleEscape(e) {
|
|
22464
|
-
if (this.active && !this.disableEscape && e.key === "Escape") {
|
|
22524
|
+
if ((this.open || this.active) && !this.disableEscape && e.key === "Escape") {
|
|
22465
22525
|
this.close();
|
|
22466
22526
|
}
|
|
22467
22527
|
}
|
|
@@ -22514,7 +22574,7 @@ class Modal {
|
|
|
22514
22574
|
async toggleModal(value, oldValue) {
|
|
22515
22575
|
if (value !== oldValue) {
|
|
22516
22576
|
if (value) {
|
|
22517
|
-
this.
|
|
22577
|
+
this.openModal();
|
|
22518
22578
|
}
|
|
22519
22579
|
else if (!value) {
|
|
22520
22580
|
this.close();
|
|
@@ -22522,10 +22582,11 @@ class Modal {
|
|
|
22522
22582
|
}
|
|
22523
22583
|
}
|
|
22524
22584
|
/** Open the modal */
|
|
22525
|
-
|
|
22585
|
+
openModal() {
|
|
22526
22586
|
this.previousActiveElement = document.activeElement;
|
|
22527
22587
|
this.el.addEventListener("calciteModalOpen", this.openEnd);
|
|
22528
22588
|
this.active = true;
|
|
22589
|
+
this.open = true;
|
|
22529
22590
|
const titleEl = getSlotted(this.el, SLOTS$e.header);
|
|
22530
22591
|
const contentEl = getSlotted(this.el, SLOTS$e.content);
|
|
22531
22592
|
this.titleId = ensureId(titleEl);
|
|
@@ -22537,7 +22598,8 @@ class Modal {
|
|
|
22537
22598
|
}
|
|
22538
22599
|
get el() { return getElement(this); }
|
|
22539
22600
|
static get watchers() { return {
|
|
22540
|
-
"active": ["toggleModal"]
|
|
22601
|
+
"active": ["toggleModal"],
|
|
22602
|
+
"open": ["toggleModal"]
|
|
22541
22603
|
}; }
|
|
22542
22604
|
static get style() { return modalCss; }
|
|
22543
22605
|
static get cmpMeta() { return {
|
|
@@ -22545,6 +22607,7 @@ class Modal {
|
|
|
22545
22607
|
"$tagName$": "calcite-modal",
|
|
22546
22608
|
"$members$": {
|
|
22547
22609
|
"active": [1540],
|
|
22610
|
+
"open": [1540],
|
|
22548
22611
|
"beforeClose": [16],
|
|
22549
22612
|
"disableCloseButton": [4, "disable-close-button"],
|
|
22550
22613
|
"disableOutsideClose": [4, "disable-outside-close"],
|
|
@@ -22564,7 +22627,7 @@ class Modal {
|
|
|
22564
22627
|
},
|
|
22565
22628
|
"$listeners$": [[8, "keyup", "handleEscape"]],
|
|
22566
22629
|
"$lazyBundleId$": "-",
|
|
22567
|
-
"$attrsToReflect$": [["active", "active"], ["docked", "docked"], ["scale", "scale"], ["width", "width"], ["fullscreen", "fullscreen"], ["color", "color"], ["backgroundColor", "background-color"]]
|
|
22630
|
+
"$attrsToReflect$": [["active", "active"], ["open", "open"], ["docked", "docked"], ["scale", "scale"], ["width", "width"], ["fullscreen", "fullscreen"], ["color", "color"], ["backgroundColor", "background-color"]]
|
|
22568
22631
|
}; }
|
|
22569
22632
|
}
|
|
22570
22633
|
|