@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
|
@@ -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
|
import { HTMLElement as HTMLElement$1, createEvent, h, Host, Build, forceUpdate, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
|
|
7
7
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
@@ -343,7 +343,7 @@ function toAriaBoolean(value) {
|
|
|
343
343
|
return Boolean(value).toString();
|
|
344
344
|
}
|
|
345
345
|
|
|
346
|
-
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{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--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{--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{--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){--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{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{outline-color:transparent}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{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{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,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .accordion-item-expand-icon{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{-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{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{-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{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,:host .accordion-item-description{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .accordion-item-description{margin-top:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .accordion-item-heading,:host(:hover) .accordion-item-heading{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-description,:host(:hover) .accordion-item-description{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-heading,:host(:active) .accordion-item-heading,:host([active]) .accordion-item-heading{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-description,:host(:active) .accordion-item-description,:host([active]) .accordion-item-description{color:var(--calcite-ui-text-2)}";
|
|
346
|
+
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{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--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{--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{--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){--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{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{outline-color:transparent}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]),:host([expanded]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content,:host([expanded]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header,:host([expanded]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{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{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,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;padding-top:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .accordion-item-expand-icon{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{-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,:host([expanded]) .accordion-item-expand-icon{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,:host([expanded]) .calcite--rtl .accordion-item-expand-icon{-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{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,:host .accordion-item-description{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .accordion-item-description{margin-top:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .accordion-item-heading,:host(:hover) .accordion-item-heading{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-description,:host(:hover) .accordion-item-description{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-heading,:host(:active) .accordion-item-heading,:host([active]) .accordion-item-heading,:host([expanded]) .accordion-item-heading{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon,:host([expanded]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon,:host([expanded]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-description,:host(:active) .accordion-item-description,:host([active]) .accordion-item-description,:host([expanded]) .accordion-item-description{color:var(--calcite-ui-text-2)}";
|
|
347
347
|
|
|
348
348
|
const AccordionItem = class extends HTMLElement$1 {
|
|
349
349
|
constructor() {
|
|
@@ -359,8 +359,14 @@ const AccordionItem = class extends HTMLElement$1 {
|
|
|
359
359
|
// Public Properties
|
|
360
360
|
//
|
|
361
361
|
//--------------------------------------------------------------------------
|
|
362
|
-
/**
|
|
362
|
+
/**
|
|
363
|
+
* When true, the component is active.
|
|
364
|
+
*
|
|
365
|
+
* @deprecated use expanded instead
|
|
366
|
+
*/
|
|
363
367
|
this.active = false;
|
|
368
|
+
/** When true, item is expanded */
|
|
369
|
+
this.expanded = false;
|
|
364
370
|
//--------------------------------------------------------------------------
|
|
365
371
|
//
|
|
366
372
|
// Private State/Props
|
|
@@ -403,9 +409,9 @@ const AccordionItem = class extends HTMLElement$1 {
|
|
|
403
409
|
? "chevronDown"
|
|
404
410
|
: this.iconType === "caret"
|
|
405
411
|
? "caretDown"
|
|
406
|
-
: this.active
|
|
412
|
+
: this.expanded || this.active
|
|
407
413
|
? "minus"
|
|
408
|
-
: "plus", scale: "s" })), h("div", { "aria-expanded": toAriaBoolean(this.active), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, h("slot", null)))));
|
|
414
|
+
: "plus", scale: "s" })), h("div", { "aria-expanded": toAriaBoolean(this.expanded || this.active), "aria-labelledby": buttonId, class: "accordion-item-content", id: regionId, role: "region" }, h("slot", null)))));
|
|
409
415
|
}
|
|
410
416
|
//--------------------------------------------------------------------------
|
|
411
417
|
//
|
|
@@ -452,13 +458,16 @@ const AccordionItem = class extends HTMLElement$1 {
|
|
|
452
458
|
case "multi":
|
|
453
459
|
if (this.el === this.requestedAccordionItem) {
|
|
454
460
|
this.active = !this.active;
|
|
461
|
+
this.expanded = !this.expanded;
|
|
455
462
|
}
|
|
456
463
|
break;
|
|
457
464
|
case "single":
|
|
458
465
|
this.active = this.el === this.requestedAccordionItem ? !this.active : false;
|
|
466
|
+
this.expanded = this.el === this.requestedAccordionItem ? !this.expanded : false;
|
|
459
467
|
break;
|
|
460
468
|
case "single-persist":
|
|
461
469
|
this.active = this.el === this.requestedAccordionItem;
|
|
470
|
+
this.expanded = this.el === this.requestedAccordionItem;
|
|
462
471
|
break;
|
|
463
472
|
}
|
|
464
473
|
}
|
|
@@ -9616,8 +9625,14 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9616
9625
|
// Public Properties
|
|
9617
9626
|
//
|
|
9618
9627
|
//--------------------------------------------------------------------------
|
|
9619
|
-
/**
|
|
9628
|
+
/**
|
|
9629
|
+
* When true, opens the combobox
|
|
9630
|
+
*
|
|
9631
|
+
* @deprecated use open instead
|
|
9632
|
+
*/
|
|
9620
9633
|
this.active = false;
|
|
9634
|
+
/**When true, opens the combobox */
|
|
9635
|
+
this.open = false;
|
|
9621
9636
|
/** Disable combobox input */
|
|
9622
9637
|
this.disabled = false;
|
|
9623
9638
|
/** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
|
|
@@ -9691,8 +9706,9 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9691
9706
|
this.addCustomChip(this.text, true);
|
|
9692
9707
|
event.preventDefault();
|
|
9693
9708
|
}
|
|
9694
|
-
else if (this.active) {
|
|
9709
|
+
else if (this.open || this.active) {
|
|
9695
9710
|
this.active = false;
|
|
9711
|
+
this.open = false;
|
|
9696
9712
|
event.preventDefault();
|
|
9697
9713
|
}
|
|
9698
9714
|
break;
|
|
@@ -9709,9 +9725,10 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9709
9725
|
}
|
|
9710
9726
|
break;
|
|
9711
9727
|
case "ArrowDown":
|
|
9712
|
-
if (!this.active) {
|
|
9728
|
+
if (!(this.open || this.active)) {
|
|
9713
9729
|
event.preventDefault();
|
|
9714
9730
|
this.active = true;
|
|
9731
|
+
this.open = true;
|
|
9715
9732
|
}
|
|
9716
9733
|
this.shiftActiveItemIndex(1);
|
|
9717
9734
|
if (!this.comboboxInViewport()) {
|
|
@@ -9722,11 +9739,12 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9722
9739
|
if (!this.textInput.value) {
|
|
9723
9740
|
event.preventDefault();
|
|
9724
9741
|
this.active = true;
|
|
9742
|
+
this.open = true;
|
|
9725
9743
|
this.shiftActiveItemIndex(1);
|
|
9726
9744
|
}
|
|
9727
9745
|
break;
|
|
9728
9746
|
case "Home":
|
|
9729
|
-
if (this.active) {
|
|
9747
|
+
if (this.open || this.active) {
|
|
9730
9748
|
event.preventDefault();
|
|
9731
9749
|
}
|
|
9732
9750
|
this.updateActiveItemIndex(0);
|
|
@@ -9736,7 +9754,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9736
9754
|
}
|
|
9737
9755
|
break;
|
|
9738
9756
|
case "End":
|
|
9739
|
-
if (this.active) {
|
|
9757
|
+
if (this.open || this.active) {
|
|
9740
9758
|
event.preventDefault();
|
|
9741
9759
|
}
|
|
9742
9760
|
this.updateActiveItemIndex(this.visibleItems.length - 1);
|
|
@@ -9747,6 +9765,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9747
9765
|
break;
|
|
9748
9766
|
case "Escape":
|
|
9749
9767
|
this.active = false;
|
|
9768
|
+
this.open = false;
|
|
9750
9769
|
break;
|
|
9751
9770
|
case "Enter":
|
|
9752
9771
|
if (this.activeItemIndex > -1) {
|
|
@@ -9775,15 +9794,17 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9775
9794
|
};
|
|
9776
9795
|
this.toggleCloseEnd = () => {
|
|
9777
9796
|
this.active = false;
|
|
9797
|
+
this.open = false;
|
|
9778
9798
|
this.el.removeEventListener("calciteComboboxClose", this.toggleCloseEnd);
|
|
9779
9799
|
};
|
|
9780
9800
|
this.toggleOpenEnd = () => {
|
|
9781
9801
|
this.active = true;
|
|
9802
|
+
this.open = false;
|
|
9782
9803
|
this.el.removeEventListener("calciteComboboxOpen", this.toggleOpenEnd);
|
|
9783
9804
|
};
|
|
9784
9805
|
this.transitionEnd = (event) => {
|
|
9785
9806
|
if (event.propertyName === this.activeTransitionProp) {
|
|
9786
|
-
this.active ? this.onOpen() : this.onClose();
|
|
9807
|
+
this.open || this.active ? this.onOpen() : this.onClose();
|
|
9787
9808
|
}
|
|
9788
9809
|
};
|
|
9789
9810
|
/* *
|
|
@@ -9792,12 +9813,13 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9792
9813
|
*/
|
|
9793
9814
|
this.transitionRunHandler = (event) => {
|
|
9794
9815
|
if (event.propertyName === this.activeTransitionProp) {
|
|
9795
|
-
this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
9816
|
+
this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
9796
9817
|
}
|
|
9797
9818
|
};
|
|
9798
9819
|
this.setMaxScrollerHeight = async () => {
|
|
9799
|
-
const { active, listContainerEl } = this;
|
|
9800
|
-
|
|
9820
|
+
const { active, listContainerEl, open } = this;
|
|
9821
|
+
const isOpen = !(active || open);
|
|
9822
|
+
if (!listContainerEl || isOpen) {
|
|
9801
9823
|
return;
|
|
9802
9824
|
}
|
|
9803
9825
|
await this.reposition();
|
|
@@ -9807,6 +9829,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9807
9829
|
};
|
|
9808
9830
|
this.calciteChipDismissHandler = (event, comboboxItem) => {
|
|
9809
9831
|
this.active = false;
|
|
9832
|
+
this.open = false;
|
|
9810
9833
|
const selection = this.items.find((item) => item === comboboxItem);
|
|
9811
9834
|
if (selection) {
|
|
9812
9835
|
this.toggleSelection(selection, false);
|
|
@@ -9818,12 +9841,14 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9818
9841
|
return;
|
|
9819
9842
|
}
|
|
9820
9843
|
this.active = !this.active;
|
|
9844
|
+
this.open = !this.open;
|
|
9821
9845
|
this.updateActiveItemIndex(0);
|
|
9822
9846
|
this.setFocus();
|
|
9823
9847
|
};
|
|
9824
9848
|
this.setInactiveIfNotContained = (event) => {
|
|
9825
9849
|
const composedPath = event.composedPath();
|
|
9826
|
-
|
|
9850
|
+
const isOpen = !(this.open || this.active);
|
|
9851
|
+
if (isOpen || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
|
|
9827
9852
|
return;
|
|
9828
9853
|
}
|
|
9829
9854
|
if (this.allowCustomValues && this.text.trim().length) {
|
|
@@ -9838,6 +9863,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9838
9863
|
this.updateActiveItemIndex(-1);
|
|
9839
9864
|
}
|
|
9840
9865
|
this.active = false;
|
|
9866
|
+
this.open = false;
|
|
9841
9867
|
};
|
|
9842
9868
|
this.setMenuEl = (el) => {
|
|
9843
9869
|
this.menuEl = el;
|
|
@@ -9929,6 +9955,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9929
9955
|
activeHandler() {
|
|
9930
9956
|
if (this.disabled) {
|
|
9931
9957
|
this.active = false;
|
|
9958
|
+
this.open = false;
|
|
9932
9959
|
return;
|
|
9933
9960
|
}
|
|
9934
9961
|
this.setMaxScrollerHeight();
|
|
@@ -9936,6 +9963,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9936
9963
|
handleDisabledChange(value) {
|
|
9937
9964
|
if (!value) {
|
|
9938
9965
|
this.active = false;
|
|
9966
|
+
this.open = false;
|
|
9939
9967
|
}
|
|
9940
9968
|
}
|
|
9941
9969
|
maxItemsHandler() {
|
|
@@ -10079,7 +10107,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10079
10107
|
};
|
|
10080
10108
|
const eventListenerModifier = {
|
|
10081
10109
|
name: "eventListeners",
|
|
10082
|
-
enabled: this.active
|
|
10110
|
+
enabled: this.open || this.active
|
|
10083
10111
|
};
|
|
10084
10112
|
return [flipModifier, eventListenerModifier];
|
|
10085
10113
|
}
|
|
@@ -10157,6 +10185,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10157
10185
|
this.textInput.value = item.textLabel;
|
|
10158
10186
|
}
|
|
10159
10187
|
this.active = false;
|
|
10188
|
+
this.open = false;
|
|
10160
10189
|
this.updateActiveItemIndex(-1);
|
|
10161
10190
|
this.resetText();
|
|
10162
10191
|
this.filterItems("");
|
|
@@ -10339,10 +10368,10 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10339
10368
|
});
|
|
10340
10369
|
}
|
|
10341
10370
|
renderInput() {
|
|
10342
|
-
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems } = this;
|
|
10371
|
+
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems, open } = this;
|
|
10343
10372
|
const single = selectionMode === "single";
|
|
10344
10373
|
const selectedItem = selectedItems[0];
|
|
10345
|
-
const showLabel = !active && single && !!selectedItem;
|
|
10374
|
+
const showLabel = !(open || active) && single && !!selectedItem;
|
|
10346
10375
|
return (h("span", { class: {
|
|
10347
10376
|
"input-wrap": true,
|
|
10348
10377
|
"input-wrap--single": single
|
|
@@ -10361,13 +10390,13 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10361
10390
|
return this.visibleItems.map((item) => (h("li", { "aria-selected": toAriaBoolean(item.selected), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
|
|
10362
10391
|
}
|
|
10363
10392
|
renderPopperContainer() {
|
|
10364
|
-
const { active, setMenuEl, setListContainerEl } = this;
|
|
10393
|
+
const { active, setMenuEl, setListContainerEl, open } = this;
|
|
10365
10394
|
const classes = {
|
|
10366
10395
|
"list-container": true,
|
|
10367
10396
|
[CSS$D.animation]: true,
|
|
10368
|
-
[CSS$D.animationActive]: active
|
|
10397
|
+
[CSS$D.animationActive]: open || active
|
|
10369
10398
|
};
|
|
10370
|
-
return (h("div", { "aria-hidden": "true", class: { "popper-container": true, "popper-container--active": active }, ref: setMenuEl }, h("div", { class: classes, onTransitionEnd: this.transitionEnd, ref: setListContainerEl }, h("ul", { class: { list: true, "list--hide": !active } }, h("slot", null)))));
|
|
10399
|
+
return (h("div", { "aria-hidden": "true", class: { "popper-container": true, "popper-container--active": open || active }, ref: setMenuEl }, h("div", { class: classes, onTransitionEnd: this.transitionEnd, ref: setListContainerEl }, h("ul", { class: { list: true, "list--hide": !(open || active) } }, h("slot", null)))));
|
|
10371
10400
|
}
|
|
10372
10401
|
renderIconStart() {
|
|
10373
10402
|
var _a;
|
|
@@ -10378,21 +10407,22 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10378
10407
|
((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon) || placeholderIcon) && (h("span", { class: "icon-start" }, h("calcite-icon", { class: "selected-icon", icon: (_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon) !== null && _a !== void 0 ? _a : placeholderIcon, scale: "s" }))));
|
|
10379
10408
|
}
|
|
10380
10409
|
renderIconEnd() {
|
|
10381
|
-
const { active } = this;
|
|
10382
|
-
return (h("span", { class: "icon-end" }, h("calcite-icon", { icon: active ? "chevron-up" : "chevron-down", scale: "s" })));
|
|
10410
|
+
const { active, open } = this;
|
|
10411
|
+
return (h("span", { class: "icon-end" }, h("calcite-icon", { icon: active || open ? "chevron-up" : "chevron-down", scale: "s" })));
|
|
10383
10412
|
}
|
|
10384
10413
|
render() {
|
|
10385
|
-
const { active, guid, label } = this;
|
|
10414
|
+
const { active, guid, label, open } = this;
|
|
10386
10415
|
const single = this.selectionMode === "single";
|
|
10387
|
-
return (h(Host, { onKeyDown: this.keydownHandler }, h("div", { "aria-autocomplete": "list", "aria-expanded": toAriaBoolean(active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
|
|
10416
|
+
return (h(Host, { onKeyDown: this.keydownHandler }, h("div", { "aria-autocomplete": "list", "aria-expanded": toAriaBoolean(open || active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
|
|
10388
10417
|
wrapper: true,
|
|
10389
10418
|
"wrapper--single": single || !this.selectedItems.length,
|
|
10390
|
-
"wrapper--active": active
|
|
10419
|
+
"wrapper--active": open || active
|
|
10391
10420
|
}, onClick: this.clickHandler, ref: this.setReferenceEl, role: "combobox" }, h("div", { class: "grid-input" }, this.renderIconStart(), !single && this.renderChips(), h("label", { class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), this.renderIconEnd()), h("ul", { "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderPopperContainer(), h(HiddenFormInputSlot, { component: this })));
|
|
10392
10421
|
}
|
|
10393
10422
|
get el() { return this; }
|
|
10394
10423
|
static get watchers() { return {
|
|
10395
10424
|
"active": ["activeHandler"],
|
|
10425
|
+
"open": ["activeHandler"],
|
|
10396
10426
|
"disabled": ["handleDisabledChange"],
|
|
10397
10427
|
"maxItems": ["maxItemsHandler"],
|
|
10398
10428
|
"value": ["valueHandler"],
|
|
@@ -12037,7 +12067,7 @@ const SLOTS$h = {
|
|
|
12037
12067
|
dropdownTrigger: "dropdown-trigger"
|
|
12038
12068
|
};
|
|
12039
12069
|
|
|
12040
|
-
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{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{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{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{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{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{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";
|
|
12070
|
+
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{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{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{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{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{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{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";
|
|
12041
12071
|
|
|
12042
12072
|
const Dropdown = class extends HTMLElement$1 {
|
|
12043
12073
|
constructor() {
|
|
@@ -12054,8 +12084,14 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12054
12084
|
// Public Properties
|
|
12055
12085
|
//
|
|
12056
12086
|
//--------------------------------------------------------------------------
|
|
12057
|
-
/**
|
|
12087
|
+
/**
|
|
12088
|
+
* Opens or closes the dropdown
|
|
12089
|
+
*
|
|
12090
|
+
* @deprecated use open instead.
|
|
12091
|
+
*/
|
|
12058
12092
|
this.active = false;
|
|
12093
|
+
/** When true, opens the dropdown */
|
|
12094
|
+
this.open = false;
|
|
12059
12095
|
/**
|
|
12060
12096
|
allow the dropdown to remain open after a selection is made
|
|
12061
12097
|
if the selection-mode of the selected item's containing group is "none", the dropdown will always close
|
|
@@ -12142,8 +12178,9 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12142
12178
|
scrollerEl.style.minWidth = `${referenceElWidth}px`;
|
|
12143
12179
|
};
|
|
12144
12180
|
this.setMaxScrollerHeight = () => {
|
|
12145
|
-
const { active, scrollerEl } = this;
|
|
12146
|
-
|
|
12181
|
+
const { active, scrollerEl, open } = this;
|
|
12182
|
+
const isOpen = !(active || open);
|
|
12183
|
+
if (!scrollerEl || isOpen) {
|
|
12147
12184
|
return;
|
|
12148
12185
|
}
|
|
12149
12186
|
this.reposition();
|
|
@@ -12158,12 +12195,14 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12158
12195
|
};
|
|
12159
12196
|
this.transitionEnd = (event) => {
|
|
12160
12197
|
if (event.propertyName === this.activeTransitionProp) {
|
|
12161
|
-
this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
12198
|
+
this.open || this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
12162
12199
|
}
|
|
12163
12200
|
};
|
|
12164
12201
|
this.transitionRunHandler = (event) => {
|
|
12165
12202
|
if (event.propertyName === this.activeTransitionProp) {
|
|
12166
|
-
this.active
|
|
12203
|
+
this.active || this.open
|
|
12204
|
+
? this.emitOpenCloseEvent("beforeOpen")
|
|
12205
|
+
: this.emitOpenCloseEvent("beforeClose");
|
|
12167
12206
|
}
|
|
12168
12207
|
};
|
|
12169
12208
|
this.setReferenceEl = (el) => {
|
|
@@ -12179,7 +12218,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12179
12218
|
return;
|
|
12180
12219
|
}
|
|
12181
12220
|
const key = e.key;
|
|
12182
|
-
if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
12221
|
+
if ((this.open || this.active) && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
12183
12222
|
this.closeCalciteDropdown();
|
|
12184
12223
|
return;
|
|
12185
12224
|
}
|
|
@@ -12202,7 +12241,8 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12202
12241
|
};
|
|
12203
12242
|
this.openCalciteDropdown = () => {
|
|
12204
12243
|
this.active = !this.active;
|
|
12205
|
-
|
|
12244
|
+
this.open = !this.open;
|
|
12245
|
+
if (this.active || this.open) {
|
|
12206
12246
|
this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
|
|
12207
12247
|
}
|
|
12208
12248
|
};
|
|
@@ -12213,10 +12253,12 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12213
12253
|
return;
|
|
12214
12254
|
}
|
|
12215
12255
|
this.active = false;
|
|
12256
|
+
this.open = false;
|
|
12216
12257
|
}
|
|
12217
12258
|
handleDisabledChange(value) {
|
|
12218
12259
|
if (!value) {
|
|
12219
12260
|
this.active = false;
|
|
12261
|
+
this.open = false;
|
|
12220
12262
|
}
|
|
12221
12263
|
}
|
|
12222
12264
|
flipPlacementsHandler() {
|
|
@@ -12255,12 +12297,12 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12255
12297
|
}
|
|
12256
12298
|
}
|
|
12257
12299
|
render() {
|
|
12258
|
-
const { active } = this;
|
|
12259
|
-
return (h(Host, null, h("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, h("slot", { "aria-expanded": toAriaBoolean(active), "aria-haspopup": "true", name: SLOTS$h.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!active), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, h("div", { class: {
|
|
12300
|
+
const { active, open } = this;
|
|
12301
|
+
return (h(Host, null, h("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, h("slot", { "aria-expanded": toAriaBoolean(active || open), "aria-haspopup": "true", name: SLOTS$h.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!(active || open)), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, h("div", { class: {
|
|
12260
12302
|
["calcite-dropdown-content"]: true,
|
|
12261
12303
|
[CSS$D.animation]: true,
|
|
12262
|
-
[CSS$D.animationActive]: active
|
|
12263
|
-
}, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, h("div", { hidden: !
|
|
12304
|
+
[CSS$D.animationActive]: active || open
|
|
12305
|
+
}, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, h("div", { hidden: !(open || active) }, h("slot", { onSlotchange: this.updateGroups }))))));
|
|
12264
12306
|
}
|
|
12265
12307
|
//--------------------------------------------------------------------------
|
|
12266
12308
|
//
|
|
@@ -12281,7 +12323,8 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12281
12323
|
: this.createPopper();
|
|
12282
12324
|
}
|
|
12283
12325
|
closeCalciteDropdownOnClick(e) {
|
|
12284
|
-
|
|
12326
|
+
const isOpen = !(this.open || this.active);
|
|
12327
|
+
if (isOpen || e.composedPath().includes(this.el)) {
|
|
12285
12328
|
return;
|
|
12286
12329
|
}
|
|
12287
12330
|
this.closeCalciteDropdown(false);
|
|
@@ -12295,6 +12338,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12295
12338
|
return;
|
|
12296
12339
|
}
|
|
12297
12340
|
this.active = false;
|
|
12341
|
+
this.open = false;
|
|
12298
12342
|
}
|
|
12299
12343
|
mouseEnterHandler() {
|
|
12300
12344
|
if (this.type === "hover") {
|
|
@@ -12376,7 +12420,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12376
12420
|
};
|
|
12377
12421
|
const eventListenerModifier = {
|
|
12378
12422
|
name: "eventListeners",
|
|
12379
|
-
enabled: this.active
|
|
12423
|
+
enabled: this.open || this.active
|
|
12380
12424
|
};
|
|
12381
12425
|
return [flipModifier, eventListenerModifier];
|
|
12382
12426
|
}
|
|
@@ -12427,6 +12471,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12427
12471
|
}
|
|
12428
12472
|
closeCalciteDropdown(focusTrigger = true) {
|
|
12429
12473
|
this.active = false;
|
|
12474
|
+
this.open = false;
|
|
12430
12475
|
if (focusTrigger) {
|
|
12431
12476
|
focusElement(this.triggers[0]);
|
|
12432
12477
|
}
|
|
@@ -12464,6 +12509,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12464
12509
|
get el() { return this; }
|
|
12465
12510
|
static get watchers() { return {
|
|
12466
12511
|
"active": ["activeHandler"],
|
|
12512
|
+
"open": ["activeHandler"],
|
|
12467
12513
|
"disabled": ["handleDisabledChange"],
|
|
12468
12514
|
"flipPlacements": ["flipPlacementsHandler"],
|
|
12469
12515
|
"maxItems": ["maxItemsHandler"],
|
|
@@ -15876,7 +15922,7 @@ const TEXT$b = {
|
|
|
15876
15922
|
close: "Close"
|
|
15877
15923
|
};
|
|
15878
15924
|
|
|
15879
|
-
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{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position: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]){--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]){--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]){--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{--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{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]){opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}:host([active]) .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{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{-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{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{-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(*),*::slotted([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{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{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}.content--no-footer{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text)}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{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,.footer--hide-secondary .secondary{display:none}.back{display:block;-webkit-margin-end:auto;margin-inline-end:auto}.secondary{margin-left:0.25rem;margin-right:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{width:auto}:host([width=s]) .modal{max-width:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=s]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=s][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=m]) .modal{max-width:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=m]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=m][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=l]) .modal{max-width:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=l]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=l][docked]){-ms-flex-align:end;align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .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{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host([active][fullscreen]) .modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}:host([active][fullscreen]) .header{border-radius:0}:host([active][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{height:auto}:host([docked]) .content{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-start-end-radius:var(--calcite-border-radius)}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0px;border-top-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-bottom-right-radius:0px;border-bottom-left-radius:0px}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:-webkit-sticky;position:sticky;bottom:0px}}@media screen and (max-width: 480px){.footer{-ms-flex-direction:column;flex-direction:column}.back,.secondary{margin:0px;margin-bottom:0.25rem}}";
|
|
15925
|
+
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{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position: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]){--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]){--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]){--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{--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{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]),:host([open]){opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}:host([active]) .modal,:host([open]) .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{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{-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{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{-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(*),*::slotted([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{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{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}.content--no-footer{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text)}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{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,.footer--hide-secondary .secondary{display:none}.back{display:block;-webkit-margin-end:auto;margin-inline-end:auto}.secondary{margin-left:0.25rem;margin-right:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{width:auto}:host([width=s]) .modal{max-width:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=s]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=s][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=m]) .modal{max-width:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=m]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=m][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=l]) .modal{max-width:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=l]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=l][docked]){-ms-flex-align:end;align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .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{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host([active][fullscreen]) .modal,:host([open][fullscreen]) .modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}:host([active][fullscreen]) .header,:host([open][fullscreen]) .header{border-radius:0}:host([active][fullscreen]) .footer,:host([open][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{height:auto}:host([docked]) .content{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-start-end-radius:var(--calcite-border-radius)}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0px;border-top-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-bottom-right-radius:0px;border-bottom-left-radius:0px}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:-webkit-sticky;position:sticky;bottom:0px}}@media screen and (max-width: 480px){.footer{-ms-flex-direction:column;flex-direction:column}.back,.secondary{margin:0px;margin-bottom:0.25rem}}";
|
|
15880
15926
|
|
|
15881
15927
|
const isFocusableExtended = (el) => {
|
|
15882
15928
|
return isCalciteFocusable(el) || isFocusable(el);
|
|
@@ -15896,9 +15942,15 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15896
15942
|
// Properties
|
|
15897
15943
|
//
|
|
15898
15944
|
//--------------------------------------------------------------------------
|
|
15899
|
-
/**
|
|
15945
|
+
/**
|
|
15946
|
+
* When true, the `calcite-modal` is active.
|
|
15947
|
+
*
|
|
15948
|
+
* @deprecated use open instead
|
|
15949
|
+
*/
|
|
15900
15950
|
this.active = false;
|
|
15901
|
-
/**
|
|
15951
|
+
/** When true,`calcite-modal` opens */
|
|
15952
|
+
this.open = false;
|
|
15953
|
+
/** Passes a function to run before the `calcite-modal` closes. */
|
|
15902
15954
|
this.beforeClose = () => Promise.resolve();
|
|
15903
15955
|
/** When true, disables the component's close button. */
|
|
15904
15956
|
this.disableCloseButton = false;
|
|
@@ -15931,7 +15983,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15931
15983
|
//--------------------------------------------------------------------------
|
|
15932
15984
|
this.transitionEnd = (event) => {
|
|
15933
15985
|
if (event.propertyName === this.activeTransitionProp) {
|
|
15934
|
-
this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
15986
|
+
this.open || this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
15935
15987
|
}
|
|
15936
15988
|
};
|
|
15937
15989
|
this.openEnd = () => {
|
|
@@ -15948,6 +16000,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15948
16000
|
this.close = () => {
|
|
15949
16001
|
return this.beforeClose(this.el).then(() => {
|
|
15950
16002
|
this.active = false;
|
|
16003
|
+
this.open = false;
|
|
15951
16004
|
focusElement(this.previousActiveElement);
|
|
15952
16005
|
this.removeOverflowHiddenClass();
|
|
15953
16006
|
});
|
|
@@ -15975,8 +16028,8 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15975
16028
|
//--------------------------------------------------------------------------
|
|
15976
16029
|
componentWillLoad() {
|
|
15977
16030
|
// when modal initially renders, if active was set we need to open as watcher doesn't fire
|
|
15978
|
-
if (this.active) {
|
|
15979
|
-
this.
|
|
16031
|
+
if (this.open || this.active) {
|
|
16032
|
+
this.openModal();
|
|
15980
16033
|
}
|
|
15981
16034
|
}
|
|
15982
16035
|
connectedCallback() {
|
|
@@ -16032,7 +16085,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16032
16085
|
//
|
|
16033
16086
|
//--------------------------------------------------------------------------
|
|
16034
16087
|
handleEscape(e) {
|
|
16035
|
-
if (this.active && !this.disableEscape && e.key === "Escape") {
|
|
16088
|
+
if ((this.open || this.active) && !this.disableEscape && e.key === "Escape") {
|
|
16036
16089
|
this.close();
|
|
16037
16090
|
}
|
|
16038
16091
|
}
|
|
@@ -16085,7 +16138,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16085
16138
|
async toggleModal(value, oldValue) {
|
|
16086
16139
|
if (value !== oldValue) {
|
|
16087
16140
|
if (value) {
|
|
16088
|
-
this.
|
|
16141
|
+
this.openModal();
|
|
16089
16142
|
}
|
|
16090
16143
|
else if (!value) {
|
|
16091
16144
|
this.close();
|
|
@@ -16093,10 +16146,11 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16093
16146
|
}
|
|
16094
16147
|
}
|
|
16095
16148
|
/** Open the modal */
|
|
16096
|
-
|
|
16149
|
+
openModal() {
|
|
16097
16150
|
this.previousActiveElement = document.activeElement;
|
|
16098
16151
|
this.el.addEventListener("calciteModalOpen", this.openEnd);
|
|
16099
16152
|
this.active = true;
|
|
16153
|
+
this.open = true;
|
|
16100
16154
|
const titleEl = getSlotted(this.el, SLOTS$e.header);
|
|
16101
16155
|
const contentEl = getSlotted(this.el, SLOTS$e.content);
|
|
16102
16156
|
this.titleId = ensureId(titleEl);
|
|
@@ -16108,7 +16162,8 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16108
16162
|
}
|
|
16109
16163
|
get el() { return this; }
|
|
16110
16164
|
static get watchers() { return {
|
|
16111
|
-
"active": ["toggleModal"]
|
|
16165
|
+
"active": ["toggleModal"],
|
|
16166
|
+
"open": ["toggleModal"]
|
|
16112
16167
|
}; }
|
|
16113
16168
|
static get style() { return modalCss; }
|
|
16114
16169
|
};
|
|
@@ -27143,7 +27198,7 @@ const ValueListItem = class extends HTMLElement$1 {
|
|
|
27143
27198
|
};
|
|
27144
27199
|
|
|
27145
27200
|
const CalciteAccordion = /*@__PURE__*/proxyCustomElement(Accordion, [1,"calcite-accordion",{"appearance":[513],"iconPosition":[513,"icon-position"],"iconType":[513,"icon-type"],"scale":[513],"selectionMode":[513,"selection-mode"]},[[0,"calciteInternalAccordionItemKeyEvent","calciteInternalAccordionItemKeyEvent"],[0,"calciteInternalAccordionItemRegister","registerCalciteAccordionItem"],[0,"calciteInternalAccordionItemSelect","updateActiveItemOnChange"]]]);
|
|
27146
|
-
const CalciteAccordionItem = /*@__PURE__*/proxyCustomElement(AccordionItem, [1,"calcite-accordion-item",{"active":[1540],"itemTitle":[1,"item-title"],"itemSubtitle":[1,"item-subtitle"],"heading":[1],"description":[1],"icon":[513]},[[0,"keydown","keyDownHandler"],[16,"calciteInternalAccordionChange","updateActiveItemOnChange"]]]);
|
|
27201
|
+
const CalciteAccordionItem = /*@__PURE__*/proxyCustomElement(AccordionItem, [1,"calcite-accordion-item",{"active":[1540],"expanded":[1540],"itemTitle":[1,"item-title"],"itemSubtitle":[1,"item-subtitle"],"heading":[1],"description":[1],"icon":[513]},[[0,"keydown","keyDownHandler"],[16,"calciteInternalAccordionChange","updateActiveItemOnChange"]]]);
|
|
27147
27202
|
const CalciteAction = /*@__PURE__*/proxyCustomElement(Action, [1,"calcite-action",{"active":[516],"alignment":[513],"appearance":[513],"compact":[516],"disabled":[516],"icon":[1],"indicator":[516],"intlLoading":[1,"intl-loading"],"label":[1],"loading":[516],"scale":[513],"text":[1],"textEnabled":[516,"text-enabled"]}]);
|
|
27148
27203
|
const CalciteActionBar = /*@__PURE__*/proxyCustomElement(ActionBar, [1,"calcite-action-bar",{"expandDisabled":[516,"expand-disabled"],"expanded":[1540],"intlExpand":[1,"intl-expand"],"intlCollapse":[1,"intl-collapse"],"overflowActionsDisabled":[4,"overflow-actions-disabled"],"position":[513],"scale":[513]}]);
|
|
27149
27204
|
const CalciteActionGroup = /*@__PURE__*/proxyCustomElement(ActionGroup, [1,"calcite-action-group",{"expanded":[516],"layout":[513],"columns":[514],"intlMore":[1,"intl-more"],"menuOpen":[1540,"menu-open"],"scale":[513]}]);
|
|
@@ -27160,14 +27215,14 @@ const CalciteChip = /*@__PURE__*/proxyCustomElement(Chip, [1,"calcite-chip",{"ap
|
|
|
27160
27215
|
const CalciteColorPicker = /*@__PURE__*/proxyCustomElement(ColorPicker, [1,"calcite-color-picker",{"allowEmpty":[4,"allow-empty"],"appearance":[513],"color":[1040],"disabled":[516],"format":[1],"hideHex":[4,"hide-hex"],"hideChannels":[4,"hide-channels"],"hideSaved":[4,"hide-saved"],"intlB":[1,"intl-b"],"intlBlue":[1,"intl-blue"],"intlDeleteColor":[1,"intl-delete-color"],"intlG":[1,"intl-g"],"intlGreen":[1,"intl-green"],"intlH":[1,"intl-h"],"intlHsv":[1,"intl-hsv"],"intlHex":[1,"intl-hex"],"intlHue":[1,"intl-hue"],"intlNoColor":[1,"intl-no-color"],"intlR":[1,"intl-r"],"intlRed":[1,"intl-red"],"intlRgb":[1,"intl-rgb"],"intlS":[1,"intl-s"],"intlSaturation":[1,"intl-saturation"],"intlSaveColor":[1,"intl-save-color"],"intlSaved":[1,"intl-saved"],"intlV":[1,"intl-v"],"intlValue":[1,"intl-value"],"scale":[513],"storageId":[1,"storage-id"],"numberingSystem":[1,"numbering-system"],"value":[1025],"colorFieldAndSliderInteractive":[32],"channelMode":[32],"channels":[32],"dimensions":[32],"savedColors":[32],"colorFieldScopeTop":[32],"colorFieldScopeLeft":[32],"scopeOrientation":[32],"hueScopeLeft":[32],"hueScopeTop":[32]},[[2,"keydown","handleChannelKeyUpOrDown"],[2,"keyup","handleChannelKeyUpOrDown"]]]);
|
|
27161
27216
|
const CalciteColorPickerHexInput = /*@__PURE__*/proxyCustomElement(ColorPickerHexInput, [1,"calcite-color-picker-hex-input",{"allowEmpty":[4,"allow-empty"],"intlHex":[1,"intl-hex"],"intlNoColor":[1,"intl-no-color"],"scale":[513],"value":[1537],"numberingSystem":[1,"numbering-system"],"internalColor":[32]},[[2,"keydown","onInputKeyDown"]]]);
|
|
27162
27217
|
const CalciteColorPickerSwatch = /*@__PURE__*/proxyCustomElement(ColorPickerSwatch, [1,"calcite-color-picker-swatch",{"active":[516],"color":[1],"scale":[513]}]);
|
|
27163
|
-
const CalciteCombobox = /*@__PURE__*/proxyCustomElement(Combobox, [1,"calcite-combobox",{"active":[1540],"disabled":[516],"label":[1],"placeholder":[1],"placeholderIcon":[1,"placeholder-icon"],"maxItems":[2,"max-items"],"name":[513],"allowCustomValues":[4,"allow-custom-values"],"overlayPositioning":[1,"overlay-positioning"],"required":[4],"selectionMode":[513,"selection-mode"],"scale":[513],"value":[1025],"intlRemoveTag":[1,"intl-remove-tag"],"flipPlacements":[16],"items":[32],"groupItems":[32],"selectedItems":[32],"visibleItems":[32],"needsIcon":[32],"activeItemIndex":[32],"activeChipIndex":[32],"activeDescendant":[32],"text":[32]},[[4,"click","documentClickHandler"],[0,"calciteComboboxItemChange","calciteComboboxItemChangeHandler"]]]);
|
|
27218
|
+
const CalciteCombobox = /*@__PURE__*/proxyCustomElement(Combobox, [1,"calcite-combobox",{"active":[1540],"open":[1540],"disabled":[516],"label":[1],"placeholder":[1],"placeholderIcon":[1,"placeholder-icon"],"maxItems":[2,"max-items"],"name":[513],"allowCustomValues":[4,"allow-custom-values"],"overlayPositioning":[1,"overlay-positioning"],"required":[4],"selectionMode":[513,"selection-mode"],"scale":[513],"value":[1025],"intlRemoveTag":[1,"intl-remove-tag"],"flipPlacements":[16],"items":[32],"groupItems":[32],"selectedItems":[32],"visibleItems":[32],"needsIcon":[32],"activeItemIndex":[32],"activeChipIndex":[32],"activeDescendant":[32],"text":[32]},[[4,"click","documentClickHandler"],[0,"calciteComboboxItemChange","calciteComboboxItemChangeHandler"]]]);
|
|
27164
27219
|
const CalciteComboboxItem = /*@__PURE__*/proxyCustomElement(ComboboxItem, [1,"calcite-combobox-item",{"disabled":[516],"selected":[1540],"active":[4],"ancestors":[1040],"guid":[1],"icon":[1],"textLabel":[513,"text-label"],"value":[8],"constant":[516],"filterDisabled":[4,"filter-disabled"]}]);
|
|
27165
27220
|
const CalciteComboboxItemGroup = /*@__PURE__*/proxyCustomElement(ComboboxItemGroup, [1,"calcite-combobox-item-group",{"ancestors":[1040],"label":[1]}]);
|
|
27166
27221
|
const CalciteDatePicker = /*@__PURE__*/proxyCustomElement(DatePicker, [1,"calcite-date-picker",{"activeRange":[1,"active-range"],"value":[1025],"headingLevel":[2,"heading-level"],"valueAsDate":[1040],"startAsDate":[1040],"endAsDate":[1040],"minAsDate":[1040],"maxAsDate":[1040],"min":[1025],"max":[1025],"intlPrevMonth":[1,"intl-prev-month"],"intlNextMonth":[1,"intl-next-month"],"intlYear":[1,"intl-year"],"locale":[1],"scale":[513],"range":[516],"start":[1025],"end":[1025],"proximitySelectionDisabled":[4,"proximity-selection-disabled"],"activeDate":[32],"activeStartDate":[32],"activeEndDate":[32],"localeData":[32],"hoverRange":[32]}]);
|
|
27167
27222
|
const CalciteDatePickerDay = /*@__PURE__*/proxyCustomElement(DatePickerDay, [1,"calcite-date-picker-day",{"day":[2],"disabled":[516],"currentMonth":[516,"current-month"],"selected":[516],"highlighted":[516],"range":[516],"startOfRange":[516,"start-of-range"],"endOfRange":[516,"end-of-range"],"rangeHover":[516,"range-hover"],"active":[516],"localeData":[16],"scale":[513],"value":[16]},[[1,"mouseover","mouseoverHandler"]]]);
|
|
27168
27223
|
const CalciteDatePickerMonth = /*@__PURE__*/proxyCustomElement(DatePickerMonth, [1,"calcite-date-picker-month",{"selectedDate":[16],"activeDate":[16],"startDate":[16],"endDate":[16],"min":[16],"max":[16],"scale":[513],"localeData":[16],"hoverRange":[16]},[[1,"mouseout","mouseoutHandler"]]]);
|
|
27169
27224
|
const CalciteDatePickerMonthHeader = /*@__PURE__*/proxyCustomElement(DatePickerMonthHeader, [1,"calcite-date-picker-month-header",{"selectedDate":[16],"activeDate":[16],"headingLevel":[2,"heading-level"],"min":[16],"max":[16],"locale":[1],"intlPrevMonth":[1,"intl-prev-month"],"intlNextMonth":[1,"intl-next-month"],"intlYear":[1,"intl-year"],"scale":[513],"localeData":[16],"nextMonthDate":[32],"prevMonthDate":[32]}]);
|
|
27170
|
-
const CalciteDropdown = /*@__PURE__*/proxyCustomElement(Dropdown, [1,"calcite-dropdown",{"active":[1540],"disableCloseOnSelect":[516,"disable-close-on-select"],"disabled":[516],"flipPlacements":[16],"maxItems":[2,"max-items"],"overlayPositioning":[1,"overlay-positioning"],"placement":[513],"scale":[513],"selectedItems":[1040],"type":[513],"width":[513]},[[8,"click","closeCalciteDropdownOnClick"],[0,"calciteInternalDropdownCloseRequest","closeCalciteDropdownOnEvent"],[8,"calciteDropdownOpen","closeCalciteDropdownOnOpenEvent"],[1,"mouseenter","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"calciteInternalDropdownItemKeyEvent","calciteInternalDropdownItemKeyEvent"],[0,"calciteInternalDropdownItemSelect","handleItemSelect"]]]);
|
|
27225
|
+
const CalciteDropdown = /*@__PURE__*/proxyCustomElement(Dropdown, [1,"calcite-dropdown",{"active":[1540],"open":[1540],"disableCloseOnSelect":[516,"disable-close-on-select"],"disabled":[516],"flipPlacements":[16],"maxItems":[2,"max-items"],"overlayPositioning":[1,"overlay-positioning"],"placement":[513],"scale":[513],"selectedItems":[1040],"type":[513],"width":[513]},[[8,"click","closeCalciteDropdownOnClick"],[0,"calciteInternalDropdownCloseRequest","closeCalciteDropdownOnEvent"],[8,"calciteDropdownOpen","closeCalciteDropdownOnOpenEvent"],[1,"mouseenter","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"calciteInternalDropdownItemKeyEvent","calciteInternalDropdownItemKeyEvent"],[0,"calciteInternalDropdownItemSelect","handleItemSelect"]]]);
|
|
27171
27226
|
const CalciteDropdownGroup = /*@__PURE__*/proxyCustomElement(DropdownGroup, [1,"calcite-dropdown-group",{"groupTitle":[513,"group-title"],"selectionMode":[513,"selection-mode"],"scale":[513]},[[0,"calciteInternalDropdownItemSelect","updateActiveItemOnChange"]]]);
|
|
27172
27227
|
const CalciteDropdownItem = /*@__PURE__*/proxyCustomElement(DropdownItem, [1,"calcite-dropdown-item",{"active":[1540],"iconFlipRtl":[513,"icon-flip-rtl"],"iconStart":[513,"icon-start"],"iconEnd":[513,"icon-end"],"href":[513],"label":[1],"rel":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"],[16,"calciteInternalDropdownItemChange","updateActiveItemOnChange"]]]);
|
|
27173
27228
|
const CalciteFab = /*@__PURE__*/proxyCustomElement(Fab, [1,"calcite-fab",{"appearance":[513],"color":[513],"disabled":[516],"icon":[1],"label":[1],"loading":[516],"scale":[513],"text":[1],"textEnabled":[516,"text-enabled"]}]);
|
|
@@ -27187,7 +27242,7 @@ const CalciteList = /*@__PURE__*/proxyCustomElement(List$1, [1,"calcite-list",{"
|
|
|
27187
27242
|
const CalciteListItem = /*@__PURE__*/proxyCustomElement(ListItem, [1,"calcite-list-item",{"nonInteractive":[516,"non-interactive"],"description":[1],"disabled":[516],"label":[1]}]);
|
|
27188
27243
|
const CalciteListItemGroup = /*@__PURE__*/proxyCustomElement(ListItemGroup, [1,"calcite-list-item-group",{"heading":[513],"headingLevel":[2,"heading-level"]}]);
|
|
27189
27244
|
const CalciteLoader = /*@__PURE__*/proxyCustomElement(Loader, [1,"calcite-loader",{"active":[516],"inline":[516],"label":[1],"scale":[513],"type":[513],"value":[2],"text":[1],"noPadding":[4,"no-padding"]}]);
|
|
27190
|
-
const CalciteModal = /*@__PURE__*/proxyCustomElement(Modal, [1,"calcite-modal",{"active":[1540],"beforeClose":[16],"disableCloseButton":[4,"disable-close-button"],"disableOutsideClose":[4,"disable-outside-close"],"intlClose":[1,"intl-close"],"docked":[516],"disableEscape":[4,"disable-escape"],"scale":[513],"width":[520],"fullscreen":[516],"color":[513],"backgroundColor":[513,"background-color"],"noPadding":[4,"no-padding"],"hasFooter":[32]},[[8,"keyup","handleEscape"]]]);
|
|
27245
|
+
const CalciteModal = /*@__PURE__*/proxyCustomElement(Modal, [1,"calcite-modal",{"active":[1540],"open":[1540],"beforeClose":[16],"disableCloseButton":[4,"disable-close-button"],"disableOutsideClose":[4,"disable-outside-close"],"intlClose":[1,"intl-close"],"docked":[516],"disableEscape":[4,"disable-escape"],"scale":[513],"width":[520],"fullscreen":[516],"color":[513],"backgroundColor":[513,"background-color"],"noPadding":[4,"no-padding"],"hasFooter":[32]},[[8,"keyup","handleEscape"]]]);
|
|
27191
27246
|
const CalciteNotice = /*@__PURE__*/proxyCustomElement(Notice, [1,"calcite-notice",{"active":[1540],"color":[513],"dismissible":[516],"icon":[520],"intlClose":[1,"intl-close"],"scale":[513],"width":[513]}]);
|
|
27192
27247
|
const CalciteOption = /*@__PURE__*/proxyCustomElement(Option, [1,"calcite-option",{"disabled":[516],"label":[1025],"selected":[516],"value":[1032]}]);
|
|
27193
27248
|
const CalciteOptionGroup = /*@__PURE__*/proxyCustomElement(OptionGroup, [1,"calcite-option-group",{"disabled":[516],"label":[1]}]);
|