@esri/calcite-components 1.0.0-next.520 → 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.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-dd699884.entry.js → p-02a3583d.entry.js} +2 -2
- package/dist/calcite/{p-a081753e.entry.js → p-037f81e1.entry.js} +2 -2
- package/dist/calcite/{p-f633dc67.entry.js → p-05a4b9dd.entry.js} +2 -2
- package/dist/calcite/{p-2be5f5e4.system.entry.js → p-06332d21.system.entry.js} +2 -2
- package/dist/calcite/{p-d178a247.entry.js → p-0664c198.entry.js} +2 -2
- package/dist/calcite/p-08e28998.system.entry.js +6 -0
- package/dist/calcite/{p-7d329d08.js → p-08f334c1.js} +2 -2
- package/dist/calcite/{p-007035f4.system.entry.js → p-0c6874b0.system.entry.js} +2 -2
- package/dist/calcite/{p-3a9aaecf.js → p-0c8eb394.js} +1 -1
- package/dist/calcite/{p-6d2ba11e.entry.js → p-0d86e14f.entry.js} +2 -2
- package/dist/calcite/{p-f2bd3b8f.system.entry.js → p-0df3ffa0.system.entry.js} +2 -2
- package/dist/calcite/{p-d25efce4.entry.js → p-0e8275de.entry.js} +2 -2
- package/dist/calcite/{p-083b105d.js → p-0e88270b.js} +2 -2
- package/dist/calcite/{p-a1621fa7.entry.js → p-0f7446cb.entry.js} +2 -2
- package/dist/calcite/{p-06c14b86.system.entry.js → p-0ff0ca0b.system.entry.js} +3 -3
- package/dist/calcite/{p-534a7ca5.entry.js → p-10fe1682.entry.js} +2 -2
- package/dist/calcite/{p-f382a06e.entry.js → p-15a2f2b5.entry.js} +2 -2
- package/dist/calcite/{p-ad6accf2.js → p-1786fb93.js} +1 -1
- package/dist/calcite/{p-73f3b6cd.system.entry.js → p-18de0e0b.system.entry.js} +2 -2
- package/dist/calcite/{p-13fe270d.entry.js → p-18e94c9f.entry.js} +2 -2
- package/dist/calcite/{p-973fa781.entry.js → p-1934cb89.entry.js} +2 -2
- package/dist/calcite/p-196346bf.system.entry.js +6 -0
- package/dist/calcite/{p-9781070e.system.js → p-19f87399.system.js} +1 -1
- package/dist/calcite/{p-cdc700be.system.entry.js → p-1a7dcfc0.system.entry.js} +2 -2
- package/dist/calcite/{p-78274269.system.js → p-1c45719a.system.js} +1 -1
- package/dist/calcite/{p-8e1b9b65.js → p-1d7e2d4a.js} +1 -1
- package/dist/calcite/p-22d40d65.entry.js +6 -0
- package/dist/calcite/{p-8cadf826.system.js → p-22ffda43.system.js} +2 -2
- package/dist/calcite/{p-a64bd767.system.entry.js → p-25129b54.system.entry.js} +2 -2
- package/dist/calcite/{p-76b6b612.system.entry.js → p-28b4be8f.system.entry.js} +2 -2
- package/dist/calcite/{p-1f3485fd.js → p-2981a893.js} +2 -2
- package/dist/calcite/p-2b8e9cae.system.entry.js +6 -0
- package/dist/calcite/{p-0444a89a.js → p-2bceb3cc.js} +2 -2
- package/dist/calcite/{p-3b3d8fda.system.entry.js → p-302615c5.system.entry.js} +2 -2
- package/dist/calcite/{p-c2d033d5.system.js → p-3111a501.system.js} +1 -1
- package/dist/calcite/{p-aff0389a.system.js → p-37ae8843.system.js} +2 -2
- package/dist/calcite/p-3854aaa3.entry.js +6 -0
- package/dist/calcite/{p-f4742511.js → p-3ade5098.js} +1 -1
- package/dist/calcite/{p-74d1af1c.js → p-3bbfc3a1.js} +1 -1
- package/dist/calcite/{p-383c5cdf.system.entry.js → p-3c9fb8a0.system.entry.js} +3 -3
- package/dist/calcite/{p-29dbb7c3.system.entry.js → p-3ebebd84.system.entry.js} +3 -3
- package/dist/calcite/{p-14bc0533.entry.js → p-3ecd2c17.entry.js} +2 -2
- package/dist/calcite/{p-96b8ffc2.entry.js → p-3ecec156.entry.js} +2 -2
- package/dist/calcite/{p-4d71f62d.system.js → p-43e7a8f1.system.js} +3 -3
- package/dist/calcite/{p-213f3a0c.system.js → p-4565c114.system.js} +2 -2
- package/dist/calcite/{p-abaae4a0.entry.js → p-46c73e88.entry.js} +2 -2
- package/dist/calcite/{p-28292cd2.entry.js → p-477ca75f.entry.js} +2 -2
- package/dist/calcite/p-490d284a.entry.js +6 -0
- package/dist/calcite/{p-b3bf4e2b.js → p-4a08a094.js} +2 -2
- package/dist/calcite/{p-d601ac5d.entry.js → p-4d012e6d.entry.js} +2 -2
- package/dist/calcite/{p-937f4763.js → p-503ffd79.js} +1 -1
- package/dist/calcite/p-5321532e.entry.js +6 -0
- package/dist/calcite/{p-48b6f6f7.system.js → p-53cb1579.system.js} +1 -1
- package/dist/calcite/{p-917106dd.system.entry.js → p-54bc93ca.system.entry.js} +2 -2
- package/dist/calcite/{p-9ad3c3f4.system.entry.js → p-56fad8eb.system.entry.js} +2 -2
- package/dist/calcite/{p-9b239dcc.system.js → p-5956ae2b.system.js} +1 -1
- package/dist/calcite/{p-39d3e8e7.entry.js → p-597100a7.entry.js} +2 -2
- package/dist/calcite/{p-bb6ff111.system.entry.js → p-5a8d424e.system.entry.js} +2 -2
- package/dist/calcite/{p-98ac7b27.entry.js → p-5b152346.entry.js} +2 -2
- package/dist/calcite/{p-9a4b8d19.js → p-5b2d7828.js} +2 -2
- package/dist/calcite/{p-6b844ad2.system.entry.js → p-5bbaac2e.system.entry.js} +2 -2
- package/dist/calcite/{p-e4a3783d.system.entry.js → p-5c335596.system.entry.js} +2 -2
- package/dist/calcite/{p-75e8e02e.entry.js → p-5c81572b.entry.js} +2 -2
- package/dist/calcite/{p-4eee040b.system.entry.js → p-5d1ea183.system.entry.js} +2 -2
- package/dist/calcite/{p-d019cd3c.js → p-60224344.js} +1 -1
- package/dist/calcite/{p-8bf55d55.entry.js → p-616f05fa.entry.js} +2 -2
- package/dist/calcite/{p-a161f860.system.entry.js → p-62a0f380.system.entry.js} +2 -2
- package/dist/calcite/{p-73f440bb.entry.js → p-66240c05.entry.js} +2 -2
- package/dist/calcite/{p-16f227fc.system.entry.js → p-67f1f6b9.system.entry.js} +2 -2
- package/dist/calcite/{p-3191b270.entry.js → p-68605411.entry.js} +2 -2
- package/dist/calcite/{p-9398bb6c.js → p-68c538e6.js} +2 -2
- package/dist/calcite/{p-677f24bf.system.entry.js → p-709ffc8a.system.entry.js} +2 -2
- package/dist/calcite/{p-4668d36a.js → p-71a5a7b9.js} +1 -1
- package/dist/calcite/{p-9946dd96.system.js → p-74508b15.system.js} +1 -1
- package/dist/calcite/{p-0c58bda7.entry.js → p-7609b260.entry.js} +2 -2
- package/dist/calcite/{p-02362c11.entry.js → p-7779dcec.entry.js} +2 -2
- package/dist/calcite/{p-1920a94e.system.js → p-7b5c7678.system.js} +1 -1
- package/dist/calcite/{p-decb56ab.entry.js → p-7f80ef30.entry.js} +2 -2
- package/dist/calcite/{p-f9e32dc5.system.entry.js → p-803997da.system.entry.js} +2 -2
- package/dist/calcite/{p-f7fd201f.js → p-80dd019b.js} +1 -1
- package/dist/calcite/{p-6c2b78c1.system.entry.js → p-82894cb4.system.entry.js} +2 -2
- package/dist/calcite/{p-51586eee.system.entry.js → p-836254a6.system.entry.js} +2 -2
- package/dist/calcite/{p-a3507dfe.system.entry.js → p-8469c3f5.system.entry.js} +2 -2
- package/dist/calcite/{p-f6cbe0ab.system.js → p-8aafc60e.system.js} +2 -2
- package/dist/calcite/{p-aad4f6d0.entry.js → p-8ad36643.entry.js} +2 -2
- package/dist/calcite/{p-815189c6.system.js → p-8d193648.system.js} +1 -1
- package/dist/calcite/{p-73577e93.system.js → p-8e6d31eb.system.js} +1 -1
- package/dist/calcite/{p-e70390dc.system.entry.js → p-90bd223c.system.entry.js} +2 -2
- package/dist/calcite/{p-1ae60c44.entry.js → p-9109755c.entry.js} +2 -2
- package/dist/calcite/{p-b3a335d4.system.js → p-922cca1a.system.js} +2 -2
- package/dist/calcite/{p-59b0561b.system.entry.js → p-956aea00.system.entry.js} +2 -2
- package/dist/calcite/{p-e604ab6b.system.entry.js → p-9814a422.system.entry.js} +2 -2
- package/dist/calcite/{p-d05ce5f8.entry.js → p-98d13115.entry.js} +2 -2
- package/dist/calcite/{p-a3f5192b.entry.js → p-9a775e97.entry.js} +2 -2
- package/dist/calcite/{p-d208b406.system.js → p-9ed3942c.system.js} +2 -2
- package/dist/calcite/{p-5cd95bda.entry.js → p-a056927a.entry.js} +2 -2
- package/dist/calcite/{p-d4c5c673.entry.js → p-a186a81b.entry.js} +2 -2
- package/dist/calcite/{p-7b1075db.system.js → p-a56d7998.system.js} +2 -2
- package/dist/calcite/{p-dc40dde4.system.entry.js → p-a6339811.system.entry.js} +2 -2
- package/dist/calcite/{p-c4972e72.system.entry.js → p-a63dc521.system.entry.js} +2 -2
- package/dist/calcite/{p-d78d8570.system.entry.js → p-a799c49f.system.entry.js} +2 -2
- package/dist/calcite/{p-6fa4fd93.entry.js → p-a7a4705c.entry.js} +2 -2
- package/dist/calcite/{p-13088d74.system.entry.js → p-a7ae0c54.system.entry.js} +2 -2
- package/dist/calcite/p-aa04303b.system.js +6 -0
- package/dist/calcite/{p-f8c872a2.system.js → p-ab08ad49.system.js} +2 -2
- package/dist/calcite/{p-ca265c09.system.js → p-ab5101d8.system.js} +1 -1
- package/dist/calcite/{p-0e23ec86.system.js → p-adcd9271.system.js} +1 -1
- package/dist/calcite/{p-eef651a2.system.entry.js → p-b2f3fc3d.system.entry.js} +2 -2
- package/dist/calcite/{p-7e57e47c.system.entry.js → p-b2f5c885.system.entry.js} +2 -2
- package/dist/calcite/{p-a9945df6.entry.js → p-b64ac51f.entry.js} +2 -2
- package/dist/calcite/{p-b659cdbb.entry.js → p-b72717bd.entry.js} +2 -2
- package/dist/calcite/{p-9b38c931.entry.js → p-b80bbe57.entry.js} +2 -2
- package/dist/calcite/{p-72977808.system.entry.js → p-b905df83.system.entry.js} +2 -2
- package/dist/calcite/p-b9ba2995.system.js +6 -0
- package/dist/calcite/{p-fce697b5.entry.js → p-ba1931db.entry.js} +2 -2
- package/dist/calcite/{p-9da42c36.js → p-bc269b24.js} +2 -2
- package/dist/calcite/{p-772f4a3f.system.entry.js → p-bcbe7ce6.system.entry.js} +2 -2
- package/dist/calcite/{p-adf0ece2.system.entry.js → p-bd5694e0.system.entry.js} +2 -2
- package/dist/calcite/{p-e6f77179.js → p-be33578d.js} +2 -2
- package/dist/calcite/{p-e8b7db23.js → p-bee3c541.js} +1 -1
- package/dist/calcite/{p-ffbb4b30.system.entry.js → p-c57bfa50.system.entry.js} +2 -2
- package/dist/calcite/{p-ee37ffbc.system.entry.js → p-c74ae0e9.system.entry.js} +2 -2
- package/dist/calcite/{p-7fd5a8a3.js → p-c7e7cc3f.js} +1 -1
- package/dist/calcite/{p-c8a0343c.system.entry.js → p-c9878d39.system.entry.js} +2 -2
- package/dist/calcite/{p-75a33e5a.system.entry.js → p-c9962a82.system.entry.js} +2 -2
- package/dist/calcite/{p-2758b523.entry.js → p-ca13fa8e.entry.js} +2 -2
- package/dist/calcite/p-cc236a7d.js +6 -0
- package/dist/calcite/{p-6fb2dac3.js → p-ce350a0c.js} +2 -2
- package/dist/calcite/{p-6dfca84e.entry.js → p-ce9659f4.entry.js} +2 -2
- package/dist/calcite/{p-b8d25736.entry.js → p-cea960cf.entry.js} +2 -2
- package/dist/calcite/{p-85ea5712.system.entry.js → p-d418b98e.system.entry.js} +2 -2
- package/dist/calcite/{p-7157eb29.system.js → p-d44c6b32.system.js} +1 -1
- package/dist/calcite/{p-78f47358.system.entry.js → p-d461e15b.system.entry.js} +2 -2
- package/dist/calcite/{p-0a3ac5b7.entry.js → p-d4a4f33e.entry.js} +2 -2
- package/dist/calcite/{p-14ea0159.system.js → p-d6299c4e.system.js} +2 -2
- package/dist/calcite/{p-da3ed14f.system.js → p-d7a237ba.system.js} +1 -1
- package/dist/calcite/{p-1fcf4389.js → p-d8bf5b29.js} +1 -1
- package/dist/calcite/{p-d3130f3f.entry.js → p-d9d2294a.entry.js} +2 -2
- package/dist/calcite/{p-c2deb2ce.system.entry.js → p-d9e6af1c.system.entry.js} +2 -2
- package/dist/calcite/{p-09e283e8.system.entry.js → p-dc5fb654.system.entry.js} +2 -2
- package/dist/calcite/{p-2df6116d.entry.js → p-dd9f25da.entry.js} +2 -2
- package/dist/calcite/{p-f2cbad46.system.entry.js → p-df8177da.system.entry.js} +2 -2
- package/dist/calcite/{p-7842b132.entry.js → p-e029f7a3.entry.js} +2 -2
- package/dist/calcite/{p-5f40009c.entry.js → p-e0edddf8.entry.js} +2 -2
- package/dist/calcite/{p-f4b079fd.entry.js → p-e72532a8.entry.js} +2 -2
- package/dist/calcite/{p-c2f18e0d.entry.js → p-e99806ce.entry.js} +2 -2
- package/dist/calcite/{p-7add7125.entry.js → p-ea37aa52.entry.js} +2 -2
- package/dist/calcite/{p-abca805d.system.entry.js → p-ec3ac306.system.entry.js} +2 -2
- package/dist/calcite/{p-dbae690a.system.entry.js → p-ed2772f3.system.entry.js} +2 -2
- package/dist/calcite/{p-1a04dc2a.entry.js → p-eef3c9fd.entry.js} +2 -2
- package/dist/calcite/{p-8277926c.entry.js → p-ef10300b.entry.js} +2 -2
- package/dist/calcite/{p-82e2b61e.js → p-f0f828f4.js} +1 -1
- package/dist/calcite/{p-43413fbc.system.entry.js → p-f105b00b.system.entry.js} +2 -2
- package/dist/calcite/{p-368f2f77.system.entry.js → p-f18df807.system.entry.js} +2 -2
- package/dist/calcite/{p-58661475.system.entry.js → p-f2efb50c.system.entry.js} +2 -2
- package/dist/calcite/{p-1ab88ba3.system.entry.js → p-f463e742.system.entry.js} +2 -2
- package/dist/calcite/{p-3340e3fb.entry.js → p-f4a4e6fd.entry.js} +2 -2
- package/dist/calcite/{p-cafdc1c6.system.entry.js → p-f5fcb884.system.entry.js} +2 -2
- package/dist/calcite/{p-5ff3fb7e.entry.js → p-f6032fac.entry.js} +2 -2
- package/dist/calcite/{p-e17c874d.system.entry.js → p-f8360ef0.system.entry.js} +2 -2
- package/dist/calcite/{p-795b0aa3.system.entry.js → p-fa49f87b.system.entry.js} +2 -2
- package/dist/calcite/p-fb4d2cca.entry.js +6 -0
- package/dist/calcite/{p-ff6b1162.system.js → p-fc76a97f.system.js} +1 -1
- package/dist/cjs/{ExpandToggle-99f3781c.js → ExpandToggle-8aaaf12b.js} +5 -5
- package/dist/cjs/{Heading-4337cacd.js → Heading-5f2ed366.js} +2 -2
- package/dist/cjs/{array-2b95adc7.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 +6 -6
- 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-a86a0d93.js → conditionalSlot-345c638f.js} +3 -3
- package/dist/cjs/{debounce-d2b703d9.js → debounce-cff73118.js} +1 -1
- package/dist/cjs/{dom-276aaf99.js → dom-006119f9.js} +2 -2
- package/dist/cjs/{forIn-89a77d46.js → forIn-63725cb3.js} +2 -2
- package/dist/cjs/{form-90809048.js → form-4aa36914.js} +3 -3
- package/dist/cjs/{guid-05de8683.js → guid-7ac09c7c.js} +1 -1
- package/dist/cjs/{index-92b04246.js → index-345bd03e.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-8f9c108d.js → interactive-4c089305.js} +1 -1
- package/dist/cjs/{interfaces-1432ba48.js → interfaces-ed5629c9.js} +1 -1
- package/dist/cjs/{key-14b78e13.js → key-ad47ec79.js} +1 -1
- package/dist/cjs/{label-b7e1da52.js → label-cbd2fca0.js} +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{locale-30f27f51.js → locale-a7606dce.js} +2 -2
- package/dist/cjs/{math-c4db1901.js → math-cb0eba16.js} +1 -1
- package/dist/cjs/{observers-46d26c87.js → observers-e7215a23.js} +1 -1
- package/dist/cjs/{popper-56aa0819.js → popper-a6799f73.js} +2 -2
- package/dist/cjs/{resources-f9d89ecd.js → resources-3dfb6262.js} +1 -1
- package/dist/cjs/{resources-7afa5ac3.js → resources-e4f2b649.js} +1 -1
- package/dist/cjs/{resources-5906f91a.js → resources-e78d08e9.js} +5 -5
- package/dist/cjs/{resources-d9fd225b.js → resources-ec4ddd5b.js} +3 -3
- package/dist/cjs/{sortable.esm-d2f57c8a.js → sortable.esm-75596196.js} +1 -1
- package/dist/cjs/{utils-d09ab03a.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.js +1 -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 +1 -1
- 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 +109 -54
- package/dist/esm/{ExpandToggle-d4acd022.js → ExpandToggle-f015017d.js} +5 -5
- package/dist/esm/{Heading-252785eb.js → Heading-d8e9c4d0.js} +2 -2
- package/dist/esm/{array-bded6ddd.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 +6 -6
- 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-8a611e76.js → conditionalSlot-251f048d.js} +3 -3
- package/dist/esm/{debounce-17713200.js → debounce-671be4ab.js} +1 -1
- package/dist/esm/{dom-3bc3e6f2.js → dom-1d25d90d.js} +2 -2
- package/dist/esm/{forIn-3302954f.js → forIn-61b8f555.js} +2 -2
- package/dist/esm/{form-cb292ed6.js → form-9231bd75.js} +3 -3
- package/dist/esm/{guid-5aa84743.js → guid-681ada01.js} +1 -1
- package/dist/esm/{index-3ec30bad.js → index-3d4e33c9.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-21921578.js → interactive-206f3e33.js} +1 -1
- package/dist/esm/{interfaces-3c2efb02.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm/{key-02ae0e60.js → key-aaa7a17a.js} +1 -1
- package/dist/esm/{label-3a519eed.js → label-78ef6888.js} +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{locale-1e310e6f.js → locale-ddc99d54.js} +2 -2
- package/dist/esm/{math-9da1254c.js → math-6704b0cd.js} +1 -1
- package/dist/esm/{observers-f302dd59.js → observers-f4b26851.js} +1 -1
- package/dist/esm/{popper-00afea1c.js → popper-0f8ca820.js} +2 -2
- package/dist/esm/{resources-3f5a19f3.js → resources-8bc22c30.js} +1 -1
- package/dist/esm/{resources-790145ca.js → resources-9cd6c136.js} +3 -3
- package/dist/esm/{resources-2eb35342.js → resources-c23513d4.js} +5 -5
- package/dist/esm/{resources-21dc5137.js → resources-f108bb2c.js} +1 -1
- package/dist/esm/{sortable.esm-86b33659.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm/{utils-3bf99050.js → utils-29143248.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-d4acd022.js → ExpandToggle-f015017d.js} +2 -2
- package/dist/esm-es5/Heading-d8e9c4d0.js +6 -0
- package/dist/esm-es5/{array-bded6ddd.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 +2 -2
- package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
- package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
- package/dist/esm-es5/calcite.js +2 -2
- package/dist/esm-es5/{conditionalSlot-8a611e76.js → conditionalSlot-251f048d.js} +2 -2
- package/dist/esm-es5/{debounce-17713200.js → debounce-671be4ab.js} +1 -1
- package/dist/esm-es5/{dom-3bc3e6f2.js → dom-1d25d90d.js} +2 -2
- package/dist/esm-es5/{forIn-3302954f.js → forIn-61b8f555.js} +2 -2
- package/dist/esm-es5/{form-cb292ed6.js → form-9231bd75.js} +2 -2
- package/dist/esm-es5/{guid-5aa84743.js → guid-681ada01.js} +1 -1
- package/dist/esm-es5/{index-3ec30bad.js → index-3d4e33c9.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-21921578.js → interactive-206f3e33.js} +1 -1
- package/dist/esm-es5/{interfaces-3c2efb02.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm-es5/{key-02ae0e60.js → key-aaa7a17a.js} +1 -1
- package/dist/esm-es5/{label-3a519eed.js → label-78ef6888.js} +2 -2
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-1e310e6f.js → locale-ddc99d54.js} +2 -2
- package/dist/esm-es5/{math-9da1254c.js → math-6704b0cd.js} +1 -1
- package/dist/esm-es5/{observers-f302dd59.js → observers-f4b26851.js} +1 -1
- package/dist/esm-es5/{popper-00afea1c.js → popper-0f8ca820.js} +2 -2
- package/dist/esm-es5/{resources-3f5a19f3.js → resources-8bc22c30.js} +1 -1
- package/dist/esm-es5/{resources-790145ca.js → resources-9cd6c136.js} +2 -2
- package/dist/esm-es5/{resources-2eb35342.js → resources-c23513d4.js} +2 -2
- package/dist/esm-es5/{resources-21dc5137.js → resources-f108bb2c.js} +1 -1
- package/dist/esm-es5/{sortable.esm-86b33659.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm-es5/{utils-3bf99050.js → utils-29143248.js} +1 -1
- package/dist/extras/docs-json.json +100 -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/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 +46 -6
- package/hydrate/index.js +113 -54
- package/package.json +1 -1
- package/dist/calcite/p-024eb16b.system.entry.js +0 -6
- package/dist/calcite/p-10f66af0.entry.js +0 -6
- package/dist/calcite/p-138c88a6.system.entry.js +0 -6
- package/dist/calcite/p-23441fd3.system.entry.js +0 -6
- package/dist/calcite/p-298f8c90.system.js +0 -6
- package/dist/calcite/p-428d25b3.entry.js +0 -6
- package/dist/calcite/p-a1d2b979.entry.js +0 -6
- package/dist/calcite/p-d6b6d5a1.entry.js +0 -6
- package/dist/calcite/p-e8e9da27.entry.js +0 -6
- package/dist/calcite/p-ef130fda.js +0 -6
- package/dist/calcite/p-ef2be757.entry.js +0 -6
- package/dist/calcite/p-f388b1ee.system.js +0 -6
- package/dist/esm-es5/Heading-252785eb.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
|
|
|
@@ -15685,8 +15695,14 @@ class Combobox {
|
|
|
15685
15695
|
// Public Properties
|
|
15686
15696
|
//
|
|
15687
15697
|
//--------------------------------------------------------------------------
|
|
15688
|
-
/**
|
|
15698
|
+
/**
|
|
15699
|
+
* When true, opens the combobox
|
|
15700
|
+
*
|
|
15701
|
+
* @deprecated use open instead
|
|
15702
|
+
*/
|
|
15689
15703
|
this.active = false;
|
|
15704
|
+
/**When true, opens the combobox */
|
|
15705
|
+
this.open = false;
|
|
15690
15706
|
/** Disable combobox input */
|
|
15691
15707
|
this.disabled = false;
|
|
15692
15708
|
/** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
|
|
@@ -15760,8 +15776,9 @@ class Combobox {
|
|
|
15760
15776
|
this.addCustomChip(this.text, true);
|
|
15761
15777
|
event.preventDefault();
|
|
15762
15778
|
}
|
|
15763
|
-
else if (this.active) {
|
|
15779
|
+
else if (this.open || this.active) {
|
|
15764
15780
|
this.active = false;
|
|
15781
|
+
this.open = false;
|
|
15765
15782
|
event.preventDefault();
|
|
15766
15783
|
}
|
|
15767
15784
|
break;
|
|
@@ -15778,9 +15795,10 @@ class Combobox {
|
|
|
15778
15795
|
}
|
|
15779
15796
|
break;
|
|
15780
15797
|
case "ArrowDown":
|
|
15781
|
-
if (!this.active) {
|
|
15798
|
+
if (!(this.open || this.active)) {
|
|
15782
15799
|
event.preventDefault();
|
|
15783
15800
|
this.active = true;
|
|
15801
|
+
this.open = true;
|
|
15784
15802
|
}
|
|
15785
15803
|
this.shiftActiveItemIndex(1);
|
|
15786
15804
|
if (!this.comboboxInViewport()) {
|
|
@@ -15791,11 +15809,12 @@ class Combobox {
|
|
|
15791
15809
|
if (!this.textInput.value) {
|
|
15792
15810
|
event.preventDefault();
|
|
15793
15811
|
this.active = true;
|
|
15812
|
+
this.open = true;
|
|
15794
15813
|
this.shiftActiveItemIndex(1);
|
|
15795
15814
|
}
|
|
15796
15815
|
break;
|
|
15797
15816
|
case "Home":
|
|
15798
|
-
if (this.active) {
|
|
15817
|
+
if (this.open || this.active) {
|
|
15799
15818
|
event.preventDefault();
|
|
15800
15819
|
}
|
|
15801
15820
|
this.updateActiveItemIndex(0);
|
|
@@ -15805,7 +15824,7 @@ class Combobox {
|
|
|
15805
15824
|
}
|
|
15806
15825
|
break;
|
|
15807
15826
|
case "End":
|
|
15808
|
-
if (this.active) {
|
|
15827
|
+
if (this.open || this.active) {
|
|
15809
15828
|
event.preventDefault();
|
|
15810
15829
|
}
|
|
15811
15830
|
this.updateActiveItemIndex(this.visibleItems.length - 1);
|
|
@@ -15816,6 +15835,7 @@ class Combobox {
|
|
|
15816
15835
|
break;
|
|
15817
15836
|
case "Escape":
|
|
15818
15837
|
this.active = false;
|
|
15838
|
+
this.open = false;
|
|
15819
15839
|
break;
|
|
15820
15840
|
case "Enter":
|
|
15821
15841
|
if (this.activeItemIndex > -1) {
|
|
@@ -15844,15 +15864,17 @@ class Combobox {
|
|
|
15844
15864
|
};
|
|
15845
15865
|
this.toggleCloseEnd = () => {
|
|
15846
15866
|
this.active = false;
|
|
15867
|
+
this.open = false;
|
|
15847
15868
|
this.el.removeEventListener("calciteComboboxClose", this.toggleCloseEnd);
|
|
15848
15869
|
};
|
|
15849
15870
|
this.toggleOpenEnd = () => {
|
|
15850
15871
|
this.active = true;
|
|
15872
|
+
this.open = false;
|
|
15851
15873
|
this.el.removeEventListener("calciteComboboxOpen", this.toggleOpenEnd);
|
|
15852
15874
|
};
|
|
15853
15875
|
this.transitionEnd = (event) => {
|
|
15854
15876
|
if (event.propertyName === this.activeTransitionProp) {
|
|
15855
|
-
this.active ? this.onOpen() : this.onClose();
|
|
15877
|
+
this.open || this.active ? this.onOpen() : this.onClose();
|
|
15856
15878
|
}
|
|
15857
15879
|
};
|
|
15858
15880
|
/* *
|
|
@@ -15861,12 +15883,13 @@ class Combobox {
|
|
|
15861
15883
|
*/
|
|
15862
15884
|
this.transitionRunHandler = (event) => {
|
|
15863
15885
|
if (event.propertyName === this.activeTransitionProp) {
|
|
15864
|
-
this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
15886
|
+
this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
15865
15887
|
}
|
|
15866
15888
|
};
|
|
15867
15889
|
this.setMaxScrollerHeight = async () => {
|
|
15868
|
-
const { active, listContainerEl } = this;
|
|
15869
|
-
|
|
15890
|
+
const { active, listContainerEl, open } = this;
|
|
15891
|
+
const isOpen = !(active || open);
|
|
15892
|
+
if (!listContainerEl || isOpen) {
|
|
15870
15893
|
return;
|
|
15871
15894
|
}
|
|
15872
15895
|
await this.reposition();
|
|
@@ -15876,6 +15899,7 @@ class Combobox {
|
|
|
15876
15899
|
};
|
|
15877
15900
|
this.calciteChipDismissHandler = (event, comboboxItem) => {
|
|
15878
15901
|
this.active = false;
|
|
15902
|
+
this.open = false;
|
|
15879
15903
|
const selection = this.items.find((item) => item === comboboxItem);
|
|
15880
15904
|
if (selection) {
|
|
15881
15905
|
this.toggleSelection(selection, false);
|
|
@@ -15887,12 +15911,14 @@ class Combobox {
|
|
|
15887
15911
|
return;
|
|
15888
15912
|
}
|
|
15889
15913
|
this.active = !this.active;
|
|
15914
|
+
this.open = !this.open;
|
|
15890
15915
|
this.updateActiveItemIndex(0);
|
|
15891
15916
|
this.setFocus();
|
|
15892
15917
|
};
|
|
15893
15918
|
this.setInactiveIfNotContained = (event) => {
|
|
15894
15919
|
const composedPath = event.composedPath();
|
|
15895
|
-
|
|
15920
|
+
const isOpen = !(this.open || this.active);
|
|
15921
|
+
if (isOpen || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
|
|
15896
15922
|
return;
|
|
15897
15923
|
}
|
|
15898
15924
|
if (this.allowCustomValues && this.text.trim().length) {
|
|
@@ -15907,6 +15933,7 @@ class Combobox {
|
|
|
15907
15933
|
this.updateActiveItemIndex(-1);
|
|
15908
15934
|
}
|
|
15909
15935
|
this.active = false;
|
|
15936
|
+
this.open = false;
|
|
15910
15937
|
};
|
|
15911
15938
|
this.setMenuEl = (el) => {
|
|
15912
15939
|
this.menuEl = el;
|
|
@@ -15998,6 +16025,7 @@ class Combobox {
|
|
|
15998
16025
|
activeHandler() {
|
|
15999
16026
|
if (this.disabled) {
|
|
16000
16027
|
this.active = false;
|
|
16028
|
+
this.open = false;
|
|
16001
16029
|
return;
|
|
16002
16030
|
}
|
|
16003
16031
|
this.setMaxScrollerHeight();
|
|
@@ -16005,6 +16033,7 @@ class Combobox {
|
|
|
16005
16033
|
handleDisabledChange(value) {
|
|
16006
16034
|
if (!value) {
|
|
16007
16035
|
this.active = false;
|
|
16036
|
+
this.open = false;
|
|
16008
16037
|
}
|
|
16009
16038
|
}
|
|
16010
16039
|
maxItemsHandler() {
|
|
@@ -16148,7 +16177,7 @@ class Combobox {
|
|
|
16148
16177
|
};
|
|
16149
16178
|
const eventListenerModifier = {
|
|
16150
16179
|
name: "eventListeners",
|
|
16151
|
-
enabled: this.active
|
|
16180
|
+
enabled: this.open || this.active
|
|
16152
16181
|
};
|
|
16153
16182
|
return [flipModifier, eventListenerModifier];
|
|
16154
16183
|
}
|
|
@@ -16226,6 +16255,7 @@ class Combobox {
|
|
|
16226
16255
|
this.textInput.value = item.textLabel;
|
|
16227
16256
|
}
|
|
16228
16257
|
this.active = false;
|
|
16258
|
+
this.open = false;
|
|
16229
16259
|
this.updateActiveItemIndex(-1);
|
|
16230
16260
|
this.resetText();
|
|
16231
16261
|
this.filterItems("");
|
|
@@ -16408,10 +16438,10 @@ class Combobox {
|
|
|
16408
16438
|
});
|
|
16409
16439
|
}
|
|
16410
16440
|
renderInput() {
|
|
16411
|
-
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems } = this;
|
|
16441
|
+
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems, open } = this;
|
|
16412
16442
|
const single = selectionMode === "single";
|
|
16413
16443
|
const selectedItem = selectedItems[0];
|
|
16414
|
-
const showLabel = !active && single && !!selectedItem;
|
|
16444
|
+
const showLabel = !(open || active) && single && !!selectedItem;
|
|
16415
16445
|
return (hAsync("span", { class: {
|
|
16416
16446
|
"input-wrap": true,
|
|
16417
16447
|
"input-wrap--single": single
|
|
@@ -16430,13 +16460,13 @@ class Combobox {
|
|
|
16430
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)));
|
|
16431
16461
|
}
|
|
16432
16462
|
renderPopperContainer() {
|
|
16433
|
-
const { active, setMenuEl, setListContainerEl } = this;
|
|
16463
|
+
const { active, setMenuEl, setListContainerEl, open } = this;
|
|
16434
16464
|
const classes = {
|
|
16435
16465
|
"list-container": true,
|
|
16436
16466
|
[CSS$D.animation]: true,
|
|
16437
|
-
[CSS$D.animationActive]: active
|
|
16467
|
+
[CSS$D.animationActive]: open || active
|
|
16438
16468
|
};
|
|
16439
|
-
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)))));
|
|
16440
16470
|
}
|
|
16441
16471
|
renderIconStart() {
|
|
16442
16472
|
var _a;
|
|
@@ -16447,21 +16477,22 @@ class Combobox {
|
|
|
16447
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" }))));
|
|
16448
16478
|
}
|
|
16449
16479
|
renderIconEnd() {
|
|
16450
|
-
const { active } = this;
|
|
16451
|
-
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" })));
|
|
16452
16482
|
}
|
|
16453
16483
|
render() {
|
|
16454
|
-
const { active, guid, label } = this;
|
|
16484
|
+
const { active, guid, label, open } = this;
|
|
16455
16485
|
const single = this.selectionMode === "single";
|
|
16456
|
-
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: {
|
|
16457
16487
|
wrapper: true,
|
|
16458
16488
|
"wrapper--single": single || !this.selectedItems.length,
|
|
16459
|
-
"wrapper--active": active
|
|
16489
|
+
"wrapper--active": open || active
|
|
16460
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 })));
|
|
16461
16491
|
}
|
|
16462
16492
|
get el() { return getElement(this); }
|
|
16463
16493
|
static get watchers() { return {
|
|
16464
16494
|
"active": ["activeHandler"],
|
|
16495
|
+
"open": ["activeHandler"],
|
|
16465
16496
|
"disabled": ["handleDisabledChange"],
|
|
16466
16497
|
"maxItems": ["maxItemsHandler"],
|
|
16467
16498
|
"value": ["valueHandler"],
|
|
@@ -16475,6 +16506,7 @@ class Combobox {
|
|
|
16475
16506
|
"$tagName$": "calcite-combobox",
|
|
16476
16507
|
"$members$": {
|
|
16477
16508
|
"active": [1540],
|
|
16509
|
+
"open": [1540],
|
|
16478
16510
|
"disabled": [516],
|
|
16479
16511
|
"label": [1],
|
|
16480
16512
|
"placeholder": [1],
|
|
@@ -16503,7 +16535,7 @@ class Combobox {
|
|
|
16503
16535
|
},
|
|
16504
16536
|
"$listeners$": [[4, "click", "documentClickHandler"], [0, "calciteComboboxItemChange", "calciteComboboxItemChangeHandler"]],
|
|
16505
16537
|
"$lazyBundleId$": "-",
|
|
16506
|
-
"$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"]]
|
|
16507
16539
|
}; }
|
|
16508
16540
|
}
|
|
16509
16541
|
|
|
@@ -18150,7 +18182,7 @@ const SLOTS$h = {
|
|
|
18150
18182
|
dropdownTrigger: "dropdown-trigger"
|
|
18151
18183
|
};
|
|
18152
18184
|
|
|
18153
|
-
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}";
|
|
18154
18186
|
|
|
18155
18187
|
/**
|
|
18156
18188
|
* @slot - A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s.
|
|
@@ -18169,8 +18201,14 @@ class Dropdown {
|
|
|
18169
18201
|
// Public Properties
|
|
18170
18202
|
//
|
|
18171
18203
|
//--------------------------------------------------------------------------
|
|
18172
|
-
/**
|
|
18204
|
+
/**
|
|
18205
|
+
* Opens or closes the dropdown
|
|
18206
|
+
*
|
|
18207
|
+
* @deprecated use open instead.
|
|
18208
|
+
*/
|
|
18173
18209
|
this.active = false;
|
|
18210
|
+
/** When true, opens the dropdown */
|
|
18211
|
+
this.open = false;
|
|
18174
18212
|
/**
|
|
18175
18213
|
allow the dropdown to remain open after a selection is made
|
|
18176
18214
|
if the selection-mode of the selected item's containing group is "none", the dropdown will always close
|
|
@@ -18257,8 +18295,9 @@ class Dropdown {
|
|
|
18257
18295
|
scrollerEl.style.minWidth = `${referenceElWidth}px`;
|
|
18258
18296
|
};
|
|
18259
18297
|
this.setMaxScrollerHeight = () => {
|
|
18260
|
-
const { active, scrollerEl } = this;
|
|
18261
|
-
|
|
18298
|
+
const { active, scrollerEl, open } = this;
|
|
18299
|
+
const isOpen = !(active || open);
|
|
18300
|
+
if (!scrollerEl || isOpen) {
|
|
18262
18301
|
return;
|
|
18263
18302
|
}
|
|
18264
18303
|
this.reposition();
|
|
@@ -18273,12 +18312,14 @@ class Dropdown {
|
|
|
18273
18312
|
};
|
|
18274
18313
|
this.transitionEnd = (event) => {
|
|
18275
18314
|
if (event.propertyName === this.activeTransitionProp) {
|
|
18276
|
-
this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
18315
|
+
this.open || this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
18277
18316
|
}
|
|
18278
18317
|
};
|
|
18279
18318
|
this.transitionRunHandler = (event) => {
|
|
18280
18319
|
if (event.propertyName === this.activeTransitionProp) {
|
|
18281
|
-
this.active
|
|
18320
|
+
this.active || this.open
|
|
18321
|
+
? this.emitOpenCloseEvent("beforeOpen")
|
|
18322
|
+
: this.emitOpenCloseEvent("beforeClose");
|
|
18282
18323
|
}
|
|
18283
18324
|
};
|
|
18284
18325
|
this.setReferenceEl = (el) => {
|
|
@@ -18294,7 +18335,7 @@ class Dropdown {
|
|
|
18294
18335
|
return;
|
|
18295
18336
|
}
|
|
18296
18337
|
const key = e.key;
|
|
18297
|
-
if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
18338
|
+
if ((this.open || this.active) && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
18298
18339
|
this.closeCalciteDropdown();
|
|
18299
18340
|
return;
|
|
18300
18341
|
}
|
|
@@ -18317,7 +18358,8 @@ class Dropdown {
|
|
|
18317
18358
|
};
|
|
18318
18359
|
this.openCalciteDropdown = () => {
|
|
18319
18360
|
this.active = !this.active;
|
|
18320
|
-
|
|
18361
|
+
this.open = !this.open;
|
|
18362
|
+
if (this.active || this.open) {
|
|
18321
18363
|
this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
|
|
18322
18364
|
}
|
|
18323
18365
|
};
|
|
@@ -18328,10 +18370,12 @@ class Dropdown {
|
|
|
18328
18370
|
return;
|
|
18329
18371
|
}
|
|
18330
18372
|
this.active = false;
|
|
18373
|
+
this.open = false;
|
|
18331
18374
|
}
|
|
18332
18375
|
handleDisabledChange(value) {
|
|
18333
18376
|
if (!value) {
|
|
18334
18377
|
this.active = false;
|
|
18378
|
+
this.open = false;
|
|
18335
18379
|
}
|
|
18336
18380
|
}
|
|
18337
18381
|
flipPlacementsHandler() {
|
|
@@ -18370,12 +18414,12 @@ class Dropdown {
|
|
|
18370
18414
|
}
|
|
18371
18415
|
}
|
|
18372
18416
|
render() {
|
|
18373
|
-
const { active } = this;
|
|
18374
|
-
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: {
|
|
18375
18419
|
["calcite-dropdown-content"]: true,
|
|
18376
18420
|
[CSS$D.animation]: true,
|
|
18377
|
-
[CSS$D.animationActive]: active
|
|
18378
|
-
}, 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 }))))));
|
|
18379
18423
|
}
|
|
18380
18424
|
//--------------------------------------------------------------------------
|
|
18381
18425
|
//
|
|
@@ -18396,7 +18440,8 @@ class Dropdown {
|
|
|
18396
18440
|
: this.createPopper();
|
|
18397
18441
|
}
|
|
18398
18442
|
closeCalciteDropdownOnClick(e) {
|
|
18399
|
-
|
|
18443
|
+
const isOpen = !(this.open || this.active);
|
|
18444
|
+
if (isOpen || e.composedPath().includes(this.el)) {
|
|
18400
18445
|
return;
|
|
18401
18446
|
}
|
|
18402
18447
|
this.closeCalciteDropdown(false);
|
|
@@ -18410,6 +18455,7 @@ class Dropdown {
|
|
|
18410
18455
|
return;
|
|
18411
18456
|
}
|
|
18412
18457
|
this.active = false;
|
|
18458
|
+
this.open = false;
|
|
18413
18459
|
}
|
|
18414
18460
|
mouseEnterHandler() {
|
|
18415
18461
|
if (this.type === "hover") {
|
|
@@ -18491,7 +18537,7 @@ class Dropdown {
|
|
|
18491
18537
|
};
|
|
18492
18538
|
const eventListenerModifier = {
|
|
18493
18539
|
name: "eventListeners",
|
|
18494
|
-
enabled: this.active
|
|
18540
|
+
enabled: this.open || this.active
|
|
18495
18541
|
};
|
|
18496
18542
|
return [flipModifier, eventListenerModifier];
|
|
18497
18543
|
}
|
|
@@ -18542,6 +18588,7 @@ class Dropdown {
|
|
|
18542
18588
|
}
|
|
18543
18589
|
closeCalciteDropdown(focusTrigger = true) {
|
|
18544
18590
|
this.active = false;
|
|
18591
|
+
this.open = false;
|
|
18545
18592
|
if (focusTrigger) {
|
|
18546
18593
|
focusElement(this.triggers[0]);
|
|
18547
18594
|
}
|
|
@@ -18579,6 +18626,7 @@ class Dropdown {
|
|
|
18579
18626
|
get el() { return getElement(this); }
|
|
18580
18627
|
static get watchers() { return {
|
|
18581
18628
|
"active": ["activeHandler"],
|
|
18629
|
+
"open": ["activeHandler"],
|
|
18582
18630
|
"disabled": ["handleDisabledChange"],
|
|
18583
18631
|
"flipPlacements": ["flipPlacementsHandler"],
|
|
18584
18632
|
"maxItems": ["maxItemsHandler"],
|
|
@@ -18590,6 +18638,7 @@ class Dropdown {
|
|
|
18590
18638
|
"$tagName$": "calcite-dropdown",
|
|
18591
18639
|
"$members$": {
|
|
18592
18640
|
"active": [1540],
|
|
18641
|
+
"open": [1540],
|
|
18593
18642
|
"disableCloseOnSelect": [516, "disable-close-on-select"],
|
|
18594
18643
|
"disabled": [516],
|
|
18595
18644
|
"flipPlacements": [16],
|
|
@@ -18604,7 +18653,7 @@ class Dropdown {
|
|
|
18604
18653
|
},
|
|
18605
18654
|
"$listeners$": [[8, "click", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "mouseenter", "mouseEnterHandler"], [1, "mouseleave", "mouseLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
|
|
18606
18655
|
"$lazyBundleId$": "-",
|
|
18607
|
-
"$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"]]
|
|
18608
18657
|
}; }
|
|
18609
18658
|
}
|
|
18610
18659
|
|
|
@@ -22304,7 +22353,7 @@ const TEXT$b = {
|
|
|
22304
22353
|
close: "Close"
|
|
22305
22354
|
};
|
|
22306
22355
|
|
|
22307
|
-
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}}";
|
|
22308
22357
|
|
|
22309
22358
|
const isFocusableExtended = (el) => {
|
|
22310
22359
|
return isCalciteFocusable(el) || isFocusable(el);
|
|
@@ -22329,9 +22378,15 @@ class Modal {
|
|
|
22329
22378
|
// Properties
|
|
22330
22379
|
//
|
|
22331
22380
|
//--------------------------------------------------------------------------
|
|
22332
|
-
/**
|
|
22381
|
+
/**
|
|
22382
|
+
* When true, the `calcite-modal` is active.
|
|
22383
|
+
*
|
|
22384
|
+
* @deprecated use open instead
|
|
22385
|
+
*/
|
|
22333
22386
|
this.active = false;
|
|
22334
|
-
/**
|
|
22387
|
+
/** When true,`calcite-modal` opens */
|
|
22388
|
+
this.open = false;
|
|
22389
|
+
/** Passes a function to run before the `calcite-modal` closes. */
|
|
22335
22390
|
this.beforeClose = () => Promise.resolve();
|
|
22336
22391
|
/** When true, disables the component's close button. */
|
|
22337
22392
|
this.disableCloseButton = false;
|
|
@@ -22364,7 +22419,7 @@ class Modal {
|
|
|
22364
22419
|
//--------------------------------------------------------------------------
|
|
22365
22420
|
this.transitionEnd = (event) => {
|
|
22366
22421
|
if (event.propertyName === this.activeTransitionProp) {
|
|
22367
|
-
this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
22422
|
+
this.open || this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
22368
22423
|
}
|
|
22369
22424
|
};
|
|
22370
22425
|
this.openEnd = () => {
|
|
@@ -22381,6 +22436,7 @@ class Modal {
|
|
|
22381
22436
|
this.close = () => {
|
|
22382
22437
|
return this.beforeClose(this.el).then(() => {
|
|
22383
22438
|
this.active = false;
|
|
22439
|
+
this.open = false;
|
|
22384
22440
|
focusElement(this.previousActiveElement);
|
|
22385
22441
|
this.removeOverflowHiddenClass();
|
|
22386
22442
|
});
|
|
@@ -22408,8 +22464,8 @@ class Modal {
|
|
|
22408
22464
|
//--------------------------------------------------------------------------
|
|
22409
22465
|
componentWillLoad() {
|
|
22410
22466
|
// when modal initially renders, if active was set we need to open as watcher doesn't fire
|
|
22411
|
-
if (this.active) {
|
|
22412
|
-
this.
|
|
22467
|
+
if (this.open || this.active) {
|
|
22468
|
+
this.openModal();
|
|
22413
22469
|
}
|
|
22414
22470
|
}
|
|
22415
22471
|
connectedCallback() {
|
|
@@ -22465,7 +22521,7 @@ class Modal {
|
|
|
22465
22521
|
//
|
|
22466
22522
|
//--------------------------------------------------------------------------
|
|
22467
22523
|
handleEscape(e) {
|
|
22468
|
-
if (this.active && !this.disableEscape && e.key === "Escape") {
|
|
22524
|
+
if ((this.open || this.active) && !this.disableEscape && e.key === "Escape") {
|
|
22469
22525
|
this.close();
|
|
22470
22526
|
}
|
|
22471
22527
|
}
|
|
@@ -22518,7 +22574,7 @@ class Modal {
|
|
|
22518
22574
|
async toggleModal(value, oldValue) {
|
|
22519
22575
|
if (value !== oldValue) {
|
|
22520
22576
|
if (value) {
|
|
22521
|
-
this.
|
|
22577
|
+
this.openModal();
|
|
22522
22578
|
}
|
|
22523
22579
|
else if (!value) {
|
|
22524
22580
|
this.close();
|
|
@@ -22526,10 +22582,11 @@ class Modal {
|
|
|
22526
22582
|
}
|
|
22527
22583
|
}
|
|
22528
22584
|
/** Open the modal */
|
|
22529
|
-
|
|
22585
|
+
openModal() {
|
|
22530
22586
|
this.previousActiveElement = document.activeElement;
|
|
22531
22587
|
this.el.addEventListener("calciteModalOpen", this.openEnd);
|
|
22532
22588
|
this.active = true;
|
|
22589
|
+
this.open = true;
|
|
22533
22590
|
const titleEl = getSlotted(this.el, SLOTS$e.header);
|
|
22534
22591
|
const contentEl = getSlotted(this.el, SLOTS$e.content);
|
|
22535
22592
|
this.titleId = ensureId(titleEl);
|
|
@@ -22541,7 +22598,8 @@ class Modal {
|
|
|
22541
22598
|
}
|
|
22542
22599
|
get el() { return getElement(this); }
|
|
22543
22600
|
static get watchers() { return {
|
|
22544
|
-
"active": ["toggleModal"]
|
|
22601
|
+
"active": ["toggleModal"],
|
|
22602
|
+
"open": ["toggleModal"]
|
|
22545
22603
|
}; }
|
|
22546
22604
|
static get style() { return modalCss; }
|
|
22547
22605
|
static get cmpMeta() { return {
|
|
@@ -22549,6 +22607,7 @@ class Modal {
|
|
|
22549
22607
|
"$tagName$": "calcite-modal",
|
|
22550
22608
|
"$members$": {
|
|
22551
22609
|
"active": [1540],
|
|
22610
|
+
"open": [1540],
|
|
22552
22611
|
"beforeClose": [16],
|
|
22553
22612
|
"disableCloseButton": [4, "disable-close-button"],
|
|
22554
22613
|
"disableOutsideClose": [4, "disable-outside-close"],
|
|
@@ -22568,7 +22627,7 @@ class Modal {
|
|
|
22568
22627
|
},
|
|
22569
22628
|
"$listeners$": [[8, "keyup", "handleEscape"]],
|
|
22570
22629
|
"$lazyBundleId$": "-",
|
|
22571
|
-
"$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"]]
|
|
22572
22631
|
}; }
|
|
22573
22632
|
}
|
|
22574
22633
|
|