@esri/calcite-components 1.0.0-next.519 → 1.0.0-next.521
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/calcite.css +1 -1
- package/dist/calcite/calcite.esm.js +2 -2
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/index.esm.js +1 -1
- package/dist/calcite/p-01b638d1.entry.js +6 -0
- package/dist/calcite/{p-f51ad078.entry.js → p-02a3583d.entry.js} +2 -2
- package/dist/calcite/{p-7a620018.entry.js → p-037f81e1.entry.js} +2 -2
- package/dist/calcite/{p-2a2ab38e.entry.js → p-05a4b9dd.entry.js} +2 -2
- package/dist/calcite/{p-5a186cc4.system.entry.js → p-06332d21.system.entry.js} +2 -2
- package/dist/calcite/{p-f9ffe552.entry.js → p-0664c198.entry.js} +2 -2
- package/dist/calcite/p-08e28998.system.entry.js +6 -0
- package/dist/calcite/{p-f2b60079.js → p-08f334c1.js} +2 -2
- package/dist/calcite/{p-a6ad8cf1.system.entry.js → p-0c6874b0.system.entry.js} +2 -2
- package/dist/calcite/{p-09a29635.js → p-0c8eb394.js} +1 -1
- package/dist/calcite/{p-26d50186.entry.js → p-0d86e14f.entry.js} +2 -2
- package/dist/calcite/{p-a10f8e3a.system.entry.js → p-0df3ffa0.system.entry.js} +2 -2
- package/dist/calcite/{p-906175f7.entry.js → p-0e8275de.entry.js} +2 -2
- package/dist/calcite/{p-7ceb3745.js → p-0e88270b.js} +2 -2
- package/dist/calcite/{p-07e9999d.entry.js → p-0f7446cb.entry.js} +2 -2
- package/dist/calcite/{p-0723212a.system.entry.js → p-0ff0ca0b.system.entry.js} +2 -2
- package/dist/calcite/{p-6fdd6c41.entry.js → p-10fe1682.entry.js} +2 -2
- package/dist/calcite/p-15a2f2b5.entry.js +6 -0
- package/dist/calcite/{p-5eef1490.js → p-1786fb93.js} +1 -1
- package/dist/calcite/{p-35fc8b6d.system.entry.js → p-18de0e0b.system.entry.js} +2 -2
- package/dist/calcite/{p-685e27e5.entry.js → p-18e94c9f.entry.js} +2 -2
- package/dist/calcite/{p-b83117e6.entry.js → p-1934cb89.entry.js} +2 -2
- package/dist/calcite/p-196346bf.system.entry.js +6 -0
- package/dist/calcite/{p-0091b5c5.system.js → p-19f87399.system.js} +1 -1
- package/dist/calcite/{p-ca1395f2.system.entry.js → p-1a7dcfc0.system.entry.js} +2 -2
- package/dist/calcite/{p-dcc15111.system.js → p-1c45719a.system.js} +1 -1
- package/dist/calcite/{p-87bea8ac.js → p-1d7e2d4a.js} +1 -1
- package/dist/calcite/p-22d40d65.entry.js +6 -0
- package/dist/calcite/{p-99ef36e8.system.js → p-22ffda43.system.js} +2 -2
- package/dist/calcite/{p-ddb9cd89.system.entry.js → p-25129b54.system.entry.js} +2 -2
- package/dist/calcite/{p-9f31b6b6.system.entry.js → p-28b4be8f.system.entry.js} +2 -2
- package/dist/calcite/{p-5d81499a.js → p-2981a893.js} +2 -2
- package/dist/calcite/p-2b8e9cae.system.entry.js +6 -0
- package/dist/calcite/{p-474b0782.js → p-2bceb3cc.js} +2 -2
- package/dist/calcite/{p-26089116.system.entry.js → p-302615c5.system.entry.js} +2 -2
- package/dist/calcite/{p-c7fa1924.system.js → p-3111a501.system.js} +1 -1
- package/dist/calcite/{p-0b23068d.system.js → p-37ae8843.system.js} +2 -2
- package/dist/calcite/{p-ebb490fd.entry.js → p-3854aaa3.entry.js} +2 -2
- package/dist/calcite/{p-504fdccb.js → p-3ade5098.js} +1 -1
- package/dist/calcite/{p-09ecd7fb.js → p-3bbfc3a1.js} +1 -1
- package/dist/calcite/{p-238178a6.system.entry.js → p-3c9fb8a0.system.entry.js} +2 -2
- package/dist/calcite/{p-ea213b92.system.entry.js → p-3ebebd84.system.entry.js} +2 -2
- package/dist/calcite/{p-fddb6d35.entry.js → p-3ecd2c17.entry.js} +2 -2
- package/dist/calcite/{p-4fbf5d4c.entry.js → p-3ecec156.entry.js} +2 -2
- package/dist/calcite/{p-42a46d48.system.js → p-43e7a8f1.system.js} +3 -3
- package/dist/calcite/{p-4f679aad.system.js → p-4565c114.system.js} +2 -2
- package/dist/calcite/{p-ec27599a.entry.js → p-46c73e88.entry.js} +2 -2
- package/dist/calcite/{p-d71a6389.entry.js → p-477ca75f.entry.js} +2 -2
- package/dist/calcite/p-490d284a.entry.js +6 -0
- package/dist/calcite/{p-86fefd33.js → p-4a08a094.js} +2 -2
- package/dist/calcite/{p-1a004f9f.entry.js → p-4d012e6d.entry.js} +2 -2
- package/dist/calcite/{p-7cc5e4de.js → p-503ffd79.js} +1 -1
- package/dist/calcite/p-5321532e.entry.js +6 -0
- package/dist/calcite/{p-86f09fa7.system.js → p-53cb1579.system.js} +1 -1
- package/dist/calcite/{p-e1eea524.system.entry.js → p-54bc93ca.system.entry.js} +2 -2
- package/dist/calcite/{p-08149b94.system.entry.js → p-56fad8eb.system.entry.js} +2 -2
- package/dist/calcite/{p-8bd09449.system.js → p-5956ae2b.system.js} +1 -1
- package/dist/calcite/{p-45b61d41.entry.js → p-597100a7.entry.js} +2 -2
- package/dist/calcite/{p-b75b9840.system.entry.js → p-5a8d424e.system.entry.js} +2 -2
- package/dist/calcite/{p-85419f32.entry.js → p-5b152346.entry.js} +2 -2
- package/dist/calcite/{p-2881b928.js → p-5b2d7828.js} +2 -2
- package/dist/calcite/{p-f5763663.system.entry.js → p-5bbaac2e.system.entry.js} +2 -2
- package/dist/calcite/{p-aa4162e2.system.entry.js → p-5c335596.system.entry.js} +2 -2
- package/dist/calcite/{p-dd869c6a.entry.js → p-5c81572b.entry.js} +2 -2
- package/dist/calcite/{p-c79e56fc.system.entry.js → p-5d1ea183.system.entry.js} +2 -2
- package/dist/calcite/{p-23092943.js → p-60224344.js} +1 -1
- package/dist/calcite/{p-43ae2537.entry.js → p-616f05fa.entry.js} +2 -2
- package/dist/calcite/{p-99ae68c8.system.entry.js → p-62a0f380.system.entry.js} +2 -2
- package/dist/calcite/{p-68f356e6.entry.js → p-66240c05.entry.js} +2 -2
- package/dist/calcite/{p-e66a86ee.system.entry.js → p-67f1f6b9.system.entry.js} +2 -2
- package/dist/calcite/{p-9e87daca.entry.js → p-68605411.entry.js} +2 -2
- package/dist/calcite/{p-55c22c0e.js → p-68c538e6.js} +2 -2
- package/dist/calcite/{p-df17983c.system.entry.js → p-709ffc8a.system.entry.js} +2 -2
- package/dist/calcite/{p-03aa2156.js → p-71a5a7b9.js} +1 -1
- package/dist/calcite/{p-7e4972a5.system.js → p-74508b15.system.js} +1 -1
- package/dist/calcite/{p-b0629fb6.entry.js → p-7609b260.entry.js} +2 -2
- package/dist/calcite/{p-c861729b.entry.js → p-7779dcec.entry.js} +2 -2
- package/dist/calcite/{p-9a33179e.system.js → p-7b5c7678.system.js} +1 -1
- package/dist/calcite/{p-9728c32f.entry.js → p-7f80ef30.entry.js} +2 -2
- package/dist/calcite/{p-e26f5c04.system.entry.js → p-803997da.system.entry.js} +2 -2
- package/dist/calcite/{p-f307e6ad.js → p-80dd019b.js} +1 -1
- package/dist/calcite/{p-805540d5.system.entry.js → p-82894cb4.system.entry.js} +2 -2
- package/dist/calcite/{p-a47f34ac.system.entry.js → p-836254a6.system.entry.js} +2 -2
- package/dist/calcite/{p-8f159278.system.entry.js → p-8469c3f5.system.entry.js} +2 -2
- package/dist/calcite/{p-2c968fec.system.js → p-8aafc60e.system.js} +2 -2
- package/dist/calcite/{p-e308a47b.entry.js → p-8ad36643.entry.js} +2 -2
- package/dist/calcite/{p-92ec9447.system.js → p-8d193648.system.js} +1 -1
- package/dist/calcite/{p-93dd6f44.system.js → p-8e6d31eb.system.js} +1 -1
- package/dist/calcite/{p-1e90bddb.system.entry.js → p-90bd223c.system.entry.js} +2 -2
- package/dist/calcite/{p-9d1db56d.entry.js → p-9109755c.entry.js} +2 -2
- package/dist/calcite/{p-74c5b3e6.system.js → p-922cca1a.system.js} +2 -2
- package/dist/calcite/{p-b924456a.system.entry.js → p-956aea00.system.entry.js} +2 -2
- package/dist/calcite/{p-c3dd776b.system.entry.js → p-9814a422.system.entry.js} +2 -2
- package/dist/calcite/{p-3a7bf5d8.entry.js → p-98d13115.entry.js} +2 -2
- package/dist/calcite/{p-2d8d9716.entry.js → p-9a775e97.entry.js} +2 -2
- package/dist/calcite/{p-15e8cb6a.system.js → p-9ed3942c.system.js} +2 -2
- package/dist/calcite/{p-e346a217.entry.js → p-a056927a.entry.js} +2 -2
- package/dist/calcite/{p-40df87d8.entry.js → p-a186a81b.entry.js} +2 -2
- package/dist/calcite/{p-226c27f6.system.js → p-a56d7998.system.js} +2 -2
- package/dist/calcite/{p-3cf68d3b.system.entry.js → p-a6339811.system.entry.js} +2 -2
- package/dist/calcite/{p-fe0e0ab6.system.entry.js → p-a63dc521.system.entry.js} +2 -2
- package/dist/calcite/{p-cced096d.system.entry.js → p-a799c49f.system.entry.js} +2 -2
- package/dist/calcite/{p-1bc517fb.entry.js → p-a7a4705c.entry.js} +2 -2
- package/dist/calcite/{p-432fe288.system.entry.js → p-a7ae0c54.system.entry.js} +2 -2
- package/dist/calcite/{p-6f0a468e.system.js → p-aa04303b.system.js} +2 -2
- package/dist/calcite/{p-b9cc79ce.system.js → p-ab08ad49.system.js} +2 -2
- package/dist/calcite/{p-3326ae60.system.js → p-ab5101d8.system.js} +1 -1
- package/dist/calcite/{p-fdc4e698.system.js → p-adcd9271.system.js} +1 -1
- package/dist/calcite/{p-799883f1.system.entry.js → p-b2f3fc3d.system.entry.js} +2 -2
- package/dist/calcite/{p-c6435adf.system.entry.js → p-b2f5c885.system.entry.js} +2 -2
- package/dist/calcite/{p-59aadc1c.entry.js → p-b64ac51f.entry.js} +2 -2
- package/dist/calcite/{p-c10b91f3.entry.js → p-b72717bd.entry.js} +2 -2
- package/dist/calcite/{p-332ae63b.entry.js → p-b80bbe57.entry.js} +2 -2
- package/dist/calcite/{p-99e6746a.system.entry.js → p-b905df83.system.entry.js} +2 -2
- package/dist/calcite/p-b9ba2995.system.js +6 -0
- package/dist/calcite/{p-f516cb6c.entry.js → p-ba1931db.entry.js} +2 -2
- package/dist/calcite/{p-be30007b.js → p-bc269b24.js} +2 -2
- package/dist/calcite/{p-d049b038.system.entry.js → p-bcbe7ce6.system.entry.js} +2 -2
- package/dist/calcite/{p-b6df6cb0.system.entry.js → p-bd5694e0.system.entry.js} +2 -2
- package/dist/calcite/{p-fe636dc7.js → p-be33578d.js} +2 -2
- package/dist/calcite/{p-f6662765.js → p-bee3c541.js} +1 -1
- package/dist/calcite/{p-534fb34e.system.entry.js → p-c57bfa50.system.entry.js} +2 -2
- package/dist/calcite/{p-b347fd14.system.entry.js → p-c74ae0e9.system.entry.js} +2 -2
- package/dist/calcite/{p-42759bb3.js → p-c7e7cc3f.js} +1 -1
- package/dist/calcite/{p-0850c86e.system.entry.js → p-c9878d39.system.entry.js} +2 -2
- package/dist/calcite/{p-76c1e8d6.system.entry.js → p-c9962a82.system.entry.js} +2 -2
- package/dist/calcite/{p-c3f5834e.entry.js → p-ca13fa8e.entry.js} +2 -2
- package/dist/calcite/p-cc236a7d.js +6 -0
- package/dist/calcite/p-ce350a0c.js +6 -0
- package/dist/calcite/{p-114de801.entry.js → p-ce9659f4.entry.js} +2 -2
- package/dist/calcite/{p-db708677.entry.js → p-cea960cf.entry.js} +2 -2
- package/dist/calcite/{p-9a6ddaf4.system.entry.js → p-d418b98e.system.entry.js} +2 -2
- package/dist/calcite/{p-3c90254d.system.js → p-d44c6b32.system.js} +1 -1
- package/dist/calcite/{p-f8fd9bf9.system.entry.js → p-d461e15b.system.entry.js} +2 -2
- package/dist/calcite/{p-72798679.entry.js → p-d4a4f33e.entry.js} +2 -2
- package/dist/calcite/{p-4df47a15.system.js → p-d6299c4e.system.js} +2 -2
- package/dist/calcite/{p-6020161d.system.js → p-d7a237ba.system.js} +1 -1
- package/dist/calcite/{p-b868fd63.js → p-d8bf5b29.js} +1 -1
- package/dist/calcite/{p-546f6650.entry.js → p-d9d2294a.entry.js} +2 -2
- package/dist/calcite/{p-4aec9b21.system.entry.js → p-d9e6af1c.system.entry.js} +2 -2
- package/dist/calcite/{p-b895307a.system.entry.js → p-dc5fb654.system.entry.js} +2 -2
- package/dist/calcite/{p-691c5cb2.entry.js → p-dd9f25da.entry.js} +2 -2
- package/dist/calcite/{p-60a5b722.system.entry.js → p-df8177da.system.entry.js} +2 -2
- package/dist/calcite/{p-4c7bc581.entry.js → p-e029f7a3.entry.js} +2 -2
- package/dist/calcite/p-e0edddf8.entry.js +6 -0
- package/dist/calcite/{p-eac66f74.entry.js → p-e72532a8.entry.js} +2 -2
- package/dist/calcite/{p-c95966f1.entry.js → p-e99806ce.entry.js} +2 -2
- package/dist/calcite/{p-041c0013.entry.js → p-ea37aa52.entry.js} +2 -2
- package/dist/calcite/{p-77b54732.system.entry.js → p-ec3ac306.system.entry.js} +2 -2
- package/dist/calcite/{p-83318d8e.system.entry.js → p-ed2772f3.system.entry.js} +2 -2
- package/dist/calcite/{p-37766af7.entry.js → p-eef3c9fd.entry.js} +2 -2
- package/dist/calcite/{p-d07bab46.entry.js → p-ef10300b.entry.js} +2 -2
- package/dist/calcite/{p-3c1d8106.js → p-f0f828f4.js} +1 -1
- package/dist/calcite/{p-96474516.system.entry.js → p-f105b00b.system.entry.js} +2 -2
- package/dist/calcite/{p-f8e06931.system.entry.js → p-f18df807.system.entry.js} +2 -2
- package/dist/calcite/{p-58242945.system.entry.js → p-f2efb50c.system.entry.js} +2 -2
- package/dist/calcite/{p-d70497d2.system.entry.js → p-f463e742.system.entry.js} +2 -2
- package/dist/calcite/{p-c4078601.entry.js → p-f4a4e6fd.entry.js} +2 -2
- package/dist/calcite/{p-22cf3837.system.entry.js → p-f5fcb884.system.entry.js} +2 -2
- package/dist/calcite/{p-68f92688.entry.js → p-f6032fac.entry.js} +2 -2
- package/dist/calcite/{p-08615b84.system.entry.js → p-f8360ef0.system.entry.js} +2 -2
- package/dist/calcite/{p-28d0772c.system.entry.js → p-fa49f87b.system.entry.js} +2 -2
- package/dist/calcite/{p-cb69bd7d.entry.js → p-fb4d2cca.entry.js} +2 -2
- package/dist/calcite/{p-b271359f.system.js → p-fc76a97f.system.js} +1 -1
- package/dist/cjs/{ExpandToggle-f6091e86.js → ExpandToggle-8aaaf12b.js} +5 -5
- package/dist/cjs/{Heading-439d0305.js → Heading-5f2ed366.js} +2 -2
- package/dist/cjs/{array-183e4ddb.js → array-332f1ad8.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +17 -8
- package/dist/cjs/calcite-action-bar.cjs.entry.js +10 -10
- package/dist/cjs/calcite-action-group.cjs.entry.js +8 -8
- package/dist/cjs/calcite-action-menu.cjs.entry.js +8 -8
- package/dist/cjs/calcite-action-pad.cjs.entry.js +9 -9
- package/dist/cjs/calcite-action.cjs.entry.js +6 -6
- package/dist/cjs/calcite-alert.cjs.entry.js +5 -5
- package/dist/cjs/calcite-avatar.cjs.entry.js +5 -5
- package/dist/cjs/calcite-block_2.cjs.entry.js +8 -8
- package/dist/cjs/calcite-button.cjs.entry.js +8 -8
- package/dist/cjs/calcite-card.cjs.entry.js +6 -6
- package/dist/cjs/calcite-checkbox.cjs.entry.js +7 -7
- package/dist/cjs/calcite-chip.cjs.entry.js +10 -7
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +54 -33
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +9 -9
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +37 -21
- package/dist/cjs/calcite-fab.cjs.entry.js +5 -5
- package/dist/cjs/calcite-filter.cjs.entry.js +7 -7
- package/dist/cjs/calcite-flow.cjs.entry.js +3 -3
- package/dist/cjs/calcite-graph_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-handle.cjs.entry.js +4 -4
- package/dist/cjs/calcite-icon.cjs.entry.js +5 -5
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +7 -7
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +11 -11
- package/dist/cjs/calcite-input-message.cjs.entry.js +4 -4
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-input.cjs.entry.js +11 -11
- package/dist/cjs/calcite-label.cjs.entry.js +5 -5
- package/dist/cjs/calcite-link.cjs.entry.js +5 -5
- package/dist/cjs/calcite-list_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
- package/dist/cjs/calcite-modal.cjs.entry.js +25 -16
- package/dist/cjs/calcite-notice.cjs.entry.js +7 -7
- package/dist/cjs/calcite-option_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-pagination.cjs.entry.js +5 -5
- package/dist/cjs/calcite-panel.cjs.entry.js +9 -9
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +11 -11
- package/dist/cjs/calcite-popover_2.cjs.entry.js +7 -7
- package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
- package/dist/cjs/calcite-radio-button.cjs.entry.js +8 -8
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +7 -7
- package/dist/cjs/calcite-rating.cjs.entry.js +8 -8
- package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
- package/dist/cjs/calcite-shell_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
- package/dist/cjs/calcite-split-button.cjs.entry.js +3 -3
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-switch.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tab_4.cjs.entry.js +6 -6
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-tile.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tip_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-tree_2.cjs.entry.js +6 -6
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{conditionalSlot-39cb45e0.js → conditionalSlot-345c638f.js} +3 -3
- package/dist/cjs/{debounce-e2fa6e5f.js → debounce-cff73118.js} +1 -1
- package/dist/cjs/{dom-c942dac0.js → dom-006119f9.js} +2 -2
- package/dist/cjs/{forIn-987d0822.js → forIn-63725cb3.js} +2 -2
- package/dist/cjs/{form-6838f210.js → form-4aa36914.js} +3 -3
- package/dist/cjs/{guid-45cdc289.js → guid-7ac09c7c.js} +1 -1
- package/dist/cjs/{index-70f8d366.js → index-345bd03e.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-3ed10fb1.js → interactive-4c089305.js} +1 -1
- package/dist/cjs/{interfaces-5ca7718b.js → interfaces-ed5629c9.js} +1 -1
- package/dist/cjs/{key-84224200.js → key-ad47ec79.js} +1 -1
- package/dist/cjs/{label-176be1a1.js → label-cbd2fca0.js} +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{locale-195b8060.js → locale-a7606dce.js} +2 -2
- package/dist/cjs/{math-5b43870a.js → math-cb0eba16.js} +1 -1
- package/dist/cjs/{observers-f4aa0ec8.js → observers-e7215a23.js} +1 -1
- package/dist/cjs/{popper-b8cc03bf.js → popper-a6799f73.js} +2 -2
- package/dist/cjs/{resources-93b9c4fb.js → resources-3dfb6262.js} +1 -1
- package/dist/cjs/{resources-37f0cb50.js → resources-e4f2b649.js} +1 -1
- package/dist/cjs/{resources-67f9a468.js → resources-e78d08e9.js} +5 -5
- package/dist/cjs/{resources-b952625b.js → resources-ec4ddd5b.js} +3 -3
- package/dist/cjs/{sortable.esm-50f83340.js → sortable.esm-75596196.js} +1 -1
- package/dist/cjs/{utils-1c5561b5.js → utils-cd5ed41f.js} +1 -1
- package/dist/collection/components/accordion/accordion.js +1 -1
- package/dist/collection/components/accordion/interfaces.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.css +18 -9
- package/dist/collection/components/accordion-item/accordion-item.js +35 -5
- package/dist/collection/components/action/action.js +1 -1
- package/dist/collection/components/action/resources.js +1 -1
- package/dist/collection/components/action-bar/action-bar.js +1 -1
- package/dist/collection/components/action-bar/resources.js +1 -1
- package/dist/collection/components/action-bar/utils.js +1 -1
- package/dist/collection/components/action-group/action-group.js +1 -1
- package/dist/collection/components/action-group/resources.js +1 -1
- package/dist/collection/components/action-menu/action-menu.js +1 -1
- package/dist/collection/components/action-menu/resources.js +1 -1
- package/dist/collection/components/action-pad/action-pad.js +1 -1
- package/dist/collection/components/action-pad/resources.js +1 -1
- package/dist/collection/components/alert/alert.js +1 -1
- package/dist/collection/components/alert/interfaces.js +1 -1
- package/dist/collection/components/alert/resources.js +1 -1
- package/dist/collection/components/avatar/avatar.js +1 -1
- package/dist/collection/components/avatar/utils.js +1 -1
- package/dist/collection/components/block/block.js +1 -1
- package/dist/collection/components/block/resources.js +1 -1
- package/dist/collection/components/block-section/block-section.js +1 -1
- package/dist/collection/components/block-section/interfaces.js +1 -1
- package/dist/collection/components/block-section/resources.js +1 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/button/interfaces.js +1 -1
- package/dist/collection/components/button/resources.js +1 -1
- package/dist/collection/components/card/card.js +1 -1
- package/dist/collection/components/card/resources.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +1 -1
- package/dist/collection/components/chip/chip.css +4 -0
- package/dist/collection/components/chip/chip.js +22 -1
- package/dist/collection/components/chip/interfaces.js +1 -1
- package/dist/collection/components/chip/resources.js +1 -1
- package/dist/collection/components/color-picker/color-picker.js +1 -1
- package/dist/collection/components/color-picker/interfaces.js +1 -1
- package/dist/collection/components/color-picker/resources.js +1 -1
- package/dist/collection/components/color-picker/utils.js +1 -1
- package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +1 -1
- package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
- package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
- package/dist/collection/components/color-picker-swatch/resources.js +1 -1
- package/dist/collection/components/combobox/combobox.js +69 -25
- package/dist/collection/components/combobox/interfaces.js +1 -1
- package/dist/collection/components/combobox/resources.js +1 -1
- package/dist/collection/components/combobox/utils.js +1 -1
- package/dist/collection/components/combobox-item/combobox-item.js +1 -1
- package/dist/collection/components/combobox-item/resources.js +1 -1
- package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
- package/dist/collection/components/combobox-item-group/resources.js +1 -1
- package/dist/collection/components/date-picker/date-picker.js +1 -1
- package/dist/collection/components/date-picker/interfaces.js +1 -1
- package/dist/collection/components/date-picker/resources.js +1 -1
- package/dist/collection/components/date-picker/utils.js +1 -1
- package/dist/collection/components/date-picker-day/date-picker-day.js +1 -1
- package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
- package/dist/collection/components/date-picker-month-header/resources.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +2 -1
- package/dist/collection/components/dropdown/dropdown.js +55 -16
- package/dist/collection/components/dropdown/interfaces.js +1 -1
- package/dist/collection/components/dropdown/resources.js +1 -1
- package/dist/collection/components/dropdown-group/dropdown-group.js +1 -1
- package/dist/collection/components/dropdown-group/interfaces.js +1 -1
- package/dist/collection/components/dropdown-group/resources.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
- package/dist/collection/components/dropdown-item/resources.js +1 -1
- package/dist/collection/components/fab/fab.js +1 -1
- package/dist/collection/components/fab/resources.js +1 -1
- package/dist/collection/components/filter/filter.js +1 -1
- package/dist/collection/components/filter/resources.js +1 -1
- package/dist/collection/components/flow/flow.js +1 -1
- package/dist/collection/components/flow/interfaces.js +1 -1
- package/dist/collection/components/flow/resources.js +1 -1
- package/dist/collection/components/functional/ExpandToggle.js +1 -1
- package/dist/collection/components/functional/Heading.js +1 -1
- package/dist/collection/components/graph/graph.js +1 -1
- package/dist/collection/components/graph/interfaces.js +1 -1
- package/dist/collection/components/graph/util.js +1 -1
- package/dist/collection/components/handle/handle.js +1 -1
- package/dist/collection/components/handle/resources.js +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/icon/resources.js +1 -1
- package/dist/collection/components/icon/utils.js +1 -1
- package/dist/collection/components/inline-editable/inline-editable.js +1 -1
- package/dist/collection/components/inline-editable/resources.js +1 -1
- package/dist/collection/components/input/input.js +1 -1
- package/dist/collection/components/input/interfaces.js +1 -1
- package/dist/collection/components/input/resources.js +1 -1
- package/dist/collection/components/input-date-picker/input-date-picker.js +1 -1
- package/dist/collection/components/input-message/input-message.js +1 -1
- package/dist/collection/components/input-message/interfaces.js +1 -1
- package/dist/collection/components/input-time-picker/input-time-picker.js +1 -1
- package/dist/collection/components/interfaces.js +1 -1
- package/dist/collection/components/label/label.js +1 -1
- package/dist/collection/components/label/resources.js +1 -1
- package/dist/collection/components/link/link.js +1 -1
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list/resources.js +1 -1
- package/dist/collection/components/list-item/list-item.js +1 -1
- package/dist/collection/components/list-item/resources.js +1 -1
- package/dist/collection/components/list-item-group/list-item-group.js +1 -1
- package/dist/collection/components/list-item-group/resources.js +1 -1
- package/dist/collection/components/loader/loader.js +1 -1
- package/dist/collection/components/modal/interfaces.js +1 -1
- package/dist/collection/components/modal/modal.css +10 -5
- package/dist/collection/components/modal/modal.js +44 -12
- package/dist/collection/components/modal/resources.js +1 -1
- package/dist/collection/components/notice/notice.js +1 -1
- package/dist/collection/components/notice/resources.js +1 -1
- package/dist/collection/components/option/option.js +1 -1
- package/dist/collection/components/option-group/option-group.js +1 -1
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pagination/resources.js +1 -1
- package/dist/collection/components/panel/panel.js +1 -1
- package/dist/collection/components/panel/resources.js +1 -1
- package/dist/collection/components/pick-list/pick-list.js +1 -1
- package/dist/collection/components/pick-list/resources.js +1 -1
- package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
- package/dist/collection/components/pick-list/shared-list-render.js +1 -1
- package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
- package/dist/collection/components/pick-list-group/resources.js +1 -1
- package/dist/collection/components/pick-list-item/pick-list-item.js +1 -1
- package/dist/collection/components/pick-list-item/resources.js +1 -1
- package/dist/collection/components/popover/PopoverManager.js +1 -1
- package/dist/collection/components/popover/popover.js +1 -1
- package/dist/collection/components/popover/resources.js +1 -1
- package/dist/collection/components/popover-manager/popover-manager.js +1 -1
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +1 -1
- package/dist/collection/components/radio-button/resources.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
- package/dist/collection/components/radio-group/interfaces.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/radio-group-item/radio-group-item.js +1 -1
- package/dist/collection/components/radio-group-item/resources.js +1 -1
- package/dist/collection/components/rating/rating.js +1 -1
- package/dist/collection/components/rating/resources.js +1 -1
- package/dist/collection/components/scrim/resources.js +1 -1
- package/dist/collection/components/scrim/scrim.js +1 -1
- package/dist/collection/components/select/resources.js +1 -1
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/shell/resources.js +1 -1
- package/dist/collection/components/shell/shell.js +1 -1
- package/dist/collection/components/shell-center-row/resources.js +1 -1
- package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
- package/dist/collection/components/shell-panel/resources.js +1 -1
- package/dist/collection/components/shell-panel/shell-panel.js +1 -1
- package/dist/collection/components/slider/slider.js +1 -1
- package/dist/collection/components/sortable-list/resources.js +1 -1
- package/dist/collection/components/sortable-list/sortable-list.js +1 -1
- package/dist/collection/components/split-button/resources.js +1 -1
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/stepper/interfaces.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +1 -1
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/tab/interfaces.js +1 -1
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-nav/tab-nav.js +1 -1
- package/dist/collection/components/tab-title/tab-title.js +1 -1
- package/dist/collection/components/tabs/interfaces.js +1 -1
- package/dist/collection/components/tabs/resources.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tile/resources.js +1 -1
- package/dist/collection/components/tile/tile.js +1 -1
- package/dist/collection/components/tile-select/interfaces.js +1 -1
- package/dist/collection/components/tile-select/resources.js +1 -1
- package/dist/collection/components/tile-select/tile-select.js +1 -1
- package/dist/collection/components/tile-select-group/interfaces.js +1 -1
- package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
- package/dist/collection/components/time-picker/resources.js +1 -1
- package/dist/collection/components/time-picker/time-picker.js +1 -1
- package/dist/collection/components/tip/resources.js +1 -1
- package/dist/collection/components/tip/tip.js +1 -1
- package/dist/collection/components/tip-group/tip-group.js +1 -1
- package/dist/collection/components/tip-manager/resources.js +1 -1
- package/dist/collection/components/tip-manager/tip-manager.js +1 -1
- package/dist/collection/components/tooltip/TooltipManager.js +1 -1
- package/dist/collection/components/tooltip/resources.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
- package/dist/collection/components/tree/interfaces.js +1 -1
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/tree-item/interfaces.js +1 -1
- package/dist/collection/components/tree-item/resources.js +1 -1
- package/dist/collection/components/tree-item/tree-item.js +1 -1
- package/dist/collection/components/value-list/resources.js +1 -1
- package/dist/collection/components/value-list/value-list.js +1 -1
- package/dist/collection/components/value-list-item/resources.js +1 -1
- package/dist/collection/components/value-list-item/value-list-item.js +1 -1
- package/dist/collection/utils/array.js +1 -1
- package/dist/collection/utils/conditionalSlot.js +1 -1
- package/dist/collection/utils/date.js +1 -1
- package/dist/collection/utils/dom.js +1 -1
- package/dist/collection/utils/filter.js +1 -1
- package/dist/collection/utils/form.js +1 -1
- package/dist/collection/utils/globalAttributes.js +1 -1
- package/dist/collection/utils/guid.js +1 -1
- package/dist/collection/utils/interactive.js +1 -1
- package/dist/collection/utils/key.js +1 -1
- package/dist/collection/utils/label.js +1 -1
- package/dist/collection/utils/locale.js +1 -1
- package/dist/collection/utils/math.js +1 -1
- package/dist/collection/utils/number.js +1 -1
- package/dist/collection/utils/observers.js +1 -1
- package/dist/collection/utils/openCloseComponent.js +1 -1
- package/dist/collection/utils/popper.js +1 -1
- package/dist/collection/utils/resources.js +1 -1
- package/dist/collection/utils/time.js +1 -1
- package/dist/components/ExpandToggle.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/action-group.js +1 -1
- package/dist/components/action-menu.js +1 -1
- package/dist/components/action.js +1 -1
- package/dist/components/array.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/calcite-accordion-item.js +15 -5
- package/dist/components/calcite-accordion.js +1 -1
- package/dist/components/calcite-action-bar.js +1 -1
- package/dist/components/calcite-action-group.js +1 -1
- package/dist/components/calcite-action-menu.js +1 -1
- package/dist/components/calcite-action-pad.js +1 -1
- package/dist/components/calcite-action.js +1 -1
- package/dist/components/calcite-alert.js +1 -1
- package/dist/components/calcite-avatar.js +1 -1
- package/dist/components/calcite-block-section.js +1 -1
- package/dist/components/calcite-block.js +1 -1
- package/dist/components/calcite-button.js +1 -1
- package/dist/components/calcite-card.js +1 -1
- package/dist/components/calcite-checkbox.js +1 -1
- package/dist/components/calcite-chip.js +1 -1
- package/dist/components/calcite-color-picker-hex-input.js +1 -1
- package/dist/components/calcite-color-picker-swatch.js +1 -1
- package/dist/components/calcite-color-picker.js +1 -1
- package/dist/components/calcite-combobox-item-group.js +1 -1
- package/dist/components/calcite-combobox-item.js +1 -1
- package/dist/components/calcite-combobox.js +44 -22
- package/dist/components/calcite-date-picker-day.js +1 -1
- package/dist/components/calcite-date-picker-month-header.js +1 -1
- package/dist/components/calcite-date-picker-month.js +1 -1
- package/dist/components/calcite-date-picker.js +1 -1
- package/dist/components/calcite-dropdown-group.js +1 -1
- package/dist/components/calcite-dropdown-item.js +1 -1
- package/dist/components/calcite-dropdown.js +1 -1
- package/dist/components/calcite-fab.js +1 -1
- package/dist/components/calcite-filter.js +1 -1
- package/dist/components/calcite-flow.js +1 -1
- package/dist/components/calcite-graph.js +1 -1
- package/dist/components/calcite-handle.js +1 -1
- package/dist/components/calcite-icon.js +1 -1
- package/dist/components/calcite-inline-editable.js +1 -1
- package/dist/components/calcite-input-date-picker.js +1 -1
- package/dist/components/calcite-input-message.js +1 -1
- package/dist/components/calcite-input-time-picker.js +1 -1
- package/dist/components/calcite-input.js +1 -1
- package/dist/components/calcite-label.js +1 -1
- package/dist/components/calcite-link.js +1 -1
- package/dist/components/calcite-list-item-group.js +1 -1
- package/dist/components/calcite-list-item.js +1 -1
- package/dist/components/calcite-list.js +1 -1
- package/dist/components/calcite-loader.js +1 -1
- package/dist/components/calcite-modal.js +21 -11
- package/dist/components/calcite-notice.js +1 -1
- package/dist/components/calcite-option-group.js +1 -1
- package/dist/components/calcite-option.js +1 -1
- package/dist/components/calcite-pagination.js +1 -1
- package/dist/components/calcite-panel.js +1 -1
- package/dist/components/calcite-pick-list-group.js +1 -1
- package/dist/components/calcite-pick-list-item.js +1 -1
- package/dist/components/calcite-pick-list.js +1 -1
- package/dist/components/calcite-popover-manager.js +1 -1
- package/dist/components/calcite-popover.js +1 -1
- package/dist/components/calcite-progress.js +1 -1
- package/dist/components/calcite-radio-button-group.js +1 -1
- package/dist/components/calcite-radio-button.js +1 -1
- package/dist/components/calcite-radio-group-item.js +1 -1
- package/dist/components/calcite-radio-group.js +1 -1
- package/dist/components/calcite-rating.js +1 -1
- package/dist/components/calcite-scrim.js +1 -1
- package/dist/components/calcite-select.js +1 -1
- package/dist/components/calcite-shell-center-row.js +1 -1
- package/dist/components/calcite-shell-panel.js +1 -1
- package/dist/components/calcite-shell.js +1 -1
- package/dist/components/calcite-slider.js +1 -1
- package/dist/components/calcite-sortable-list.js +1 -1
- package/dist/components/calcite-split-button.js +1 -1
- package/dist/components/calcite-stepper-item.js +1 -1
- package/dist/components/calcite-stepper.js +1 -1
- package/dist/components/calcite-switch.js +1 -1
- package/dist/components/calcite-tab-nav.js +1 -1
- package/dist/components/calcite-tab-title.js +1 -1
- package/dist/components/calcite-tab.js +1 -1
- package/dist/components/calcite-tabs.js +1 -1
- package/dist/components/calcite-tile-select-group.js +1 -1
- package/dist/components/calcite-tile-select.js +1 -1
- package/dist/components/calcite-tile.js +1 -1
- package/dist/components/calcite-time-picker.js +1 -1
- package/dist/components/calcite-tip-group.js +1 -1
- package/dist/components/calcite-tip-manager.js +1 -1
- package/dist/components/calcite-tip.js +1 -1
- package/dist/components/calcite-tooltip-manager.js +1 -1
- package/dist/components/calcite-tooltip.js +1 -1
- package/dist/components/calcite-tree-item.js +1 -1
- package/dist/components/calcite-tree.js +1 -1
- package/dist/components/calcite-value-list-item.js +1 -1
- package/dist/components/calcite-value-list.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/chip.js +6 -2
- package/dist/components/color-picker-hex-input.js +1 -1
- package/dist/components/color-picker-swatch.js +1 -1
- package/dist/components/conditionalSlot.js +1 -1
- package/dist/components/date-picker-day.js +1 -1
- package/dist/components/date-picker-month-header.js +1 -1
- package/dist/components/date-picker-month.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/date.js +1 -1
- package/dist/components/debounce.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +32 -15
- package/dist/components/filter.js +1 -1
- package/dist/components/forIn.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/graph.js +1 -1
- package/dist/components/guid.js +1 -1
- package/dist/components/handle.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/interactive.js +1 -1
- package/dist/components/interfaces.js +1 -1
- package/dist/components/interfaces2.js +1 -1
- package/dist/components/key.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/label2.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/locale.js +1 -1
- package/dist/components/math.js +1 -1
- package/dist/components/observers.js +1 -1
- package/dist/components/pick-list-item.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/popper.js +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/resources.js +1 -1
- package/dist/components/resources2.js +1 -1
- package/dist/components/resources3.js +1 -1
- package/dist/components/scrim.js +1 -1
- package/dist/components/shared-list-render.js +1 -1
- package/dist/components/sortable.esm.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tab-nav.js +1 -1
- package/dist/components/tab-title.js +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/tile.js +1 -1
- package/dist/components/time-picker.js +1 -1
- package/dist/components/utils.js +1 -1
- package/dist/components/utils2.js +1 -1
- package/dist/custom-elements/index.js +114 -56
- package/dist/esm/{ExpandToggle-615aef84.js → ExpandToggle-f015017d.js} +5 -5
- package/dist/esm/{Heading-5ccaa054.js → Heading-d8e9c4d0.js} +2 -2
- package/dist/esm/{array-6c52bfc3.js → array-cc249c07.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +17 -8
- package/dist/esm/calcite-action-bar.entry.js +10 -10
- package/dist/esm/calcite-action-group.entry.js +8 -8
- package/dist/esm/calcite-action-menu.entry.js +8 -8
- package/dist/esm/calcite-action-pad.entry.js +9 -9
- package/dist/esm/calcite-action.entry.js +6 -6
- package/dist/esm/calcite-alert.entry.js +5 -5
- package/dist/esm/calcite-avatar.entry.js +5 -5
- package/dist/esm/calcite-block_2.entry.js +8 -8
- package/dist/esm/calcite-button.entry.js +8 -8
- package/dist/esm/calcite-card.entry.js +6 -6
- package/dist/esm/calcite-checkbox.entry.js +7 -7
- package/dist/esm/calcite-chip.entry.js +10 -7
- package/dist/esm/calcite-color-picker_3.entry.js +8 -8
- package/dist/esm/calcite-combobox_3.entry.js +54 -33
- package/dist/esm/calcite-date-picker_4.entry.js +9 -9
- package/dist/esm/calcite-dropdown_3.entry.js +37 -21
- package/dist/esm/calcite-fab.entry.js +5 -5
- package/dist/esm/calcite-filter.entry.js +7 -7
- package/dist/esm/calcite-flow.entry.js +3 -3
- package/dist/esm/calcite-graph_2.entry.js +9 -9
- package/dist/esm/calcite-handle.entry.js +4 -4
- package/dist/esm/calcite-icon.entry.js +5 -5
- package/dist/esm/calcite-inline-editable.entry.js +7 -7
- package/dist/esm/calcite-input-date-picker.entry.js +11 -11
- package/dist/esm/calcite-input-message.entry.js +4 -4
- package/dist/esm/calcite-input-time-picker_2.entry.js +9 -9
- package/dist/esm/calcite-input.entry.js +11 -11
- package/dist/esm/calcite-label.entry.js +5 -5
- package/dist/esm/calcite-link.entry.js +5 -5
- package/dist/esm/calcite-list_3.entry.js +8 -8
- package/dist/esm/calcite-loader.entry.js +3 -3
- package/dist/esm/calcite-modal.entry.js +25 -16
- package/dist/esm/calcite-notice.entry.js +7 -7
- package/dist/esm/calcite-option_3.entry.js +8 -8
- package/dist/esm/calcite-pagination.entry.js +5 -5
- package/dist/esm/calcite-panel.entry.js +9 -9
- package/dist/esm/calcite-pick-list_3.entry.js +11 -11
- package/dist/esm/calcite-popover_2.entry.js +7 -7
- package/dist/esm/calcite-progress.entry.js +2 -2
- package/dist/esm/calcite-radio-button-group.entry.js +3 -3
- package/dist/esm/calcite-radio-button.entry.js +8 -8
- package/dist/esm/calcite-radio-group_2.entry.js +7 -7
- package/dist/esm/calcite-rating.entry.js +8 -8
- package/dist/esm/calcite-scrim.entry.js +2 -2
- package/dist/esm/calcite-shell_3.entry.js +7 -7
- package/dist/esm/calcite-sortable-list.entry.js +5 -5
- package/dist/esm/calcite-split-button.entry.js +3 -3
- package/dist/esm/calcite-stepper_2.entry.js +5 -5
- package/dist/esm/calcite-switch.entry.js +7 -7
- package/dist/esm/calcite-tab_4.entry.js +6 -6
- package/dist/esm/calcite-tile-select_2.entry.js +4 -4
- package/dist/esm/calcite-tile.entry.js +7 -7
- package/dist/esm/calcite-tip_3.entry.js +7 -7
- package/dist/esm/calcite-tooltip_2.entry.js +5 -5
- package/dist/esm/calcite-tree_2.entry.js +6 -6
- package/dist/esm/calcite-value-list_2.entry.js +11 -11
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{conditionalSlot-5833e9f1.js → conditionalSlot-251f048d.js} +3 -3
- package/dist/esm/{debounce-b313dae7.js → debounce-671be4ab.js} +1 -1
- package/dist/esm/{dom-a8a904b8.js → dom-1d25d90d.js} +2 -2
- package/dist/esm/{forIn-634f1be2.js → forIn-61b8f555.js} +2 -2
- package/dist/esm/{form-3e92b679.js → form-9231bd75.js} +3 -3
- package/dist/esm/{guid-3cacc190.js → guid-681ada01.js} +1 -1
- package/dist/esm/{index-d8874173.js → index-3d4e33c9.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-f8ab7c5e.js → interactive-206f3e33.js} +1 -1
- package/dist/esm/{interfaces-32674f6e.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm/{key-835c7134.js → key-aaa7a17a.js} +1 -1
- package/dist/esm/{label-1b2d8b99.js → label-78ef6888.js} +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{locale-75592121.js → locale-ddc99d54.js} +2 -2
- package/dist/esm/{math-f368aecb.js → math-6704b0cd.js} +1 -1
- package/dist/esm/{observers-a5f44357.js → observers-f4b26851.js} +1 -1
- package/dist/esm/{popper-c724cdf6.js → popper-0f8ca820.js} +2 -2
- package/dist/esm/{resources-de00b8ca.js → resources-8bc22c30.js} +1 -1
- package/dist/esm/{resources-f4b11110.js → resources-9cd6c136.js} +3 -3
- package/dist/esm/{resources-899bc715.js → resources-c23513d4.js} +5 -5
- package/dist/esm/{resources-48cb66e2.js → resources-f108bb2c.js} +1 -1
- package/dist/esm/{sortable.esm-fca82674.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm/{utils-4cc978ea.js → utils-29143248.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-615aef84.js → ExpandToggle-f015017d.js} +2 -2
- package/dist/esm-es5/Heading-d8e9c4d0.js +6 -0
- package/dist/esm-es5/{array-6c52bfc3.js → array-cc249c07.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
- package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
- package/dist/esm-es5/calcite-action-group.entry.js +2 -2
- package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
- package/dist/esm-es5/calcite-action-pad.entry.js +2 -2
- package/dist/esm-es5/calcite-action.entry.js +2 -2
- package/dist/esm-es5/calcite-alert.entry.js +2 -2
- package/dist/esm-es5/calcite-avatar.entry.js +2 -2
- package/dist/esm-es5/calcite-block_2.entry.js +2 -2
- package/dist/esm-es5/calcite-button.entry.js +2 -2
- package/dist/esm-es5/calcite-card.entry.js +2 -2
- package/dist/esm-es5/calcite-checkbox.entry.js +2 -2
- package/dist/esm-es5/calcite-chip.entry.js +2 -2
- package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
- package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
- package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
- package/dist/esm-es5/calcite-dropdown_3.entry.js +3 -3
- package/dist/esm-es5/calcite-fab.entry.js +2 -2
- package/dist/esm-es5/calcite-filter.entry.js +2 -2
- package/dist/esm-es5/calcite-flow.entry.js +2 -2
- package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
- package/dist/esm-es5/calcite-handle.entry.js +2 -2
- package/dist/esm-es5/calcite-icon.entry.js +2 -2
- package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
- package/dist/esm-es5/calcite-input-date-picker.entry.js +2 -2
- package/dist/esm-es5/calcite-input-message.entry.js +2 -2
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
- package/dist/esm-es5/calcite-input.entry.js +2 -2
- package/dist/esm-es5/calcite-label.entry.js +2 -2
- package/dist/esm-es5/calcite-link.entry.js +2 -2
- package/dist/esm-es5/calcite-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-loader.entry.js +2 -2
- package/dist/esm-es5/calcite-modal.entry.js +2 -2
- package/dist/esm-es5/calcite-notice.entry.js +2 -2
- package/dist/esm-es5/calcite-option_3.entry.js +2 -2
- package/dist/esm-es5/calcite-pagination.entry.js +2 -2
- package/dist/esm-es5/calcite-panel.entry.js +2 -2
- package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-popover_2.entry.js +2 -2
- package/dist/esm-es5/calcite-progress.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-group_2.entry.js +2 -2
- package/dist/esm-es5/calcite-rating.entry.js +2 -2
- package/dist/esm-es5/calcite-scrim.entry.js +2 -2
- package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
- package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
- package/dist/esm-es5/calcite-split-button.entry.js +2 -2
- package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
- package/dist/esm-es5/calcite-switch.entry.js +2 -2
- package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
- package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tile.entry.js +2 -2
- package/dist/esm-es5/calcite-tip_3.entry.js +3 -3
- package/dist/esm-es5/calcite-tooltip_2.entry.js +3 -3
- package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
- package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
- package/dist/esm-es5/calcite.js +2 -2
- package/dist/esm-es5/{conditionalSlot-5833e9f1.js → conditionalSlot-251f048d.js} +2 -2
- package/dist/esm-es5/{debounce-b313dae7.js → debounce-671be4ab.js} +1 -1
- package/dist/esm-es5/{dom-a8a904b8.js → dom-1d25d90d.js} +2 -2
- package/dist/esm-es5/{forIn-634f1be2.js → forIn-61b8f555.js} +2 -2
- package/dist/esm-es5/{form-3e92b679.js → form-9231bd75.js} +2 -2
- package/dist/esm-es5/{guid-3cacc190.js → guid-681ada01.js} +1 -1
- package/dist/esm-es5/{index-d8874173.js → index-3d4e33c9.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-f8ab7c5e.js → interactive-206f3e33.js} +1 -1
- package/dist/esm-es5/{interfaces-32674f6e.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm-es5/{key-835c7134.js → key-aaa7a17a.js} +1 -1
- package/dist/esm-es5/{label-1b2d8b99.js → label-78ef6888.js} +2 -2
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-75592121.js → locale-ddc99d54.js} +2 -2
- package/dist/esm-es5/{math-f368aecb.js → math-6704b0cd.js} +1 -1
- package/dist/esm-es5/{observers-a5f44357.js → observers-f4b26851.js} +1 -1
- package/dist/esm-es5/{popper-c724cdf6.js → popper-0f8ca820.js} +2 -2
- package/dist/esm-es5/{resources-de00b8ca.js → resources-8bc22c30.js} +1 -1
- package/dist/esm-es5/{resources-f4b11110.js → resources-9cd6c136.js} +2 -2
- package/dist/esm-es5/{resources-899bc715.js → resources-c23513d4.js} +2 -2
- package/dist/esm-es5/{resources-48cb66e2.js → resources-f108bb2c.js} +1 -1
- package/dist/esm-es5/{sortable.esm-fca82674.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm-es5/{utils-4cc978ea.js → utils-29143248.js} +1 -1
- package/dist/extras/docs-json.json +117 -8
- package/dist/loader/cdn.js +1 -1
- package/dist/loader/index.cjs.js +1 -1
- package/dist/loader/index.es2017.js +1 -1
- package/dist/loader/index.js +1 -1
- package/dist/types/components/accordion-item/accordion-item.d.ts +7 -1
- package/dist/types/components/chip/chip.d.ts +2 -0
- package/dist/types/components/combobox/combobox.d.ts +7 -1
- package/dist/types/components/dropdown/dropdown.d.ts +7 -1
- package/dist/types/components/modal/modal.d.ts +9 -3
- package/dist/types/components.d.ts +54 -6
- package/hydrate/index.js +119 -56
- package/package.json +1 -1
- package/dist/calcite/p-09854013.entry.js +0 -6
- package/dist/calcite/p-2e1491da.entry.js +0 -6
- package/dist/calcite/p-47bcb060.system.entry.js +0 -6
- package/dist/calcite/p-4b4ff426.js +0 -6
- package/dist/calcite/p-4d9dd9e3.system.entry.js +0 -6
- package/dist/calcite/p-53abe760.system.js +0 -6
- package/dist/calcite/p-5bc79da8.entry.js +0 -6
- package/dist/calcite/p-5ca4c426.entry.js +0 -6
- package/dist/calcite/p-b62639a5.entry.js +0 -6
- package/dist/calcite/p-cad3a0e2.system.entry.js +0 -6
- package/dist/calcite/p-d4ba6958.entry.js +0 -6
- package/dist/calcite/p-d4eabd92.js +0 -6
- package/dist/esm-es5/Heading-5ccaa054.js +0 -6
|
@@ -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
|
}
|
|
@@ -4285,7 +4294,7 @@ const ICONS$a = {
|
|
|
4285
4294
|
close: "x"
|
|
4286
4295
|
};
|
|
4287
4296
|
|
|
4288
|
-
const chipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .image-container{height:2rem;width:2rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-1);outline-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.image-container{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:50%}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;border-radius:50%}.chip-icon{position:relative;margin-top:0px;margin-bottom:0px;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey][appearance=solid]) button,:host([color=grey][appearance=solid]) .close-icon{color:var(--calcite-ui-text-3)}:host([color=grey][appearance=solid]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-info))}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-danger))}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-warning))}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-success))}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}";
|
|
4297
|
+
const chipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .image-container{height:2rem;width:2rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-1);outline-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.image-container{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:50%}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;border-radius:50%}.chip-icon{position:relative;margin-top:0px;margin-bottom:0px;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey][appearance=solid]) button,:host([color=grey][appearance=solid]) .close-icon{color:var(--calcite-ui-text-3)}:host([color=grey][appearance=solid]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-info))}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-danger))}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-warning))}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-success))}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([closed]){display:none}";
|
|
4289
4298
|
|
|
4290
4299
|
const Chip = class extends HTMLElement$1 {
|
|
4291
4300
|
constructor() {
|
|
@@ -4314,6 +4323,8 @@ const Chip = class extends HTMLElement$1 {
|
|
|
4314
4323
|
this.iconFlipRtl = false;
|
|
4315
4324
|
/** specify the scale of the chip, defaults to m */
|
|
4316
4325
|
this.scale = "m";
|
|
4326
|
+
/** When true, hides the chip */
|
|
4327
|
+
this.closed = false;
|
|
4317
4328
|
// --------------------------------------------------------------------------
|
|
4318
4329
|
//
|
|
4319
4330
|
// Private Methods
|
|
@@ -4322,6 +4333,7 @@ const Chip = class extends HTMLElement$1 {
|
|
|
4322
4333
|
this.closeClickHandler = (event) => {
|
|
4323
4334
|
event.preventDefault();
|
|
4324
4335
|
this.calciteChipDismiss.emit(this.el);
|
|
4336
|
+
this.closed = true;
|
|
4325
4337
|
};
|
|
4326
4338
|
this.guid = guid();
|
|
4327
4339
|
}
|
|
@@ -9613,8 +9625,14 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9613
9625
|
// Public Properties
|
|
9614
9626
|
//
|
|
9615
9627
|
//--------------------------------------------------------------------------
|
|
9616
|
-
/**
|
|
9628
|
+
/**
|
|
9629
|
+
* When true, opens the combobox
|
|
9630
|
+
*
|
|
9631
|
+
* @deprecated use open instead
|
|
9632
|
+
*/
|
|
9617
9633
|
this.active = false;
|
|
9634
|
+
/**When true, opens the combobox */
|
|
9635
|
+
this.open = false;
|
|
9618
9636
|
/** Disable combobox input */
|
|
9619
9637
|
this.disabled = false;
|
|
9620
9638
|
/** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
|
|
@@ -9688,8 +9706,9 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9688
9706
|
this.addCustomChip(this.text, true);
|
|
9689
9707
|
event.preventDefault();
|
|
9690
9708
|
}
|
|
9691
|
-
else if (this.active) {
|
|
9709
|
+
else if (this.open || this.active) {
|
|
9692
9710
|
this.active = false;
|
|
9711
|
+
this.open = false;
|
|
9693
9712
|
event.preventDefault();
|
|
9694
9713
|
}
|
|
9695
9714
|
break;
|
|
@@ -9706,9 +9725,10 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9706
9725
|
}
|
|
9707
9726
|
break;
|
|
9708
9727
|
case "ArrowDown":
|
|
9709
|
-
if (!this.active) {
|
|
9728
|
+
if (!(this.open || this.active)) {
|
|
9710
9729
|
event.preventDefault();
|
|
9711
9730
|
this.active = true;
|
|
9731
|
+
this.open = true;
|
|
9712
9732
|
}
|
|
9713
9733
|
this.shiftActiveItemIndex(1);
|
|
9714
9734
|
if (!this.comboboxInViewport()) {
|
|
@@ -9719,11 +9739,12 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9719
9739
|
if (!this.textInput.value) {
|
|
9720
9740
|
event.preventDefault();
|
|
9721
9741
|
this.active = true;
|
|
9742
|
+
this.open = true;
|
|
9722
9743
|
this.shiftActiveItemIndex(1);
|
|
9723
9744
|
}
|
|
9724
9745
|
break;
|
|
9725
9746
|
case "Home":
|
|
9726
|
-
if (this.active) {
|
|
9747
|
+
if (this.open || this.active) {
|
|
9727
9748
|
event.preventDefault();
|
|
9728
9749
|
}
|
|
9729
9750
|
this.updateActiveItemIndex(0);
|
|
@@ -9733,7 +9754,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9733
9754
|
}
|
|
9734
9755
|
break;
|
|
9735
9756
|
case "End":
|
|
9736
|
-
if (this.active) {
|
|
9757
|
+
if (this.open || this.active) {
|
|
9737
9758
|
event.preventDefault();
|
|
9738
9759
|
}
|
|
9739
9760
|
this.updateActiveItemIndex(this.visibleItems.length - 1);
|
|
@@ -9744,6 +9765,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9744
9765
|
break;
|
|
9745
9766
|
case "Escape":
|
|
9746
9767
|
this.active = false;
|
|
9768
|
+
this.open = false;
|
|
9747
9769
|
break;
|
|
9748
9770
|
case "Enter":
|
|
9749
9771
|
if (this.activeItemIndex > -1) {
|
|
@@ -9772,15 +9794,17 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9772
9794
|
};
|
|
9773
9795
|
this.toggleCloseEnd = () => {
|
|
9774
9796
|
this.active = false;
|
|
9797
|
+
this.open = false;
|
|
9775
9798
|
this.el.removeEventListener("calciteComboboxClose", this.toggleCloseEnd);
|
|
9776
9799
|
};
|
|
9777
9800
|
this.toggleOpenEnd = () => {
|
|
9778
9801
|
this.active = true;
|
|
9802
|
+
this.open = false;
|
|
9779
9803
|
this.el.removeEventListener("calciteComboboxOpen", this.toggleOpenEnd);
|
|
9780
9804
|
};
|
|
9781
9805
|
this.transitionEnd = (event) => {
|
|
9782
9806
|
if (event.propertyName === this.activeTransitionProp) {
|
|
9783
|
-
this.active ? this.onOpen() : this.onClose();
|
|
9807
|
+
this.open || this.active ? this.onOpen() : this.onClose();
|
|
9784
9808
|
}
|
|
9785
9809
|
};
|
|
9786
9810
|
/* *
|
|
@@ -9789,12 +9813,13 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9789
9813
|
*/
|
|
9790
9814
|
this.transitionRunHandler = (event) => {
|
|
9791
9815
|
if (event.propertyName === this.activeTransitionProp) {
|
|
9792
|
-
this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
9816
|
+
this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
|
|
9793
9817
|
}
|
|
9794
9818
|
};
|
|
9795
9819
|
this.setMaxScrollerHeight = async () => {
|
|
9796
|
-
const { active, listContainerEl } = this;
|
|
9797
|
-
|
|
9820
|
+
const { active, listContainerEl, open } = this;
|
|
9821
|
+
const isOpen = !(active || open);
|
|
9822
|
+
if (!listContainerEl || isOpen) {
|
|
9798
9823
|
return;
|
|
9799
9824
|
}
|
|
9800
9825
|
await this.reposition();
|
|
@@ -9804,6 +9829,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9804
9829
|
};
|
|
9805
9830
|
this.calciteChipDismissHandler = (event, comboboxItem) => {
|
|
9806
9831
|
this.active = false;
|
|
9832
|
+
this.open = false;
|
|
9807
9833
|
const selection = this.items.find((item) => item === comboboxItem);
|
|
9808
9834
|
if (selection) {
|
|
9809
9835
|
this.toggleSelection(selection, false);
|
|
@@ -9815,12 +9841,14 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9815
9841
|
return;
|
|
9816
9842
|
}
|
|
9817
9843
|
this.active = !this.active;
|
|
9844
|
+
this.open = !this.open;
|
|
9818
9845
|
this.updateActiveItemIndex(0);
|
|
9819
9846
|
this.setFocus();
|
|
9820
9847
|
};
|
|
9821
9848
|
this.setInactiveIfNotContained = (event) => {
|
|
9822
9849
|
const composedPath = event.composedPath();
|
|
9823
|
-
|
|
9850
|
+
const isOpen = !(this.open || this.active);
|
|
9851
|
+
if (isOpen || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
|
|
9824
9852
|
return;
|
|
9825
9853
|
}
|
|
9826
9854
|
if (this.allowCustomValues && this.text.trim().length) {
|
|
@@ -9835,6 +9863,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9835
9863
|
this.updateActiveItemIndex(-1);
|
|
9836
9864
|
}
|
|
9837
9865
|
this.active = false;
|
|
9866
|
+
this.open = false;
|
|
9838
9867
|
};
|
|
9839
9868
|
this.setMenuEl = (el) => {
|
|
9840
9869
|
this.menuEl = el;
|
|
@@ -9926,6 +9955,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9926
9955
|
activeHandler() {
|
|
9927
9956
|
if (this.disabled) {
|
|
9928
9957
|
this.active = false;
|
|
9958
|
+
this.open = false;
|
|
9929
9959
|
return;
|
|
9930
9960
|
}
|
|
9931
9961
|
this.setMaxScrollerHeight();
|
|
@@ -9933,6 +9963,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
9933
9963
|
handleDisabledChange(value) {
|
|
9934
9964
|
if (!value) {
|
|
9935
9965
|
this.active = false;
|
|
9966
|
+
this.open = false;
|
|
9936
9967
|
}
|
|
9937
9968
|
}
|
|
9938
9969
|
maxItemsHandler() {
|
|
@@ -10076,7 +10107,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10076
10107
|
};
|
|
10077
10108
|
const eventListenerModifier = {
|
|
10078
10109
|
name: "eventListeners",
|
|
10079
|
-
enabled: this.active
|
|
10110
|
+
enabled: this.open || this.active
|
|
10080
10111
|
};
|
|
10081
10112
|
return [flipModifier, eventListenerModifier];
|
|
10082
10113
|
}
|
|
@@ -10154,6 +10185,7 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10154
10185
|
this.textInput.value = item.textLabel;
|
|
10155
10186
|
}
|
|
10156
10187
|
this.active = false;
|
|
10188
|
+
this.open = false;
|
|
10157
10189
|
this.updateActiveItemIndex(-1);
|
|
10158
10190
|
this.resetText();
|
|
10159
10191
|
this.filterItems("");
|
|
@@ -10336,10 +10368,10 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10336
10368
|
});
|
|
10337
10369
|
}
|
|
10338
10370
|
renderInput() {
|
|
10339
|
-
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems } = this;
|
|
10371
|
+
const { guid, active, disabled, placeholder, selectionMode, needsIcon, selectedItems, open } = this;
|
|
10340
10372
|
const single = selectionMode === "single";
|
|
10341
10373
|
const selectedItem = selectedItems[0];
|
|
10342
|
-
const showLabel = !active && single && !!selectedItem;
|
|
10374
|
+
const showLabel = !(open || active) && single && !!selectedItem;
|
|
10343
10375
|
return (h("span", { class: {
|
|
10344
10376
|
"input-wrap": true,
|
|
10345
10377
|
"input-wrap--single": single
|
|
@@ -10358,13 +10390,13 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10358
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)));
|
|
10359
10391
|
}
|
|
10360
10392
|
renderPopperContainer() {
|
|
10361
|
-
const { active, setMenuEl, setListContainerEl } = this;
|
|
10393
|
+
const { active, setMenuEl, setListContainerEl, open } = this;
|
|
10362
10394
|
const classes = {
|
|
10363
10395
|
"list-container": true,
|
|
10364
10396
|
[CSS$D.animation]: true,
|
|
10365
|
-
[CSS$D.animationActive]: active
|
|
10397
|
+
[CSS$D.animationActive]: open || active
|
|
10366
10398
|
};
|
|
10367
|
-
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)))));
|
|
10368
10400
|
}
|
|
10369
10401
|
renderIconStart() {
|
|
10370
10402
|
var _a;
|
|
@@ -10375,21 +10407,22 @@ const Combobox = class extends HTMLElement$1 {
|
|
|
10375
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" }))));
|
|
10376
10408
|
}
|
|
10377
10409
|
renderIconEnd() {
|
|
10378
|
-
const { active } = this;
|
|
10379
|
-
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" })));
|
|
10380
10412
|
}
|
|
10381
10413
|
render() {
|
|
10382
|
-
const { active, guid, label } = this;
|
|
10414
|
+
const { active, guid, label, open } = this;
|
|
10383
10415
|
const single = this.selectionMode === "single";
|
|
10384
|
-
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: {
|
|
10385
10417
|
wrapper: true,
|
|
10386
10418
|
"wrapper--single": single || !this.selectedItems.length,
|
|
10387
|
-
"wrapper--active": active
|
|
10419
|
+
"wrapper--active": open || active
|
|
10388
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 })));
|
|
10389
10421
|
}
|
|
10390
10422
|
get el() { return this; }
|
|
10391
10423
|
static get watchers() { return {
|
|
10392
10424
|
"active": ["activeHandler"],
|
|
10425
|
+
"open": ["activeHandler"],
|
|
10393
10426
|
"disabled": ["handleDisabledChange"],
|
|
10394
10427
|
"maxItems": ["maxItemsHandler"],
|
|
10395
10428
|
"value": ["valueHandler"],
|
|
@@ -12034,7 +12067,7 @@ const SLOTS$h = {
|
|
|
12034
12067
|
dropdownTrigger: "dropdown-trigger"
|
|
12035
12068
|
};
|
|
12036
12069
|
|
|
12037
|
-
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}";
|
|
12038
12071
|
|
|
12039
12072
|
const Dropdown = class extends HTMLElement$1 {
|
|
12040
12073
|
constructor() {
|
|
@@ -12051,8 +12084,14 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12051
12084
|
// Public Properties
|
|
12052
12085
|
//
|
|
12053
12086
|
//--------------------------------------------------------------------------
|
|
12054
|
-
/**
|
|
12087
|
+
/**
|
|
12088
|
+
* Opens or closes the dropdown
|
|
12089
|
+
*
|
|
12090
|
+
* @deprecated use open instead.
|
|
12091
|
+
*/
|
|
12055
12092
|
this.active = false;
|
|
12093
|
+
/** When true, opens the dropdown */
|
|
12094
|
+
this.open = false;
|
|
12056
12095
|
/**
|
|
12057
12096
|
allow the dropdown to remain open after a selection is made
|
|
12058
12097
|
if the selection-mode of the selected item's containing group is "none", the dropdown will always close
|
|
@@ -12139,8 +12178,9 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12139
12178
|
scrollerEl.style.minWidth = `${referenceElWidth}px`;
|
|
12140
12179
|
};
|
|
12141
12180
|
this.setMaxScrollerHeight = () => {
|
|
12142
|
-
const { active, scrollerEl } = this;
|
|
12143
|
-
|
|
12181
|
+
const { active, scrollerEl, open } = this;
|
|
12182
|
+
const isOpen = !(active || open);
|
|
12183
|
+
if (!scrollerEl || isOpen) {
|
|
12144
12184
|
return;
|
|
12145
12185
|
}
|
|
12146
12186
|
this.reposition();
|
|
@@ -12155,12 +12195,14 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12155
12195
|
};
|
|
12156
12196
|
this.transitionEnd = (event) => {
|
|
12157
12197
|
if (event.propertyName === this.activeTransitionProp) {
|
|
12158
|
-
this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
12198
|
+
this.open || this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
|
|
12159
12199
|
}
|
|
12160
12200
|
};
|
|
12161
12201
|
this.transitionRunHandler = (event) => {
|
|
12162
12202
|
if (event.propertyName === this.activeTransitionProp) {
|
|
12163
|
-
this.active
|
|
12203
|
+
this.active || this.open
|
|
12204
|
+
? this.emitOpenCloseEvent("beforeOpen")
|
|
12205
|
+
: this.emitOpenCloseEvent("beforeClose");
|
|
12164
12206
|
}
|
|
12165
12207
|
};
|
|
12166
12208
|
this.setReferenceEl = (el) => {
|
|
@@ -12176,7 +12218,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12176
12218
|
return;
|
|
12177
12219
|
}
|
|
12178
12220
|
const key = e.key;
|
|
12179
|
-
if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
12221
|
+
if ((this.open || this.active) && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
12180
12222
|
this.closeCalciteDropdown();
|
|
12181
12223
|
return;
|
|
12182
12224
|
}
|
|
@@ -12199,7 +12241,8 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12199
12241
|
};
|
|
12200
12242
|
this.openCalciteDropdown = () => {
|
|
12201
12243
|
this.active = !this.active;
|
|
12202
|
-
|
|
12244
|
+
this.open = !this.open;
|
|
12245
|
+
if (this.active || this.open) {
|
|
12203
12246
|
this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
|
|
12204
12247
|
}
|
|
12205
12248
|
};
|
|
@@ -12210,10 +12253,12 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12210
12253
|
return;
|
|
12211
12254
|
}
|
|
12212
12255
|
this.active = false;
|
|
12256
|
+
this.open = false;
|
|
12213
12257
|
}
|
|
12214
12258
|
handleDisabledChange(value) {
|
|
12215
12259
|
if (!value) {
|
|
12216
12260
|
this.active = false;
|
|
12261
|
+
this.open = false;
|
|
12217
12262
|
}
|
|
12218
12263
|
}
|
|
12219
12264
|
flipPlacementsHandler() {
|
|
@@ -12252,12 +12297,12 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12252
12297
|
}
|
|
12253
12298
|
}
|
|
12254
12299
|
render() {
|
|
12255
|
-
const { active } = this;
|
|
12256
|
-
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: {
|
|
12257
12302
|
["calcite-dropdown-content"]: true,
|
|
12258
12303
|
[CSS$D.animation]: true,
|
|
12259
|
-
[CSS$D.animationActive]: active
|
|
12260
|
-
}, 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 }))))));
|
|
12261
12306
|
}
|
|
12262
12307
|
//--------------------------------------------------------------------------
|
|
12263
12308
|
//
|
|
@@ -12278,7 +12323,8 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12278
12323
|
: this.createPopper();
|
|
12279
12324
|
}
|
|
12280
12325
|
closeCalciteDropdownOnClick(e) {
|
|
12281
|
-
|
|
12326
|
+
const isOpen = !(this.open || this.active);
|
|
12327
|
+
if (isOpen || e.composedPath().includes(this.el)) {
|
|
12282
12328
|
return;
|
|
12283
12329
|
}
|
|
12284
12330
|
this.closeCalciteDropdown(false);
|
|
@@ -12292,6 +12338,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12292
12338
|
return;
|
|
12293
12339
|
}
|
|
12294
12340
|
this.active = false;
|
|
12341
|
+
this.open = false;
|
|
12295
12342
|
}
|
|
12296
12343
|
mouseEnterHandler() {
|
|
12297
12344
|
if (this.type === "hover") {
|
|
@@ -12373,7 +12420,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12373
12420
|
};
|
|
12374
12421
|
const eventListenerModifier = {
|
|
12375
12422
|
name: "eventListeners",
|
|
12376
|
-
enabled: this.active
|
|
12423
|
+
enabled: this.open || this.active
|
|
12377
12424
|
};
|
|
12378
12425
|
return [flipModifier, eventListenerModifier];
|
|
12379
12426
|
}
|
|
@@ -12424,6 +12471,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12424
12471
|
}
|
|
12425
12472
|
closeCalciteDropdown(focusTrigger = true) {
|
|
12426
12473
|
this.active = false;
|
|
12474
|
+
this.open = false;
|
|
12427
12475
|
if (focusTrigger) {
|
|
12428
12476
|
focusElement(this.triggers[0]);
|
|
12429
12477
|
}
|
|
@@ -12461,6 +12509,7 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
12461
12509
|
get el() { return this; }
|
|
12462
12510
|
static get watchers() { return {
|
|
12463
12511
|
"active": ["activeHandler"],
|
|
12512
|
+
"open": ["activeHandler"],
|
|
12464
12513
|
"disabled": ["handleDisabledChange"],
|
|
12465
12514
|
"flipPlacements": ["flipPlacementsHandler"],
|
|
12466
12515
|
"maxItems": ["maxItemsHandler"],
|
|
@@ -15873,7 +15922,7 @@ const TEXT$b = {
|
|
|
15873
15922
|
close: "Close"
|
|
15874
15923
|
};
|
|
15875
15924
|
|
|
15876
|
-
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}}";
|
|
15877
15926
|
|
|
15878
15927
|
const isFocusableExtended = (el) => {
|
|
15879
15928
|
return isCalciteFocusable(el) || isFocusable(el);
|
|
@@ -15893,9 +15942,15 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15893
15942
|
// Properties
|
|
15894
15943
|
//
|
|
15895
15944
|
//--------------------------------------------------------------------------
|
|
15896
|
-
/**
|
|
15945
|
+
/**
|
|
15946
|
+
* When true, the `calcite-modal` is active.
|
|
15947
|
+
*
|
|
15948
|
+
* @deprecated use open instead
|
|
15949
|
+
*/
|
|
15897
15950
|
this.active = false;
|
|
15898
|
-
/**
|
|
15951
|
+
/** When true,`calcite-modal` opens */
|
|
15952
|
+
this.open = false;
|
|
15953
|
+
/** Passes a function to run before the `calcite-modal` closes. */
|
|
15899
15954
|
this.beforeClose = () => Promise.resolve();
|
|
15900
15955
|
/** When true, disables the component's close button. */
|
|
15901
15956
|
this.disableCloseButton = false;
|
|
@@ -15928,7 +15983,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15928
15983
|
//--------------------------------------------------------------------------
|
|
15929
15984
|
this.transitionEnd = (event) => {
|
|
15930
15985
|
if (event.propertyName === this.activeTransitionProp) {
|
|
15931
|
-
this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
15986
|
+
this.open || this.active ? this.calciteModalOpen.emit() : this.calciteModalClose.emit();
|
|
15932
15987
|
}
|
|
15933
15988
|
};
|
|
15934
15989
|
this.openEnd = () => {
|
|
@@ -15945,6 +16000,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15945
16000
|
this.close = () => {
|
|
15946
16001
|
return this.beforeClose(this.el).then(() => {
|
|
15947
16002
|
this.active = false;
|
|
16003
|
+
this.open = false;
|
|
15948
16004
|
focusElement(this.previousActiveElement);
|
|
15949
16005
|
this.removeOverflowHiddenClass();
|
|
15950
16006
|
});
|
|
@@ -15972,8 +16028,8 @@ const Modal = class extends HTMLElement$1 {
|
|
|
15972
16028
|
//--------------------------------------------------------------------------
|
|
15973
16029
|
componentWillLoad() {
|
|
15974
16030
|
// when modal initially renders, if active was set we need to open as watcher doesn't fire
|
|
15975
|
-
if (this.active) {
|
|
15976
|
-
this.
|
|
16031
|
+
if (this.open || this.active) {
|
|
16032
|
+
this.openModal();
|
|
15977
16033
|
}
|
|
15978
16034
|
}
|
|
15979
16035
|
connectedCallback() {
|
|
@@ -16029,7 +16085,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16029
16085
|
//
|
|
16030
16086
|
//--------------------------------------------------------------------------
|
|
16031
16087
|
handleEscape(e) {
|
|
16032
|
-
if (this.active && !this.disableEscape && e.key === "Escape") {
|
|
16088
|
+
if ((this.open || this.active) && !this.disableEscape && e.key === "Escape") {
|
|
16033
16089
|
this.close();
|
|
16034
16090
|
}
|
|
16035
16091
|
}
|
|
@@ -16082,7 +16138,7 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16082
16138
|
async toggleModal(value, oldValue) {
|
|
16083
16139
|
if (value !== oldValue) {
|
|
16084
16140
|
if (value) {
|
|
16085
|
-
this.
|
|
16141
|
+
this.openModal();
|
|
16086
16142
|
}
|
|
16087
16143
|
else if (!value) {
|
|
16088
16144
|
this.close();
|
|
@@ -16090,10 +16146,11 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16090
16146
|
}
|
|
16091
16147
|
}
|
|
16092
16148
|
/** Open the modal */
|
|
16093
|
-
|
|
16149
|
+
openModal() {
|
|
16094
16150
|
this.previousActiveElement = document.activeElement;
|
|
16095
16151
|
this.el.addEventListener("calciteModalOpen", this.openEnd);
|
|
16096
16152
|
this.active = true;
|
|
16153
|
+
this.open = true;
|
|
16097
16154
|
const titleEl = getSlotted(this.el, SLOTS$e.header);
|
|
16098
16155
|
const contentEl = getSlotted(this.el, SLOTS$e.content);
|
|
16099
16156
|
this.titleId = ensureId(titleEl);
|
|
@@ -16105,7 +16162,8 @@ const Modal = class extends HTMLElement$1 {
|
|
|
16105
16162
|
}
|
|
16106
16163
|
get el() { return this; }
|
|
16107
16164
|
static get watchers() { return {
|
|
16108
|
-
"active": ["toggleModal"]
|
|
16165
|
+
"active": ["toggleModal"],
|
|
16166
|
+
"open": ["toggleModal"]
|
|
16109
16167
|
}; }
|
|
16110
16168
|
static get style() { return modalCss; }
|
|
16111
16169
|
};
|
|
@@ -27140,7 +27198,7 @@ const ValueListItem = class extends HTMLElement$1 {
|
|
|
27140
27198
|
};
|
|
27141
27199
|
|
|
27142
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"]]]);
|
|
27143
|
-
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"]]]);
|
|
27144
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"]}]);
|
|
27145
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]}]);
|
|
27146
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]}]);
|
|
@@ -27153,18 +27211,18 @@ const CalciteBlockSection = /*@__PURE__*/proxyCustomElement(BlockSection, [1,"ca
|
|
|
27153
27211
|
const CalciteButton = /*@__PURE__*/proxyCustomElement(Button, [1,"calcite-button",{"alignment":[513],"appearance":[513],"label":[1],"color":[513],"disabled":[516],"href":[513],"iconEnd":[513,"icon-end"],"iconFlipRtl":[513,"icon-flip-rtl"],"iconStart":[513,"icon-start"],"intlLoading":[1,"intl-loading"],"loading":[516],"name":[1],"rel":[1],"form":[1],"round":[516],"scale":[513],"splitChild":[520,"split-child"],"target":[1],"type":[1025],"width":[513],"hasContent":[32],"hasLoader":[32]}]);
|
|
27154
27212
|
const CalciteCard = /*@__PURE__*/proxyCustomElement(Card, [1,"calcite-card",{"loading":[516],"selected":[1540],"selectable":[516],"intlLoading":[1,"intl-loading"],"intlSelect":[1,"intl-select"],"intlDeselect":[1,"intl-deselect"],"thumbnailPosition":[1,"thumbnail-position"]}]);
|
|
27155
27213
|
const CalciteCheckbox = /*@__PURE__*/proxyCustomElement(Checkbox, [1,"calcite-checkbox",{"checked":[1540],"disabled":[516],"guid":[1537],"hovered":[1540],"indeterminate":[1540],"label":[1],"name":[520],"required":[516],"scale":[513],"value":[8]}]);
|
|
27156
|
-
const CalciteChip = /*@__PURE__*/proxyCustomElement(Chip, [1,"calcite-chip",{"appearance":[513],"color":[513],"dismissible":[516],"dismissLabel":[1,"dismiss-label"],"icon":[513],"iconFlipRtl":[516,"icon-flip-rtl"],"scale":[513],"value":[8]}]);
|
|
27214
|
+
const CalciteChip = /*@__PURE__*/proxyCustomElement(Chip, [1,"calcite-chip",{"appearance":[513],"color":[513],"dismissible":[516],"dismissLabel":[1,"dismiss-label"],"icon":[513],"iconFlipRtl":[516,"icon-flip-rtl"],"scale":[513],"value":[8],"closed":[1540]}]);
|
|
27157
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"]]]);
|
|
27158
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"]]]);
|
|
27159
27217
|
const CalciteColorPickerSwatch = /*@__PURE__*/proxyCustomElement(ColorPickerSwatch, [1,"calcite-color-picker-swatch",{"active":[516],"color":[1],"scale":[513]}]);
|
|
27160
|
-
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"]]]);
|
|
27161
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"]}]);
|
|
27162
27220
|
const CalciteComboboxItemGroup = /*@__PURE__*/proxyCustomElement(ComboboxItemGroup, [1,"calcite-combobox-item-group",{"ancestors":[1040],"label":[1]}]);
|
|
27163
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]}]);
|
|
27164
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"]]]);
|
|
27165
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"]]]);
|
|
27166
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]}]);
|
|
27167
|
-
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"]]]);
|
|
27168
27226
|
const CalciteDropdownGroup = /*@__PURE__*/proxyCustomElement(DropdownGroup, [1,"calcite-dropdown-group",{"groupTitle":[513,"group-title"],"selectionMode":[513,"selection-mode"],"scale":[513]},[[0,"calciteInternalDropdownItemSelect","updateActiveItemOnChange"]]]);
|
|
27169
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"]]]);
|
|
27170
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"]}]);
|
|
@@ -27184,7 +27242,7 @@ const CalciteList = /*@__PURE__*/proxyCustomElement(List$1, [1,"calcite-list",{"
|
|
|
27184
27242
|
const CalciteListItem = /*@__PURE__*/proxyCustomElement(ListItem, [1,"calcite-list-item",{"nonInteractive":[516,"non-interactive"],"description":[1],"disabled":[516],"label":[1]}]);
|
|
27185
27243
|
const CalciteListItemGroup = /*@__PURE__*/proxyCustomElement(ListItemGroup, [1,"calcite-list-item-group",{"heading":[513],"headingLevel":[2,"heading-level"]}]);
|
|
27186
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"]}]);
|
|
27187
|
-
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"]]]);
|
|
27188
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]}]);
|
|
27189
27247
|
const CalciteOption = /*@__PURE__*/proxyCustomElement(Option, [1,"calcite-option",{"disabled":[516],"label":[1025],"selected":[516],"value":[1032]}]);
|
|
27190
27248
|
const CalciteOptionGroup = /*@__PURE__*/proxyCustomElement(OptionGroup, [1,"calcite-option-group",{"disabled":[516],"label":[1]}]);
|