@esri/calcite-components 1.0.0-next.520 → 1.0.0-next.521
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/calcite.esm.js +2 -2
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/index.esm.js +1 -1
- package/dist/calcite/p-01b638d1.entry.js +6 -0
- package/dist/calcite/{p-dd699884.entry.js → p-02a3583d.entry.js} +2 -2
- package/dist/calcite/{p-a081753e.entry.js → p-037f81e1.entry.js} +2 -2
- package/dist/calcite/{p-f633dc67.entry.js → p-05a4b9dd.entry.js} +2 -2
- package/dist/calcite/{p-2be5f5e4.system.entry.js → p-06332d21.system.entry.js} +2 -2
- package/dist/calcite/{p-d178a247.entry.js → p-0664c198.entry.js} +2 -2
- package/dist/calcite/p-08e28998.system.entry.js +6 -0
- package/dist/calcite/{p-7d329d08.js → p-08f334c1.js} +2 -2
- package/dist/calcite/{p-007035f4.system.entry.js → p-0c6874b0.system.entry.js} +2 -2
- package/dist/calcite/{p-3a9aaecf.js → p-0c8eb394.js} +1 -1
- package/dist/calcite/{p-6d2ba11e.entry.js → p-0d86e14f.entry.js} +2 -2
- package/dist/calcite/{p-f2bd3b8f.system.entry.js → p-0df3ffa0.system.entry.js} +2 -2
- package/dist/calcite/{p-d25efce4.entry.js → p-0e8275de.entry.js} +2 -2
- package/dist/calcite/{p-083b105d.js → p-0e88270b.js} +2 -2
- package/dist/calcite/{p-a1621fa7.entry.js → p-0f7446cb.entry.js} +2 -2
- package/dist/calcite/{p-06c14b86.system.entry.js → p-0ff0ca0b.system.entry.js} +3 -3
- package/dist/calcite/{p-534a7ca5.entry.js → p-10fe1682.entry.js} +2 -2
- package/dist/calcite/{p-f382a06e.entry.js → p-15a2f2b5.entry.js} +2 -2
- package/dist/calcite/{p-ad6accf2.js → p-1786fb93.js} +1 -1
- package/dist/calcite/{p-73f3b6cd.system.entry.js → p-18de0e0b.system.entry.js} +2 -2
- package/dist/calcite/{p-13fe270d.entry.js → p-18e94c9f.entry.js} +2 -2
- package/dist/calcite/{p-973fa781.entry.js → p-1934cb89.entry.js} +2 -2
- package/dist/calcite/p-196346bf.system.entry.js +6 -0
- package/dist/calcite/{p-9781070e.system.js → p-19f87399.system.js} +1 -1
- package/dist/calcite/{p-cdc700be.system.entry.js → p-1a7dcfc0.system.entry.js} +2 -2
- package/dist/calcite/{p-78274269.system.js → p-1c45719a.system.js} +1 -1
- package/dist/calcite/{p-8e1b9b65.js → p-1d7e2d4a.js} +1 -1
- package/dist/calcite/p-22d40d65.entry.js +6 -0
- package/dist/calcite/{p-8cadf826.system.js → p-22ffda43.system.js} +2 -2
- package/dist/calcite/{p-a64bd767.system.entry.js → p-25129b54.system.entry.js} +2 -2
- package/dist/calcite/{p-76b6b612.system.entry.js → p-28b4be8f.system.entry.js} +2 -2
- package/dist/calcite/{p-1f3485fd.js → p-2981a893.js} +2 -2
- package/dist/calcite/p-2b8e9cae.system.entry.js +6 -0
- package/dist/calcite/{p-0444a89a.js → p-2bceb3cc.js} +2 -2
- package/dist/calcite/{p-3b3d8fda.system.entry.js → p-302615c5.system.entry.js} +2 -2
- package/dist/calcite/{p-c2d033d5.system.js → p-3111a501.system.js} +1 -1
- package/dist/calcite/{p-aff0389a.system.js → p-37ae8843.system.js} +2 -2
- package/dist/calcite/p-3854aaa3.entry.js +6 -0
- package/dist/calcite/{p-f4742511.js → p-3ade5098.js} +1 -1
- package/dist/calcite/{p-74d1af1c.js → p-3bbfc3a1.js} +1 -1
- package/dist/calcite/{p-383c5cdf.system.entry.js → p-3c9fb8a0.system.entry.js} +3 -3
- package/dist/calcite/{p-29dbb7c3.system.entry.js → p-3ebebd84.system.entry.js} +3 -3
- package/dist/calcite/{p-14bc0533.entry.js → p-3ecd2c17.entry.js} +2 -2
- package/dist/calcite/{p-96b8ffc2.entry.js → p-3ecec156.entry.js} +2 -2
- package/dist/calcite/{p-4d71f62d.system.js → p-43e7a8f1.system.js} +3 -3
- package/dist/calcite/{p-213f3a0c.system.js → p-4565c114.system.js} +2 -2
- package/dist/calcite/{p-abaae4a0.entry.js → p-46c73e88.entry.js} +2 -2
- package/dist/calcite/{p-28292cd2.entry.js → p-477ca75f.entry.js} +2 -2
- package/dist/calcite/p-490d284a.entry.js +6 -0
- package/dist/calcite/{p-b3bf4e2b.js → p-4a08a094.js} +2 -2
- package/dist/calcite/{p-d601ac5d.entry.js → p-4d012e6d.entry.js} +2 -2
- package/dist/calcite/{p-937f4763.js → p-503ffd79.js} +1 -1
- package/dist/calcite/p-5321532e.entry.js +6 -0
- package/dist/calcite/{p-48b6f6f7.system.js → p-53cb1579.system.js} +1 -1
- package/dist/calcite/{p-917106dd.system.entry.js → p-54bc93ca.system.entry.js} +2 -2
- package/dist/calcite/{p-9ad3c3f4.system.entry.js → p-56fad8eb.system.entry.js} +2 -2
- package/dist/calcite/{p-9b239dcc.system.js → p-5956ae2b.system.js} +1 -1
- package/dist/calcite/{p-39d3e8e7.entry.js → p-597100a7.entry.js} +2 -2
- package/dist/calcite/{p-bb6ff111.system.entry.js → p-5a8d424e.system.entry.js} +2 -2
- package/dist/calcite/{p-98ac7b27.entry.js → p-5b152346.entry.js} +2 -2
- package/dist/calcite/{p-9a4b8d19.js → p-5b2d7828.js} +2 -2
- package/dist/calcite/{p-6b844ad2.system.entry.js → p-5bbaac2e.system.entry.js} +2 -2
- package/dist/calcite/{p-e4a3783d.system.entry.js → p-5c335596.system.entry.js} +2 -2
- package/dist/calcite/{p-75e8e02e.entry.js → p-5c81572b.entry.js} +2 -2
- package/dist/calcite/{p-4eee040b.system.entry.js → p-5d1ea183.system.entry.js} +2 -2
- package/dist/calcite/{p-d019cd3c.js → p-60224344.js} +1 -1
- package/dist/calcite/{p-8bf55d55.entry.js → p-616f05fa.entry.js} +2 -2
- package/dist/calcite/{p-a161f860.system.entry.js → p-62a0f380.system.entry.js} +2 -2
- package/dist/calcite/{p-73f440bb.entry.js → p-66240c05.entry.js} +2 -2
- package/dist/calcite/{p-16f227fc.system.entry.js → p-67f1f6b9.system.entry.js} +2 -2
- package/dist/calcite/{p-3191b270.entry.js → p-68605411.entry.js} +2 -2
- package/dist/calcite/{p-9398bb6c.js → p-68c538e6.js} +2 -2
- package/dist/calcite/{p-677f24bf.system.entry.js → p-709ffc8a.system.entry.js} +2 -2
- package/dist/calcite/{p-4668d36a.js → p-71a5a7b9.js} +1 -1
- package/dist/calcite/{p-9946dd96.system.js → p-74508b15.system.js} +1 -1
- package/dist/calcite/{p-0c58bda7.entry.js → p-7609b260.entry.js} +2 -2
- package/dist/calcite/{p-02362c11.entry.js → p-7779dcec.entry.js} +2 -2
- package/dist/calcite/{p-1920a94e.system.js → p-7b5c7678.system.js} +1 -1
- package/dist/calcite/{p-decb56ab.entry.js → p-7f80ef30.entry.js} +2 -2
- package/dist/calcite/{p-f9e32dc5.system.entry.js → p-803997da.system.entry.js} +2 -2
- package/dist/calcite/{p-f7fd201f.js → p-80dd019b.js} +1 -1
- package/dist/calcite/{p-6c2b78c1.system.entry.js → p-82894cb4.system.entry.js} +2 -2
- package/dist/calcite/{p-51586eee.system.entry.js → p-836254a6.system.entry.js} +2 -2
- package/dist/calcite/{p-a3507dfe.system.entry.js → p-8469c3f5.system.entry.js} +2 -2
- package/dist/calcite/{p-f6cbe0ab.system.js → p-8aafc60e.system.js} +2 -2
- package/dist/calcite/{p-aad4f6d0.entry.js → p-8ad36643.entry.js} +2 -2
- package/dist/calcite/{p-815189c6.system.js → p-8d193648.system.js} +1 -1
- package/dist/calcite/{p-73577e93.system.js → p-8e6d31eb.system.js} +1 -1
- package/dist/calcite/{p-e70390dc.system.entry.js → p-90bd223c.system.entry.js} +2 -2
- package/dist/calcite/{p-1ae60c44.entry.js → p-9109755c.entry.js} +2 -2
- package/dist/calcite/{p-b3a335d4.system.js → p-922cca1a.system.js} +2 -2
- package/dist/calcite/{p-59b0561b.system.entry.js → p-956aea00.system.entry.js} +2 -2
- package/dist/calcite/{p-e604ab6b.system.entry.js → p-9814a422.system.entry.js} +2 -2
- package/dist/calcite/{p-d05ce5f8.entry.js → p-98d13115.entry.js} +2 -2
- package/dist/calcite/{p-a3f5192b.entry.js → p-9a775e97.entry.js} +2 -2
- package/dist/calcite/{p-d208b406.system.js → p-9ed3942c.system.js} +2 -2
- package/dist/calcite/{p-5cd95bda.entry.js → p-a056927a.entry.js} +2 -2
- package/dist/calcite/{p-d4c5c673.entry.js → p-a186a81b.entry.js} +2 -2
- package/dist/calcite/{p-7b1075db.system.js → p-a56d7998.system.js} +2 -2
- package/dist/calcite/{p-dc40dde4.system.entry.js → p-a6339811.system.entry.js} +2 -2
- package/dist/calcite/{p-c4972e72.system.entry.js → p-a63dc521.system.entry.js} +2 -2
- package/dist/calcite/{p-d78d8570.system.entry.js → p-a799c49f.system.entry.js} +2 -2
- package/dist/calcite/{p-6fa4fd93.entry.js → p-a7a4705c.entry.js} +2 -2
- package/dist/calcite/{p-13088d74.system.entry.js → p-a7ae0c54.system.entry.js} +2 -2
- package/dist/calcite/p-aa04303b.system.js +6 -0
- package/dist/calcite/{p-f8c872a2.system.js → p-ab08ad49.system.js} +2 -2
- package/dist/calcite/{p-ca265c09.system.js → p-ab5101d8.system.js} +1 -1
- package/dist/calcite/{p-0e23ec86.system.js → p-adcd9271.system.js} +1 -1
- package/dist/calcite/{p-eef651a2.system.entry.js → p-b2f3fc3d.system.entry.js} +2 -2
- package/dist/calcite/{p-7e57e47c.system.entry.js → p-b2f5c885.system.entry.js} +2 -2
- package/dist/calcite/{p-a9945df6.entry.js → p-b64ac51f.entry.js} +2 -2
- package/dist/calcite/{p-b659cdbb.entry.js → p-b72717bd.entry.js} +2 -2
- package/dist/calcite/{p-9b38c931.entry.js → p-b80bbe57.entry.js} +2 -2
- package/dist/calcite/{p-72977808.system.entry.js → p-b905df83.system.entry.js} +2 -2
- package/dist/calcite/p-b9ba2995.system.js +6 -0
- package/dist/calcite/{p-fce697b5.entry.js → p-ba1931db.entry.js} +2 -2
- package/dist/calcite/{p-9da42c36.js → p-bc269b24.js} +2 -2
- package/dist/calcite/{p-772f4a3f.system.entry.js → p-bcbe7ce6.system.entry.js} +2 -2
- package/dist/calcite/{p-adf0ece2.system.entry.js → p-bd5694e0.system.entry.js} +2 -2
- package/dist/calcite/{p-e6f77179.js → p-be33578d.js} +2 -2
- package/dist/calcite/{p-e8b7db23.js → p-bee3c541.js} +1 -1
- package/dist/calcite/{p-ffbb4b30.system.entry.js → p-c57bfa50.system.entry.js} +2 -2
- package/dist/calcite/{p-ee37ffbc.system.entry.js → p-c74ae0e9.system.entry.js} +2 -2
- package/dist/calcite/{p-7fd5a8a3.js → p-c7e7cc3f.js} +1 -1
- package/dist/calcite/{p-c8a0343c.system.entry.js → p-c9878d39.system.entry.js} +2 -2
- package/dist/calcite/{p-75a33e5a.system.entry.js → p-c9962a82.system.entry.js} +2 -2
- package/dist/calcite/{p-2758b523.entry.js → p-ca13fa8e.entry.js} +2 -2
- package/dist/calcite/p-cc236a7d.js +6 -0
- package/dist/calcite/{p-6fb2dac3.js → p-ce350a0c.js} +2 -2
- package/dist/calcite/{p-6dfca84e.entry.js → p-ce9659f4.entry.js} +2 -2
- package/dist/calcite/{p-b8d25736.entry.js → p-cea960cf.entry.js} +2 -2
- package/dist/calcite/{p-85ea5712.system.entry.js → p-d418b98e.system.entry.js} +2 -2
- package/dist/calcite/{p-7157eb29.system.js → p-d44c6b32.system.js} +1 -1
- package/dist/calcite/{p-78f47358.system.entry.js → p-d461e15b.system.entry.js} +2 -2
- package/dist/calcite/{p-0a3ac5b7.entry.js → p-d4a4f33e.entry.js} +2 -2
- package/dist/calcite/{p-14ea0159.system.js → p-d6299c4e.system.js} +2 -2
- package/dist/calcite/{p-da3ed14f.system.js → p-d7a237ba.system.js} +1 -1
- package/dist/calcite/{p-1fcf4389.js → p-d8bf5b29.js} +1 -1
- package/dist/calcite/{p-d3130f3f.entry.js → p-d9d2294a.entry.js} +2 -2
- package/dist/calcite/{p-c2deb2ce.system.entry.js → p-d9e6af1c.system.entry.js} +2 -2
- package/dist/calcite/{p-09e283e8.system.entry.js → p-dc5fb654.system.entry.js} +2 -2
- package/dist/calcite/{p-2df6116d.entry.js → p-dd9f25da.entry.js} +2 -2
- package/dist/calcite/{p-f2cbad46.system.entry.js → p-df8177da.system.entry.js} +2 -2
- package/dist/calcite/{p-7842b132.entry.js → p-e029f7a3.entry.js} +2 -2
- package/dist/calcite/{p-5f40009c.entry.js → p-e0edddf8.entry.js} +2 -2
- package/dist/calcite/{p-f4b079fd.entry.js → p-e72532a8.entry.js} +2 -2
- package/dist/calcite/{p-c2f18e0d.entry.js → p-e99806ce.entry.js} +2 -2
- package/dist/calcite/{p-7add7125.entry.js → p-ea37aa52.entry.js} +2 -2
- package/dist/calcite/{p-abca805d.system.entry.js → p-ec3ac306.system.entry.js} +2 -2
- package/dist/calcite/{p-dbae690a.system.entry.js → p-ed2772f3.system.entry.js} +2 -2
- package/dist/calcite/{p-1a04dc2a.entry.js → p-eef3c9fd.entry.js} +2 -2
- package/dist/calcite/{p-8277926c.entry.js → p-ef10300b.entry.js} +2 -2
- package/dist/calcite/{p-82e2b61e.js → p-f0f828f4.js} +1 -1
- package/dist/calcite/{p-43413fbc.system.entry.js → p-f105b00b.system.entry.js} +2 -2
- package/dist/calcite/{p-368f2f77.system.entry.js → p-f18df807.system.entry.js} +2 -2
- package/dist/calcite/{p-58661475.system.entry.js → p-f2efb50c.system.entry.js} +2 -2
- package/dist/calcite/{p-1ab88ba3.system.entry.js → p-f463e742.system.entry.js} +2 -2
- package/dist/calcite/{p-3340e3fb.entry.js → p-f4a4e6fd.entry.js} +2 -2
- package/dist/calcite/{p-cafdc1c6.system.entry.js → p-f5fcb884.system.entry.js} +2 -2
- package/dist/calcite/{p-5ff3fb7e.entry.js → p-f6032fac.entry.js} +2 -2
- package/dist/calcite/{p-e17c874d.system.entry.js → p-f8360ef0.system.entry.js} +2 -2
- package/dist/calcite/{p-795b0aa3.system.entry.js → p-fa49f87b.system.entry.js} +2 -2
- package/dist/calcite/p-fb4d2cca.entry.js +6 -0
- package/dist/calcite/{p-ff6b1162.system.js → p-fc76a97f.system.js} +1 -1
- package/dist/cjs/{ExpandToggle-99f3781c.js → ExpandToggle-8aaaf12b.js} +5 -5
- package/dist/cjs/{Heading-4337cacd.js → Heading-5f2ed366.js} +2 -2
- package/dist/cjs/{array-2b95adc7.js → array-332f1ad8.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +17 -8
- package/dist/cjs/calcite-action-bar.cjs.entry.js +10 -10
- package/dist/cjs/calcite-action-group.cjs.entry.js +8 -8
- package/dist/cjs/calcite-action-menu.cjs.entry.js +8 -8
- package/dist/cjs/calcite-action-pad.cjs.entry.js +9 -9
- package/dist/cjs/calcite-action.cjs.entry.js +6 -6
- package/dist/cjs/calcite-alert.cjs.entry.js +5 -5
- package/dist/cjs/calcite-avatar.cjs.entry.js +5 -5
- package/dist/cjs/calcite-block_2.cjs.entry.js +8 -8
- package/dist/cjs/calcite-button.cjs.entry.js +8 -8
- package/dist/cjs/calcite-card.cjs.entry.js +6 -6
- package/dist/cjs/calcite-checkbox.cjs.entry.js +7 -7
- package/dist/cjs/calcite-chip.cjs.entry.js +6 -6
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +54 -33
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +9 -9
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +37 -21
- package/dist/cjs/calcite-fab.cjs.entry.js +5 -5
- package/dist/cjs/calcite-filter.cjs.entry.js +7 -7
- package/dist/cjs/calcite-flow.cjs.entry.js +3 -3
- package/dist/cjs/calcite-graph_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-handle.cjs.entry.js +4 -4
- package/dist/cjs/calcite-icon.cjs.entry.js +5 -5
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +7 -7
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +11 -11
- package/dist/cjs/calcite-input-message.cjs.entry.js +4 -4
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-input.cjs.entry.js +11 -11
- package/dist/cjs/calcite-label.cjs.entry.js +5 -5
- package/dist/cjs/calcite-link.cjs.entry.js +5 -5
- package/dist/cjs/calcite-list_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
- package/dist/cjs/calcite-modal.cjs.entry.js +25 -16
- package/dist/cjs/calcite-notice.cjs.entry.js +7 -7
- package/dist/cjs/calcite-option_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-pagination.cjs.entry.js +5 -5
- package/dist/cjs/calcite-panel.cjs.entry.js +9 -9
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +11 -11
- package/dist/cjs/calcite-popover_2.cjs.entry.js +7 -7
- package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
- package/dist/cjs/calcite-radio-button.cjs.entry.js +8 -8
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +7 -7
- package/dist/cjs/calcite-rating.cjs.entry.js +8 -8
- package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
- package/dist/cjs/calcite-shell_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
- package/dist/cjs/calcite-split-button.cjs.entry.js +3 -3
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-switch.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tab_4.cjs.entry.js +6 -6
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-tile.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tip_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-tree_2.cjs.entry.js +6 -6
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{conditionalSlot-a86a0d93.js → conditionalSlot-345c638f.js} +3 -3
- package/dist/cjs/{debounce-d2b703d9.js → debounce-cff73118.js} +1 -1
- package/dist/cjs/{dom-276aaf99.js → dom-006119f9.js} +2 -2
- package/dist/cjs/{forIn-89a77d46.js → forIn-63725cb3.js} +2 -2
- package/dist/cjs/{form-90809048.js → form-4aa36914.js} +3 -3
- package/dist/cjs/{guid-05de8683.js → guid-7ac09c7c.js} +1 -1
- package/dist/cjs/{index-92b04246.js → index-345bd03e.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-8f9c108d.js → interactive-4c089305.js} +1 -1
- package/dist/cjs/{interfaces-1432ba48.js → interfaces-ed5629c9.js} +1 -1
- package/dist/cjs/{key-14b78e13.js → key-ad47ec79.js} +1 -1
- package/dist/cjs/{label-b7e1da52.js → label-cbd2fca0.js} +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{locale-30f27f51.js → locale-a7606dce.js} +2 -2
- package/dist/cjs/{math-c4db1901.js → math-cb0eba16.js} +1 -1
- package/dist/cjs/{observers-46d26c87.js → observers-e7215a23.js} +1 -1
- package/dist/cjs/{popper-56aa0819.js → popper-a6799f73.js} +2 -2
- package/dist/cjs/{resources-f9d89ecd.js → resources-3dfb6262.js} +1 -1
- package/dist/cjs/{resources-7afa5ac3.js → resources-e4f2b649.js} +1 -1
- package/dist/cjs/{resources-5906f91a.js → resources-e78d08e9.js} +5 -5
- package/dist/cjs/{resources-d9fd225b.js → resources-ec4ddd5b.js} +3 -3
- package/dist/cjs/{sortable.esm-d2f57c8a.js → sortable.esm-75596196.js} +1 -1
- package/dist/cjs/{utils-d09ab03a.js → utils-cd5ed41f.js} +1 -1
- package/dist/collection/components/accordion/accordion.js +1 -1
- package/dist/collection/components/accordion/interfaces.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.css +18 -9
- package/dist/collection/components/accordion-item/accordion-item.js +35 -5
- package/dist/collection/components/action/action.js +1 -1
- package/dist/collection/components/action/resources.js +1 -1
- package/dist/collection/components/action-bar/action-bar.js +1 -1
- package/dist/collection/components/action-bar/resources.js +1 -1
- package/dist/collection/components/action-bar/utils.js +1 -1
- package/dist/collection/components/action-group/action-group.js +1 -1
- package/dist/collection/components/action-group/resources.js +1 -1
- package/dist/collection/components/action-menu/action-menu.js +1 -1
- package/dist/collection/components/action-menu/resources.js +1 -1
- package/dist/collection/components/action-pad/action-pad.js +1 -1
- package/dist/collection/components/action-pad/resources.js +1 -1
- package/dist/collection/components/alert/alert.js +1 -1
- package/dist/collection/components/alert/interfaces.js +1 -1
- package/dist/collection/components/alert/resources.js +1 -1
- package/dist/collection/components/avatar/avatar.js +1 -1
- package/dist/collection/components/avatar/utils.js +1 -1
- package/dist/collection/components/block/block.js +1 -1
- package/dist/collection/components/block/resources.js +1 -1
- package/dist/collection/components/block-section/block-section.js +1 -1
- package/dist/collection/components/block-section/interfaces.js +1 -1
- package/dist/collection/components/block-section/resources.js +1 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/button/interfaces.js +1 -1
- package/dist/collection/components/button/resources.js +1 -1
- package/dist/collection/components/card/card.js +1 -1
- package/dist/collection/components/card/resources.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +1 -1
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/chip/interfaces.js +1 -1
- package/dist/collection/components/chip/resources.js +1 -1
- package/dist/collection/components/color-picker/color-picker.js +1 -1
- package/dist/collection/components/color-picker/interfaces.js +1 -1
- package/dist/collection/components/color-picker/resources.js +1 -1
- package/dist/collection/components/color-picker/utils.js +1 -1
- package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +1 -1
- package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
- package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
- package/dist/collection/components/color-picker-swatch/resources.js +1 -1
- package/dist/collection/components/combobox/combobox.js +69 -25
- package/dist/collection/components/combobox/interfaces.js +1 -1
- package/dist/collection/components/combobox/resources.js +1 -1
- package/dist/collection/components/combobox/utils.js +1 -1
- package/dist/collection/components/combobox-item/combobox-item.js +1 -1
- package/dist/collection/components/combobox-item/resources.js +1 -1
- package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
- package/dist/collection/components/combobox-item-group/resources.js +1 -1
- package/dist/collection/components/date-picker/date-picker.js +1 -1
- package/dist/collection/components/date-picker/interfaces.js +1 -1
- package/dist/collection/components/date-picker/resources.js +1 -1
- package/dist/collection/components/date-picker/utils.js +1 -1
- package/dist/collection/components/date-picker-day/date-picker-day.js +1 -1
- package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
- package/dist/collection/components/date-picker-month-header/resources.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +2 -1
- package/dist/collection/components/dropdown/dropdown.js +55 -16
- package/dist/collection/components/dropdown/interfaces.js +1 -1
- package/dist/collection/components/dropdown/resources.js +1 -1
- package/dist/collection/components/dropdown-group/dropdown-group.js +1 -1
- package/dist/collection/components/dropdown-group/interfaces.js +1 -1
- package/dist/collection/components/dropdown-group/resources.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
- package/dist/collection/components/dropdown-item/resources.js +1 -1
- package/dist/collection/components/fab/fab.js +1 -1
- package/dist/collection/components/fab/resources.js +1 -1
- package/dist/collection/components/filter/filter.js +1 -1
- package/dist/collection/components/filter/resources.js +1 -1
- package/dist/collection/components/flow/flow.js +1 -1
- package/dist/collection/components/flow/interfaces.js +1 -1
- package/dist/collection/components/flow/resources.js +1 -1
- package/dist/collection/components/functional/ExpandToggle.js +1 -1
- package/dist/collection/components/functional/Heading.js +1 -1
- package/dist/collection/components/graph/graph.js +1 -1
- package/dist/collection/components/graph/interfaces.js +1 -1
- package/dist/collection/components/graph/util.js +1 -1
- package/dist/collection/components/handle/handle.js +1 -1
- package/dist/collection/components/handle/resources.js +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/icon/resources.js +1 -1
- package/dist/collection/components/icon/utils.js +1 -1
- package/dist/collection/components/inline-editable/inline-editable.js +1 -1
- package/dist/collection/components/inline-editable/resources.js +1 -1
- package/dist/collection/components/input/input.js +1 -1
- package/dist/collection/components/input/interfaces.js +1 -1
- package/dist/collection/components/input/resources.js +1 -1
- package/dist/collection/components/input-date-picker/input-date-picker.js +1 -1
- package/dist/collection/components/input-message/input-message.js +1 -1
- package/dist/collection/components/input-message/interfaces.js +1 -1
- package/dist/collection/components/input-time-picker/input-time-picker.js +1 -1
- package/dist/collection/components/interfaces.js +1 -1
- package/dist/collection/components/label/label.js +1 -1
- package/dist/collection/components/label/resources.js +1 -1
- package/dist/collection/components/link/link.js +1 -1
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list/resources.js +1 -1
- package/dist/collection/components/list-item/list-item.js +1 -1
- package/dist/collection/components/list-item/resources.js +1 -1
- package/dist/collection/components/list-item-group/list-item-group.js +1 -1
- package/dist/collection/components/list-item-group/resources.js +1 -1
- package/dist/collection/components/loader/loader.js +1 -1
- package/dist/collection/components/modal/interfaces.js +1 -1
- package/dist/collection/components/modal/modal.css +10 -5
- package/dist/collection/components/modal/modal.js +44 -12
- package/dist/collection/components/modal/resources.js +1 -1
- package/dist/collection/components/notice/notice.js +1 -1
- package/dist/collection/components/notice/resources.js +1 -1
- package/dist/collection/components/option/option.js +1 -1
- package/dist/collection/components/option-group/option-group.js +1 -1
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pagination/resources.js +1 -1
- package/dist/collection/components/panel/panel.js +1 -1
- package/dist/collection/components/panel/resources.js +1 -1
- package/dist/collection/components/pick-list/pick-list.js +1 -1
- package/dist/collection/components/pick-list/resources.js +1 -1
- package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
- package/dist/collection/components/pick-list/shared-list-render.js +1 -1
- package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
- package/dist/collection/components/pick-list-group/resources.js +1 -1
- package/dist/collection/components/pick-list-item/pick-list-item.js +1 -1
- package/dist/collection/components/pick-list-item/resources.js +1 -1
- package/dist/collection/components/popover/PopoverManager.js +1 -1
- package/dist/collection/components/popover/popover.js +1 -1
- package/dist/collection/components/popover/resources.js +1 -1
- package/dist/collection/components/popover-manager/popover-manager.js +1 -1
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +1 -1
- package/dist/collection/components/radio-button/resources.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
- package/dist/collection/components/radio-group/interfaces.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/radio-group-item/radio-group-item.js +1 -1
- package/dist/collection/components/radio-group-item/resources.js +1 -1
- package/dist/collection/components/rating/rating.js +1 -1
- package/dist/collection/components/rating/resources.js +1 -1
- package/dist/collection/components/scrim/resources.js +1 -1
- package/dist/collection/components/scrim/scrim.js +1 -1
- package/dist/collection/components/select/resources.js +1 -1
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/shell/resources.js +1 -1
- package/dist/collection/components/shell/shell.js +1 -1
- package/dist/collection/components/shell-center-row/resources.js +1 -1
- package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
- package/dist/collection/components/shell-panel/resources.js +1 -1
- package/dist/collection/components/shell-panel/shell-panel.js +1 -1
- package/dist/collection/components/slider/slider.js +1 -1
- package/dist/collection/components/sortable-list/resources.js +1 -1
- package/dist/collection/components/sortable-list/sortable-list.js +1 -1
- package/dist/collection/components/split-button/resources.js +1 -1
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/stepper/interfaces.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +1 -1
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/tab/interfaces.js +1 -1
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-nav/tab-nav.js +1 -1
- package/dist/collection/components/tab-title/tab-title.js +1 -1
- package/dist/collection/components/tabs/interfaces.js +1 -1
- package/dist/collection/components/tabs/resources.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tile/resources.js +1 -1
- package/dist/collection/components/tile/tile.js +1 -1
- package/dist/collection/components/tile-select/interfaces.js +1 -1
- package/dist/collection/components/tile-select/resources.js +1 -1
- package/dist/collection/components/tile-select/tile-select.js +1 -1
- package/dist/collection/components/tile-select-group/interfaces.js +1 -1
- package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
- package/dist/collection/components/time-picker/resources.js +1 -1
- package/dist/collection/components/time-picker/time-picker.js +1 -1
- package/dist/collection/components/tip/resources.js +1 -1
- package/dist/collection/components/tip/tip.js +1 -1
- package/dist/collection/components/tip-group/tip-group.js +1 -1
- package/dist/collection/components/tip-manager/resources.js +1 -1
- package/dist/collection/components/tip-manager/tip-manager.js +1 -1
- package/dist/collection/components/tooltip/TooltipManager.js +1 -1
- package/dist/collection/components/tooltip/resources.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
- package/dist/collection/components/tree/interfaces.js +1 -1
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/tree-item/interfaces.js +1 -1
- package/dist/collection/components/tree-item/resources.js +1 -1
- package/dist/collection/components/tree-item/tree-item.js +1 -1
- package/dist/collection/components/value-list/resources.js +1 -1
- package/dist/collection/components/value-list/value-list.js +1 -1
- package/dist/collection/components/value-list-item/resources.js +1 -1
- package/dist/collection/components/value-list-item/value-list-item.js +1 -1
- package/dist/collection/utils/array.js +1 -1
- package/dist/collection/utils/conditionalSlot.js +1 -1
- package/dist/collection/utils/date.js +1 -1
- package/dist/collection/utils/dom.js +1 -1
- package/dist/collection/utils/filter.js +1 -1
- package/dist/collection/utils/form.js +1 -1
- package/dist/collection/utils/globalAttributes.js +1 -1
- package/dist/collection/utils/guid.js +1 -1
- package/dist/collection/utils/interactive.js +1 -1
- package/dist/collection/utils/key.js +1 -1
- package/dist/collection/utils/label.js +1 -1
- package/dist/collection/utils/locale.js +1 -1
- package/dist/collection/utils/math.js +1 -1
- package/dist/collection/utils/number.js +1 -1
- package/dist/collection/utils/observers.js +1 -1
- package/dist/collection/utils/openCloseComponent.js +1 -1
- package/dist/collection/utils/popper.js +1 -1
- package/dist/collection/utils/resources.js +1 -1
- package/dist/collection/utils/time.js +1 -1
- package/dist/components/ExpandToggle.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/action-group.js +1 -1
- package/dist/components/action-menu.js +1 -1
- package/dist/components/action.js +1 -1
- package/dist/components/array.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/calcite-accordion-item.js +15 -5
- package/dist/components/calcite-accordion.js +1 -1
- package/dist/components/calcite-action-bar.js +1 -1
- package/dist/components/calcite-action-group.js +1 -1
- package/dist/components/calcite-action-menu.js +1 -1
- package/dist/components/calcite-action-pad.js +1 -1
- package/dist/components/calcite-action.js +1 -1
- package/dist/components/calcite-alert.js +1 -1
- package/dist/components/calcite-avatar.js +1 -1
- package/dist/components/calcite-block-section.js +1 -1
- package/dist/components/calcite-block.js +1 -1
- package/dist/components/calcite-button.js +1 -1
- package/dist/components/calcite-card.js +1 -1
- package/dist/components/calcite-checkbox.js +1 -1
- package/dist/components/calcite-chip.js +1 -1
- package/dist/components/calcite-color-picker-hex-input.js +1 -1
- package/dist/components/calcite-color-picker-swatch.js +1 -1
- package/dist/components/calcite-color-picker.js +1 -1
- package/dist/components/calcite-combobox-item-group.js +1 -1
- package/dist/components/calcite-combobox-item.js +1 -1
- package/dist/components/calcite-combobox.js +44 -22
- package/dist/components/calcite-date-picker-day.js +1 -1
- package/dist/components/calcite-date-picker-month-header.js +1 -1
- package/dist/components/calcite-date-picker-month.js +1 -1
- package/dist/components/calcite-date-picker.js +1 -1
- package/dist/components/calcite-dropdown-group.js +1 -1
- package/dist/components/calcite-dropdown-item.js +1 -1
- package/dist/components/calcite-dropdown.js +1 -1
- package/dist/components/calcite-fab.js +1 -1
- package/dist/components/calcite-filter.js +1 -1
- package/dist/components/calcite-flow.js +1 -1
- package/dist/components/calcite-graph.js +1 -1
- package/dist/components/calcite-handle.js +1 -1
- package/dist/components/calcite-icon.js +1 -1
- package/dist/components/calcite-inline-editable.js +1 -1
- package/dist/components/calcite-input-date-picker.js +1 -1
- package/dist/components/calcite-input-message.js +1 -1
- package/dist/components/calcite-input-time-picker.js +1 -1
- package/dist/components/calcite-input.js +1 -1
- package/dist/components/calcite-label.js +1 -1
- package/dist/components/calcite-link.js +1 -1
- package/dist/components/calcite-list-item-group.js +1 -1
- package/dist/components/calcite-list-item.js +1 -1
- package/dist/components/calcite-list.js +1 -1
- package/dist/components/calcite-loader.js +1 -1
- package/dist/components/calcite-modal.js +21 -11
- package/dist/components/calcite-notice.js +1 -1
- package/dist/components/calcite-option-group.js +1 -1
- package/dist/components/calcite-option.js +1 -1
- package/dist/components/calcite-pagination.js +1 -1
- package/dist/components/calcite-panel.js +1 -1
- package/dist/components/calcite-pick-list-group.js +1 -1
- package/dist/components/calcite-pick-list-item.js +1 -1
- package/dist/components/calcite-pick-list.js +1 -1
- package/dist/components/calcite-popover-manager.js +1 -1
- package/dist/components/calcite-popover.js +1 -1
- package/dist/components/calcite-progress.js +1 -1
- package/dist/components/calcite-radio-button-group.js +1 -1
- package/dist/components/calcite-radio-button.js +1 -1
- package/dist/components/calcite-radio-group-item.js +1 -1
- package/dist/components/calcite-radio-group.js +1 -1
- package/dist/components/calcite-rating.js +1 -1
- package/dist/components/calcite-scrim.js +1 -1
- package/dist/components/calcite-select.js +1 -1
- package/dist/components/calcite-shell-center-row.js +1 -1
- package/dist/components/calcite-shell-panel.js +1 -1
- package/dist/components/calcite-shell.js +1 -1
- package/dist/components/calcite-slider.js +1 -1
- package/dist/components/calcite-sortable-list.js +1 -1
- package/dist/components/calcite-split-button.js +1 -1
- package/dist/components/calcite-stepper-item.js +1 -1
- package/dist/components/calcite-stepper.js +1 -1
- package/dist/components/calcite-switch.js +1 -1
- package/dist/components/calcite-tab-nav.js +1 -1
- package/dist/components/calcite-tab-title.js +1 -1
- package/dist/components/calcite-tab.js +1 -1
- package/dist/components/calcite-tabs.js +1 -1
- package/dist/components/calcite-tile-select-group.js +1 -1
- package/dist/components/calcite-tile-select.js +1 -1
- package/dist/components/calcite-tile.js +1 -1
- package/dist/components/calcite-time-picker.js +1 -1
- package/dist/components/calcite-tip-group.js +1 -1
- package/dist/components/calcite-tip-manager.js +1 -1
- package/dist/components/calcite-tip.js +1 -1
- package/dist/components/calcite-tooltip-manager.js +1 -1
- package/dist/components/calcite-tooltip.js +1 -1
- package/dist/components/calcite-tree-item.js +1 -1
- package/dist/components/calcite-tree.js +1 -1
- package/dist/components/calcite-value-list-item.js +1 -1
- package/dist/components/calcite-value-list.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/chip.js +1 -1
- package/dist/components/color-picker-hex-input.js +1 -1
- package/dist/components/color-picker-swatch.js +1 -1
- package/dist/components/conditionalSlot.js +1 -1
- package/dist/components/date-picker-day.js +1 -1
- package/dist/components/date-picker-month-header.js +1 -1
- package/dist/components/date-picker-month.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/date.js +1 -1
- package/dist/components/debounce.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +32 -15
- package/dist/components/filter.js +1 -1
- package/dist/components/forIn.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/graph.js +1 -1
- package/dist/components/guid.js +1 -1
- package/dist/components/handle.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/interactive.js +1 -1
- package/dist/components/interfaces.js +1 -1
- package/dist/components/interfaces2.js +1 -1
- package/dist/components/key.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/label2.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/locale.js +1 -1
- package/dist/components/math.js +1 -1
- package/dist/components/observers.js +1 -1
- package/dist/components/pick-list-item.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/popper.js +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/resources.js +1 -1
- package/dist/components/resources2.js +1 -1
- package/dist/components/resources3.js +1 -1
- package/dist/components/scrim.js +1 -1
- package/dist/components/shared-list-render.js +1 -1
- package/dist/components/sortable.esm.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tab-nav.js +1 -1
- package/dist/components/tab-title.js +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/tile.js +1 -1
- package/dist/components/time-picker.js +1 -1
- package/dist/components/utils.js +1 -1
- package/dist/components/utils2.js +1 -1
- package/dist/custom-elements/index.js +109 -54
- package/dist/esm/{ExpandToggle-d4acd022.js → ExpandToggle-f015017d.js} +5 -5
- package/dist/esm/{Heading-252785eb.js → Heading-d8e9c4d0.js} +2 -2
- package/dist/esm/{array-bded6ddd.js → array-cc249c07.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +17 -8
- package/dist/esm/calcite-action-bar.entry.js +10 -10
- package/dist/esm/calcite-action-group.entry.js +8 -8
- package/dist/esm/calcite-action-menu.entry.js +8 -8
- package/dist/esm/calcite-action-pad.entry.js +9 -9
- package/dist/esm/calcite-action.entry.js +6 -6
- package/dist/esm/calcite-alert.entry.js +5 -5
- package/dist/esm/calcite-avatar.entry.js +5 -5
- package/dist/esm/calcite-block_2.entry.js +8 -8
- package/dist/esm/calcite-button.entry.js +8 -8
- package/dist/esm/calcite-card.entry.js +6 -6
- package/dist/esm/calcite-checkbox.entry.js +7 -7
- package/dist/esm/calcite-chip.entry.js +6 -6
- package/dist/esm/calcite-color-picker_3.entry.js +8 -8
- package/dist/esm/calcite-combobox_3.entry.js +54 -33
- package/dist/esm/calcite-date-picker_4.entry.js +9 -9
- package/dist/esm/calcite-dropdown_3.entry.js +37 -21
- package/dist/esm/calcite-fab.entry.js +5 -5
- package/dist/esm/calcite-filter.entry.js +7 -7
- package/dist/esm/calcite-flow.entry.js +3 -3
- package/dist/esm/calcite-graph_2.entry.js +9 -9
- package/dist/esm/calcite-handle.entry.js +4 -4
- package/dist/esm/calcite-icon.entry.js +5 -5
- package/dist/esm/calcite-inline-editable.entry.js +7 -7
- package/dist/esm/calcite-input-date-picker.entry.js +11 -11
- package/dist/esm/calcite-input-message.entry.js +4 -4
- package/dist/esm/calcite-input-time-picker_2.entry.js +9 -9
- package/dist/esm/calcite-input.entry.js +11 -11
- package/dist/esm/calcite-label.entry.js +5 -5
- package/dist/esm/calcite-link.entry.js +5 -5
- package/dist/esm/calcite-list_3.entry.js +8 -8
- package/dist/esm/calcite-loader.entry.js +3 -3
- package/dist/esm/calcite-modal.entry.js +25 -16
- package/dist/esm/calcite-notice.entry.js +7 -7
- package/dist/esm/calcite-option_3.entry.js +8 -8
- package/dist/esm/calcite-pagination.entry.js +5 -5
- package/dist/esm/calcite-panel.entry.js +9 -9
- package/dist/esm/calcite-pick-list_3.entry.js +11 -11
- package/dist/esm/calcite-popover_2.entry.js +7 -7
- package/dist/esm/calcite-progress.entry.js +2 -2
- package/dist/esm/calcite-radio-button-group.entry.js +3 -3
- package/dist/esm/calcite-radio-button.entry.js +8 -8
- package/dist/esm/calcite-radio-group_2.entry.js +7 -7
- package/dist/esm/calcite-rating.entry.js +8 -8
- package/dist/esm/calcite-scrim.entry.js +2 -2
- package/dist/esm/calcite-shell_3.entry.js +7 -7
- package/dist/esm/calcite-sortable-list.entry.js +5 -5
- package/dist/esm/calcite-split-button.entry.js +3 -3
- package/dist/esm/calcite-stepper_2.entry.js +5 -5
- package/dist/esm/calcite-switch.entry.js +7 -7
- package/dist/esm/calcite-tab_4.entry.js +6 -6
- package/dist/esm/calcite-tile-select_2.entry.js +4 -4
- package/dist/esm/calcite-tile.entry.js +7 -7
- package/dist/esm/calcite-tip_3.entry.js +7 -7
- package/dist/esm/calcite-tooltip_2.entry.js +5 -5
- package/dist/esm/calcite-tree_2.entry.js +6 -6
- package/dist/esm/calcite-value-list_2.entry.js +11 -11
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{conditionalSlot-8a611e76.js → conditionalSlot-251f048d.js} +3 -3
- package/dist/esm/{debounce-17713200.js → debounce-671be4ab.js} +1 -1
- package/dist/esm/{dom-3bc3e6f2.js → dom-1d25d90d.js} +2 -2
- package/dist/esm/{forIn-3302954f.js → forIn-61b8f555.js} +2 -2
- package/dist/esm/{form-cb292ed6.js → form-9231bd75.js} +3 -3
- package/dist/esm/{guid-5aa84743.js → guid-681ada01.js} +1 -1
- package/dist/esm/{index-3ec30bad.js → index-3d4e33c9.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-21921578.js → interactive-206f3e33.js} +1 -1
- package/dist/esm/{interfaces-3c2efb02.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm/{key-02ae0e60.js → key-aaa7a17a.js} +1 -1
- package/dist/esm/{label-3a519eed.js → label-78ef6888.js} +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{locale-1e310e6f.js → locale-ddc99d54.js} +2 -2
- package/dist/esm/{math-9da1254c.js → math-6704b0cd.js} +1 -1
- package/dist/esm/{observers-f302dd59.js → observers-f4b26851.js} +1 -1
- package/dist/esm/{popper-00afea1c.js → popper-0f8ca820.js} +2 -2
- package/dist/esm/{resources-3f5a19f3.js → resources-8bc22c30.js} +1 -1
- package/dist/esm/{resources-790145ca.js → resources-9cd6c136.js} +3 -3
- package/dist/esm/{resources-2eb35342.js → resources-c23513d4.js} +5 -5
- package/dist/esm/{resources-21dc5137.js → resources-f108bb2c.js} +1 -1
- package/dist/esm/{sortable.esm-86b33659.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm/{utils-3bf99050.js → utils-29143248.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-d4acd022.js → ExpandToggle-f015017d.js} +2 -2
- package/dist/esm-es5/Heading-d8e9c4d0.js +6 -0
- package/dist/esm-es5/{array-bded6ddd.js → array-cc249c07.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
- package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
- package/dist/esm-es5/calcite-action-group.entry.js +2 -2
- package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
- package/dist/esm-es5/calcite-action-pad.entry.js +2 -2
- package/dist/esm-es5/calcite-action.entry.js +2 -2
- package/dist/esm-es5/calcite-alert.entry.js +2 -2
- package/dist/esm-es5/calcite-avatar.entry.js +2 -2
- package/dist/esm-es5/calcite-block_2.entry.js +2 -2
- package/dist/esm-es5/calcite-button.entry.js +2 -2
- package/dist/esm-es5/calcite-card.entry.js +2 -2
- package/dist/esm-es5/calcite-checkbox.entry.js +2 -2
- package/dist/esm-es5/calcite-chip.entry.js +2 -2
- package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
- package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
- package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
- package/dist/esm-es5/calcite-dropdown_3.entry.js +3 -3
- package/dist/esm-es5/calcite-fab.entry.js +2 -2
- package/dist/esm-es5/calcite-filter.entry.js +2 -2
- package/dist/esm-es5/calcite-flow.entry.js +2 -2
- package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
- package/dist/esm-es5/calcite-handle.entry.js +2 -2
- package/dist/esm-es5/calcite-icon.entry.js +2 -2
- package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
- package/dist/esm-es5/calcite-input-date-picker.entry.js +2 -2
- package/dist/esm-es5/calcite-input-message.entry.js +2 -2
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
- package/dist/esm-es5/calcite-input.entry.js +2 -2
- package/dist/esm-es5/calcite-label.entry.js +2 -2
- package/dist/esm-es5/calcite-link.entry.js +2 -2
- package/dist/esm-es5/calcite-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-loader.entry.js +2 -2
- package/dist/esm-es5/calcite-modal.entry.js +2 -2
- package/dist/esm-es5/calcite-notice.entry.js +2 -2
- package/dist/esm-es5/calcite-option_3.entry.js +2 -2
- package/dist/esm-es5/calcite-pagination.entry.js +2 -2
- package/dist/esm-es5/calcite-panel.entry.js +2 -2
- package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-popover_2.entry.js +2 -2
- package/dist/esm-es5/calcite-progress.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-group_2.entry.js +2 -2
- package/dist/esm-es5/calcite-rating.entry.js +2 -2
- package/dist/esm-es5/calcite-scrim.entry.js +2 -2
- package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
- package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
- package/dist/esm-es5/calcite-split-button.entry.js +2 -2
- package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
- package/dist/esm-es5/calcite-switch.entry.js +2 -2
- package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
- package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tile.entry.js +2 -2
- package/dist/esm-es5/calcite-tip_3.entry.js +2 -2
- package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
- package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
- package/dist/esm-es5/calcite.js +2 -2
- package/dist/esm-es5/{conditionalSlot-8a611e76.js → conditionalSlot-251f048d.js} +2 -2
- package/dist/esm-es5/{debounce-17713200.js → debounce-671be4ab.js} +1 -1
- package/dist/esm-es5/{dom-3bc3e6f2.js → dom-1d25d90d.js} +2 -2
- package/dist/esm-es5/{forIn-3302954f.js → forIn-61b8f555.js} +2 -2
- package/dist/esm-es5/{form-cb292ed6.js → form-9231bd75.js} +2 -2
- package/dist/esm-es5/{guid-5aa84743.js → guid-681ada01.js} +1 -1
- package/dist/esm-es5/{index-3ec30bad.js → index-3d4e33c9.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-21921578.js → interactive-206f3e33.js} +1 -1
- package/dist/esm-es5/{interfaces-3c2efb02.js → interfaces-1e8297e0.js} +1 -1
- package/dist/esm-es5/{key-02ae0e60.js → key-aaa7a17a.js} +1 -1
- package/dist/esm-es5/{label-3a519eed.js → label-78ef6888.js} +2 -2
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-1e310e6f.js → locale-ddc99d54.js} +2 -2
- package/dist/esm-es5/{math-9da1254c.js → math-6704b0cd.js} +1 -1
- package/dist/esm-es5/{observers-f302dd59.js → observers-f4b26851.js} +1 -1
- package/dist/esm-es5/{popper-00afea1c.js → popper-0f8ca820.js} +2 -2
- package/dist/esm-es5/{resources-3f5a19f3.js → resources-8bc22c30.js} +1 -1
- package/dist/esm-es5/{resources-790145ca.js → resources-9cd6c136.js} +2 -2
- package/dist/esm-es5/{resources-2eb35342.js → resources-c23513d4.js} +2 -2
- package/dist/esm-es5/{resources-21dc5137.js → resources-f108bb2c.js} +1 -1
- package/dist/esm-es5/{sortable.esm-86b33659.js → sortable.esm-b5154dfc.js} +1 -1
- package/dist/esm-es5/{utils-3bf99050.js → utils-29143248.js} +1 -1
- package/dist/extras/docs-json.json +100 -8
- package/dist/loader/cdn.js +1 -1
- package/dist/loader/index.cjs.js +1 -1
- package/dist/loader/index.es2017.js +1 -1
- package/dist/loader/index.js +1 -1
- package/dist/types/components/accordion-item/accordion-item.d.ts +7 -1
- package/dist/types/components/combobox/combobox.d.ts +7 -1
- package/dist/types/components/dropdown/dropdown.d.ts +7 -1
- package/dist/types/components/modal/modal.d.ts +9 -3
- package/dist/types/components.d.ts +46 -6
- package/hydrate/index.js +113 -54
- package/package.json +1 -1
- package/dist/calcite/p-024eb16b.system.entry.js +0 -6
- package/dist/calcite/p-10f66af0.entry.js +0 -6
- package/dist/calcite/p-138c88a6.system.entry.js +0 -6
- package/dist/calcite/p-23441fd3.system.entry.js +0 -6
- package/dist/calcite/p-298f8c90.system.js +0 -6
- package/dist/calcite/p-428d25b3.entry.js +0 -6
- package/dist/calcite/p-a1d2b979.entry.js +0 -6
- package/dist/calcite/p-d6b6d5a1.entry.js +0 -6
- package/dist/calcite/p-e8e9da27.entry.js +0 -6
- package/dist/calcite/p-ef130fda.js +0 -6
- package/dist/calcite/p-ef2be757.entry.js +0 -6
- package/dist/calcite/p-f388b1ee.system.js +0 -6
- package/dist/esm-es5/Heading-252785eb.js +0 -6
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-next.
|
|
6
|
-
*/import{a as getAssetPath,r as registerInstance,h,H as Host,g as getElement}from"./index-
|
|
5
|
+
* v1.0.0-next.521
|
|
6
|
+
*/import{a as getAssetPath,r as registerInstance,h,H as Host,g as getElement}from"./index-3d4e33c9.js";import{a as getElementDir,t as toAriaBoolean}from"./dom-1d25d90d.js";import{c as createObserver}from"./observers-f4b26851.js";import"./guid-681ada01.js";var CSS={icon:"icon",flipRtl:"flip-rtl"};var iconCache={};var requestCache={};var scaleToPx={s:16,m:24,l:32};function fetchIcon(t){var e=t.icon,n=t.scale;return __awaiter(this,void 0,void 0,(function(){var t,a,i,r,o,c;return __generator(this,(function(s){switch(s.label){case 0:t=scaleToPx[n];a=normalizeIconName(e);i=a.charAt(a.length-1)==="F";r=i?a.substring(0,a.length-1):a;o="".concat(r).concat(t).concat(i?"F":"");if(iconCache[o]){return[2,iconCache[o]]}if(!requestCache[o]){requestCache[o]=fetch(getAssetPath("./assets/icon/".concat(o,".json"))).then((function(t){return t.json()})).catch((function(){console.error('"'.concat(o,'" is not a valid calcite-ui-icon name'));return""}))}return[4,requestCache[o]];case 1:c=s.sent();iconCache[o]=c;return[2,c]}}))}))}function normalizeIconName(t){var e=!isNaN(Number(t.charAt(0)));var n=t.split("-");if(n.length===1){return e?"i".concat(t):t}return n.map((function(t,n){if(n===0){return e?"i".concat(t.toUpperCase()):t}return t.charAt(0).toUpperCase()+t.slice(1)})).join("")}var iconCss="@-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;color:var(--calcite-ui-icon-color)}:host([scale=s]){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host([scale=m]){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host([scale=l]){height:2rem;width:2rem;min-width:2rem;min-height:2rem}.flip-rtl{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.svg{display:block}";var Icon=function(){function t(t){registerInstance(this,t);this.icon=null;this.flipRtl=false;this.scale="m";this.visible=false}t.prototype.connectedCallback=function(){var t=this;this.waitUntilVisible((function(){t.visible=true;t.loadIconPathData()}))};t.prototype.disconnectedCallback=function(){var t;(t=this.intersectionObserver)===null||t===void 0?void 0:t.disconnect();this.intersectionObserver=null};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.loadIconPathData();return[2]}))}))};t.prototype.render=function(){var t;var e=this,n=e.el,a=e.flipRtl,i=e.pathData,r=e.scale,o=e.textLabel;var c=getElementDir(n);var s=scaleToPx[r];var l=!!o;var f=[].concat(i||"");return h(Host,{"aria-hidden":toAriaBoolean(!l),"aria-label":l?o:null,role:l?"img":null},h("svg",{class:(t={},t[CSS.flipRtl]=c==="rtl"&&a,t.svg=true,t),fill:"currentColor",height:"100%",viewBox:"0 0 ".concat(s," ").concat(s),width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.map((function(t){return typeof t==="string"?h("path",{d:t}):h("path",{d:t.d,opacity:"opacity"in t?t.opacity:1})}))))};t.prototype.loadIconPathData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n,a,i;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.icon,n=t.scale,a=t.visible;if(!e||!a){return[2]}i=this;return[4,fetchIcon({icon:e,scale:n})];case 1:i.pathData=r.sent();return[2]}}))}))};t.prototype.waitUntilVisible=function(t){var e=this;this.intersectionObserver=createObserver("intersection",(function(n){n.forEach((function(n){if(n.isIntersecting){e.intersectionObserver.disconnect();e.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)};Object.defineProperty(t,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}},enumerable:false,configurable:true});return t}();Icon.style=iconCss;export{Icon as calcite_icon};
|
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-next.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-3ec30bad.js";import{d as getElementProp,g as getSlotted}from"./dom-3bc3e6f2.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-3a519eed.js";import{c as createObserver}from"./observers-f302dd59.js";import{u as updateHostInteraction}from"./interactive-21921578.js";import"./guid-5aa84743.js";var CSS={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"};var TEXT={intlEnablingEditing:"Click to edit",intlCancelEditing:"Cancel",intlConfirmChanges:"Save"};var inlineEditableCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) .controls-wrapper{height:1.5rem}:host([scale=m]) .controls-wrapper{height:2rem}:host([scale=l]) .controls-wrapper{height:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{-ms-flex:1 1 0%;flex:1 1 0%}.controls-wrapper{display:-ms-flexbox;display:flex}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var InlineEditable=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInlineEditableEditCancel=createEvent(this,"calciteInlineEditableEditCancel",7);this.calciteInlineEditableEditConfirm=createEvent(this,"calciteInlineEditableEditConfirm",7);this.calciteInternalInlineEditableEnableEditingChange=createEvent(this,"calciteInternalInlineEditableEnableEditingChange",7);this.disabled=false;this.editingEnabled=false;this.loading=false;this.controls=false;this.intlEnableEditing=TEXT.intlEnablingEditing;this.intlCancelEditing=TEXT.intlCancelEditing;this.intlConfirmChanges=TEXT.intlConfirmChanges;this.mutationObserver=createObserver("mutation",(function(){return e.mutationObserverCallback()}));this.enableEditing=function(){var t,i;e.valuePriorToEditing=(t=e.inputElement)===null||t===void 0?void 0:t.value;e.editingEnabled=true;(i=e.inputElement)===null||i===void 0?void 0:i.setFocus();e.calciteInternalInlineEditableEnableEditingChange.emit()};this.disableEditing=function(){e.editingEnabled=false};this.cancelEditing=function(){if(e.inputElement){e.inputElement.value=e.valuePriorToEditing}e.disableEditing();e.enableEditingButton.setFocus();if(!e.editingEnabled&&!!e.shouldEmitCancel){e.calciteInlineEditableEditCancel.emit()}};this.escapeKeyHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){if(t.key!=="Escape"){if(t.key==="Tab"&&this.shouldShowControls){if(!t.shiftKey&&t.target===this.inputElement){t.preventDefault();this.cancelEditingButton.setFocus()}if(!!t.shiftKey&&t.target===this.cancelEditingButton){t.preventDefault();(e=this.inputElement)===null||e===void 0?void 0:e.setFocus()}}return[2]}this.cancelEditing();return[2]}))}))};this.cancelEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.cancelEditing();return[2]}))}))};this.enableEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton){return[2]}t.preventDefault();if(!this.editingEnabled){this.enableEditing()}return[2]}))}))};this.confirmChangesHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:t.preventDefault();this.calciteInlineEditableEditConfirm.emit();i.label=1;case 1:i.trys.push([1,4,5,6]);if(!this.afterConfirm)return[3,3];this.loading=true;return[4,this.afterConfirm()];case 2:i.sent();this.disableEditing();this.enableEditingButton.setFocus();i.label=3;case 3:return[3,6];case 4:e=i.sent();return[3,6];case 5:this.loading=false;return[7];case 6:return[2]}}))}))}}t.prototype.disabledWatcher=function(t){if(this.inputElement){this.inputElement.disabled=t}};t.prototype.editingEnabledWatcher=function(t,e){if(this.inputElement){this.inputElement.editingEnabled=t}if(!t&&!!e){this.shouldEmitCancel=true}};t.prototype.connectedCallback=function(){var t;connectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true});this.mutationObserverCallback()};t.prototype.disconnectedCallback=function(){var t;disconnectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this;return h("div",{class:CSS.wrapper,onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},h("div",{class:CSS.inputWrapper},h("slot",null)),h("div",{class:CSS.controlsWrapper},h("calcite-button",{appearance:"transparent",class:CSS.enableEditingButton,color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:function(e){return t.enableEditingButton=e},scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[h("div",{class:CSS.cancelEditingButtonWrapper},h("calcite-button",{appearance:"transparent",class:CSS.cancelEditingButton,color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:function(e){return t.cancelEditingButton=e},scale:this.scale,type:"button"})),h("calcite-button",{appearance:"solid",class:CSS.confirmChangesButton,color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:function(e){return t.confirmEditingButton=e},scale:this.scale,type:"button"})]))};t.prototype.blurHandler=function(){if(!this.controls){this.disableEditing()}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.editingEnabled){(t=this.inputElement)===null||t===void 0?void 0:t.setFocus()}else{(e=this.enableEditingButton)===null||e===void 0?void 0:e.setFocus()}return[2]}))}))};t.prototype.mutationObserverCallback=function(){var t;this.updateSlottedInput();this.scale=this.scale||((t=this.inputElement)===null||t===void 0?void 0:t.scale)||getElementProp(this.el,"scale",undefined)};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateSlottedInput=function(){var t=getSlotted(this.el,{matches:"calcite-input"});this.inputElement=t;if(!t){return}this.inputElement.disabled=this.disabled;this.inputElement.label=this.inputElement.label||getLabelText(this)};Object.defineProperty(t.prototype,"shouldShowControls",{get:function(){return this.editingEnabled&&this.controls},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}},enumerable:false,configurable:true});return t}();InlineEditable.style=inlineEditableCss;export{InlineEditable as calcite_inline_editable};
|
|
5
|
+
* v1.0.0-next.521
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-3d4e33c9.js";import{d as getElementProp,g as getSlotted}from"./dom-1d25d90d.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-78ef6888.js";import{c as createObserver}from"./observers-f4b26851.js";import{u as updateHostInteraction}from"./interactive-206f3e33.js";import"./guid-681ada01.js";var CSS={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"};var TEXT={intlEnablingEditing:"Click to edit",intlCancelEditing:"Cancel",intlConfirmChanges:"Save"};var inlineEditableCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) .controls-wrapper{height:1.5rem}:host([scale=m]) .controls-wrapper{height:2rem}:host([scale=l]) .controls-wrapper{height:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{-ms-flex:1 1 0%;flex:1 1 0%}.controls-wrapper{display:-ms-flexbox;display:flex}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var InlineEditable=function(){function t(t){var e=this;registerInstance(this,t);this.calciteInlineEditableEditCancel=createEvent(this,"calciteInlineEditableEditCancel",7);this.calciteInlineEditableEditConfirm=createEvent(this,"calciteInlineEditableEditConfirm",7);this.calciteInternalInlineEditableEnableEditingChange=createEvent(this,"calciteInternalInlineEditableEnableEditingChange",7);this.disabled=false;this.editingEnabled=false;this.loading=false;this.controls=false;this.intlEnableEditing=TEXT.intlEnablingEditing;this.intlCancelEditing=TEXT.intlCancelEditing;this.intlConfirmChanges=TEXT.intlConfirmChanges;this.mutationObserver=createObserver("mutation",(function(){return e.mutationObserverCallback()}));this.enableEditing=function(){var t,i;e.valuePriorToEditing=(t=e.inputElement)===null||t===void 0?void 0:t.value;e.editingEnabled=true;(i=e.inputElement)===null||i===void 0?void 0:i.setFocus();e.calciteInternalInlineEditableEnableEditingChange.emit()};this.disableEditing=function(){e.editingEnabled=false};this.cancelEditing=function(){if(e.inputElement){e.inputElement.value=e.valuePriorToEditing}e.disableEditing();e.enableEditingButton.setFocus();if(!e.editingEnabled&&!!e.shouldEmitCancel){e.calciteInlineEditableEditCancel.emit()}};this.escapeKeyHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){if(t.key!=="Escape"){if(t.key==="Tab"&&this.shouldShowControls){if(!t.shiftKey&&t.target===this.inputElement){t.preventDefault();this.cancelEditingButton.setFocus()}if(!!t.shiftKey&&t.target===this.cancelEditingButton){t.preventDefault();(e=this.inputElement)===null||e===void 0?void 0:e.setFocus()}}return[2]}this.cancelEditing();return[2]}))}))};this.cancelEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.cancelEditing();return[2]}))}))};this.enableEditingHandler=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton){return[2]}t.preventDefault();if(!this.editingEnabled){this.enableEditing()}return[2]}))}))};this.confirmChangesHandler=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:t.preventDefault();this.calciteInlineEditableEditConfirm.emit();i.label=1;case 1:i.trys.push([1,4,5,6]);if(!this.afterConfirm)return[3,3];this.loading=true;return[4,this.afterConfirm()];case 2:i.sent();this.disableEditing();this.enableEditingButton.setFocus();i.label=3;case 3:return[3,6];case 4:e=i.sent();return[3,6];case 5:this.loading=false;return[7];case 6:return[2]}}))}))}}t.prototype.disabledWatcher=function(t){if(this.inputElement){this.inputElement.disabled=t}};t.prototype.editingEnabledWatcher=function(t,e){if(this.inputElement){this.inputElement.editingEnabled=t}if(!t&&!!e){this.shouldEmitCancel=true}};t.prototype.connectedCallback=function(){var t;connectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true});this.mutationObserverCallback()};t.prototype.disconnectedCallback=function(){var t;disconnectLabel(this);(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t=this;return h("div",{class:CSS.wrapper,onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},h("div",{class:CSS.inputWrapper},h("slot",null)),h("div",{class:CSS.controlsWrapper},h("calcite-button",{appearance:"transparent",class:CSS.enableEditingButton,color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:function(e){return t.enableEditingButton=e},scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[h("div",{class:CSS.cancelEditingButtonWrapper},h("calcite-button",{appearance:"transparent",class:CSS.cancelEditingButton,color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:function(e){return t.cancelEditingButton=e},scale:this.scale,type:"button"})),h("calcite-button",{appearance:"solid",class:CSS.confirmChangesButton,color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:function(e){return t.confirmEditingButton=e},scale:this.scale,type:"button"})]))};t.prototype.blurHandler=function(){if(!this.controls){this.disableEditing()}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){if(this.editingEnabled){(t=this.inputElement)===null||t===void 0?void 0:t.setFocus()}else{(e=this.enableEditingButton)===null||e===void 0?void 0:e.setFocus()}return[2]}))}))};t.prototype.mutationObserverCallback=function(){var t;this.updateSlottedInput();this.scale=this.scale||((t=this.inputElement)===null||t===void 0?void 0:t.scale)||getElementProp(this.el,"scale",undefined)};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.updateSlottedInput=function(){var t=getSlotted(this.el,{matches:"calcite-input"});this.inputElement=t;if(!t){return}this.inputElement.disabled=this.disabled;this.inputElement.label=this.inputElement.label||getLabelText(this)};Object.defineProperty(t.prototype,"shouldShowControls",{get:function(){return this.editingEnabled&&this.controls},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}},enumerable:false,configurable:true});return t}();InlineEditable.style=inlineEditableCss;export{InlineEditable as calcite_inline_editable};
|
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-next.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-3ec30bad.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-790145ca.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-3a519eed.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-cb292ed6.js";import{d as defaultMenuPlacement,f as filterComputedPlacements,u as updatePopper,C as CSS,c as createPopper,p as popperMenuComputedPlacements}from"./popper-00afea1c.js";import{u as updateHostInteraction}from"./interactive-21921578.js";import{t as toAriaBoolean}from"./dom-3bc3e6f2.js";import"./locale-1e310e6f.js";import"./key-02ae0e60.js";import"./guid-5aa84743.js";var inputDatePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([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}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.menu-container .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}.menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .menu-container{pointer-events:initial;visibility:visible}.menu-container--active .menu-container .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}.menu-container--active .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container--active .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container--active .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container--active .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container--active .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var InputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerChange=createEvent(this,"calciteInputDatePickerChange",7);this.calciteInternalInputDatePickerOpen=createEvent(this,"calciteInternalInputDatePickerOpen",7);this.calciteInternalInputDatePickerClose=createEvent(this,"calciteInternalInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.placement=defaultMenuPlacement;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.setFilteredPlacements=function(){var t=e,a=t.el,i=t.flipPlacements;e.filteredFlipPlacements=i?filterComputedPlacements(i,a):null};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteInternalInputDatePickerOpen.emit():e.calciteInternalInputDatePickerClose.emit()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.active=false};this.keyDownHandler=function(t){if(t.key==="Enter"&&!t.defaultPrevented){submitForm(e)}};this.keyUpHandler=function(t){if(t.key==="Escape"){e.active=false}};this.inputBlur=function(t){e.blur(t.detail)};this.startInputFocus=function(){e.active=true;e.focusedInput="start"};this.endInputFocus=function(){e.active=true;e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setMenuEl=function(t){if(t){e.menuEl=t;e.createPopper()}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.handleDisabledChange=function(t){if(!t){this.active=false}};t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};t.prototype.onMinChanged=function(t){if(t){this.minAsDate=dateFromISO(t)}};t.prototype.onMaxChanged=function(t){if(t){this.maxAsDate=dateFromISO(t)}};t.prototype.activeHandler=function(){if(!this.disabled){this.reposition();return}this.active=false};t.prototype.handleDateOrRangeChange=function(){this.calciteInputDatePickerChange.emit()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n,r;return __generator(this,(function(o){switch(o.label){case 0:t=this,e=t.placement,a=t.popper,i=t.menuEl;n=this.getModifiers();if(!a)return[3,2];return[4,updatePopper({el:i,modifiers:n,placement:e,popper:a})];case 1:r=o.sent();return[3,3];case 2:r=this.createPopper();o.label=3;case 3:r;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}this.createPopper();connectLabel(this);connectForm(this);this.setFilteredPlacements()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t;var e,a;var i=this.disabled;var n=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var r=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=r?r.toLocaleDateString(this.locale):"";var s=n?n.toLocaleDateString(this.locale):"";return h(Host,{onBlur:this.deactivate,onKeyDown:this.keyDownHandler,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":toAriaBoolean(this.active),class:"input-container",role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input ".concat(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:i,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.startInputFocus,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:s})),h("div",{"aria-hidden":toAriaBoolean(!this.active),class:{"menu-container":true,"menu-container--active":this.active},ref:this.setMenuEl},h("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[CSS.animation]=true,t[CSS.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:i,icon:"calendar","number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.endInputFocus,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:o}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:this.filteredFlipPlacements||popperMenuComputedPlacements};var e={name:"eventListeners",enabled:this.active};return[t,e]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.placement,i=t.referenceEl,n=t.overlayPositioning;if(!e||!i){return}var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,overlayPositioning:n,placement:a,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){if(typeof this.value==="string"&&this.value){this.calciteDatePickerChange.emit()}this.value="";return}var t=this.focusedInput;if(t==="start"){if(this.start){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){if(this.end){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);this.calciteDatePickerChange.emit(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var c=this.getDateFromInput(t.value);if(!c){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var c=new Date(r,n,i);c.setFullYear(r);var l=!isNaN(c.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&l&&p&&u&&inRange(c,this.min,this.max)){return c}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handleDisabledChange"],value:["valueHandler"],flipPlacements:["flipPlacementsHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();InputDatePicker.style=inputDatePickerCss;export{InputDatePicker as calcite_input_date_picker};
|
|
5
|
+
* v1.0.0-next.521
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-3d4e33c9.js";import{T as TEXT,d as dateToISO,a as dateFromISO,b as dateFromRange,g as getLocaleData,s as sameDate,p as parseDateString,i as inRange}from"./resources-9cd6c136.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-78ef6888.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-9231bd75.js";import{d as defaultMenuPlacement,f as filterComputedPlacements,u as updatePopper,C as CSS,c as createPopper,p as popperMenuComputedPlacements}from"./popper-0f8ca820.js";import{u as updateHostInteraction}from"./interactive-206f3e33.js";import{t as toAriaBoolean}from"./dom-1d25d90d.js";import"./locale-ddc99d54.js";import"./key-aaa7a17a.js";import"./guid-681ada01.js";var inputDatePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([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}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.menu-container .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}.menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .menu-container{pointer-events:initial;visibility:visible}.menu-container--active .menu-container .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}.menu-container--active .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container--active .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container--active .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container--active .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container--active .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var InputDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.calciteInputDatePickerChange=createEvent(this,"calciteInputDatePickerChange",7);this.calciteInternalInputDatePickerOpen=createEvent(this,"calciteInternalInputDatePickerOpen",7);this.calciteInternalInputDatePickerClose=createEvent(this,"calciteInternalInputDatePickerClose",7);this.disabled=false;this.active=false;this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.intlYear=TEXT.year;this.locale=document.documentElement.lang||"en";this.scale="m";this.placement=defaultMenuPlacement;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.focusedInput="start";this.activeTransitionProp="opacity";this.setFilteredPlacements=function(){var t=e,a=t.el,i=t.flipPlacements;e.filteredFlipPlacements=i?filterComputedPlacements(i,a):null};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp){e.active?e.calciteInternalInputDatePickerOpen.emit():e.calciteInternalInputDatePickerClose.emit()}};this.setStartInput=function(t){e.startInput=t};this.setEndInput=function(t){e.endInput=t};this.deactivate=function(){e.active=false};this.keyDownHandler=function(t){if(t.key==="Enter"&&!t.defaultPrevented){submitForm(e)}};this.keyUpHandler=function(t){if(t.key==="Escape"){e.active=false}};this.inputBlur=function(t){e.blur(t.detail)};this.startInputFocus=function(){e.active=true;e.focusedInput="start"};this.endInputFocus=function(){e.active=true;e.focusedInput="end"};this.inputInput=function(t){e.input(t.detail.value)};this.setMenuEl=function(t){if(t){e.menuEl=t;e.createPopper()}};this.setStartWrapper=function(t){e.startWrapper=t;e.setReferenceEl()};this.setEndWrapper=function(t){e.endWrapper=t;e.setReferenceEl()};this.handleDateChange=function(t){if(e.range){return}e.value=dateToISO(t.detail)};this.handleDateRangeChange=function(t){var a,i;if(!e.range||!t.detail){return}var n=t.detail,r=n.startDate,o=n.endDate;e.start=dateToISO(r);e.end=dateToISO(o);e.value=[e.start,e.end];if(e.shouldFocusRangeEnd()){(a=e.endInput)===null||a===void 0?void 0:a.setFocus()}else if(e.shouldFocusRangeStart()){(i=e.startInput)===null||i===void 0?void 0:i.setFocus()}}}t.prototype.handleDisabledChange=function(t){if(!t){this.active=false}};t.prototype.valueHandler=function(t){if(Array.isArray(t)){this.valueAsDate=t.map((function(t){return dateFromISO(t)}));this.start=t[0];this.end=t[1]}else if(t){this.valueAsDate=dateFromISO(t);this.start="";this.end=""}else{this.valueAsDate=undefined;this.start=undefined;this.end=undefined}};t.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};t.prototype.onMinChanged=function(t){if(t){this.minAsDate=dateFromISO(t)}};t.prototype.onMaxChanged=function(t){if(t){this.maxAsDate=dateFromISO(t)}};t.prototype.activeHandler=function(){if(!this.disabled){this.reposition();return}this.active=false};t.prototype.handleDateOrRangeChange=function(){this.calciteInputDatePickerChange.emit()};t.prototype.calciteDaySelectHandler=function(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.active=false};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.startInput)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,a,i,n,r;return __generator(this,(function(o){switch(o.label){case 0:t=this,e=t.placement,a=t.popper,i=t.menuEl;n=this.getModifiers();if(!a)return[3,2];return[4,updatePopper({el:i,modifiers:n,placement:e,popper:a})];case 1:r=o.sent();return[3,3];case 2:r=this.createPopper();o.label=3;case 3:r;return[2]}}))}))};t.prototype.connectedCallback=function(){if(Array.isArray(this.value)){this.valueAsDate=this.value.map((function(t){return dateFromISO(t)}));this.start=this.value[0];this.end=this.value[1]}else if(this.value){this.valueAsDate=dateFromISO(this.value);this.start="";this.end=""}if(this.start){this.startAsDate=dateFromISO(this.start)}if(this.end){this.endAsDate=dateFromISO(this.end)}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}this.createPopper();connectLabel(this);connectForm(this);this.setFilteredPlacements()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadLocaleData()];case 1:t.sent();this.onMinChanged(this.min);this.onMaxChanged(this.max);return[2]}}))}))};t.prototype.disconnectedCallback=function(){this.destroyPopper();disconnectLabel(this);disconnectForm(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){var t;var e,a;var i=this.disabled;var n=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var r=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=r?r.toLocaleDateString(this.locale):"";var s=n?n.toLocaleDateString(this.locale):"";return h(Host,{onBlur:this.deactivate,onKeyDown:this.keyDownHandler,onKeyUp:this.keyUpHandler,role:"application"},this.localeData&&h("div",{"aria-expanded":toAriaBoolean(this.active),class:"input-container",role:"application"},h("div",{class:"input-wrapper",ref:this.setStartWrapper},h("calcite-input",{class:"input ".concat(this.layout==="vertical"&&this.range?"no-bottom-border":""),disabled:i,icon:"calendar",label:getLabelText(this),"number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.startInputFocus,placeholder:(e=this.localeData)===null||e===void 0?void 0:e.placeholder,ref:this.setStartInput,scale:this.scale,type:"text",value:s})),h("div",{"aria-hidden":toAriaBoolean(!this.active),class:{"menu-container":true,"menu-container--active":this.active},ref:this.setMenuEl},h("div",{class:(t={},t["calendar-picker-wrapper"]=true,t["calendar-picker-wrapper--end"]=this.focusedInput==="end",t[CSS.animation]=true,t[CSS.animationActive]=this.active,t),onTransitionEnd:this.transitionEnd},h("calcite-date-picker",{activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,locale:this.locale,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&h("div",{class:"horizontal-arrow-container"},h("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:"s"})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&h("div",{class:"vertical-arrow-container"},h("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&h("div",{class:"input-wrapper",ref:this.setEndWrapper},h("calcite-input",{class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:i,icon:"calendar","number-button-type":"none",onCalciteInputInput:this.inputInput,onCalciteInternalInputBlur:this.inputBlur,onCalciteInternalInputFocus:this.endInputFocus,placeholder:(a=this.localeData)===null||a===void 0?void 0:a.placeholder,ref:this.setEndInput,scale:this.scale,type:"text",value:o}))),h(HiddenFormInputSlot,{component:this}))};t.prototype.setReferenceEl=function(){var t=this,e=t.focusedInput,a=t.layout,i=t.endWrapper,n=t.startWrapper;this.referenceEl=e==="end"||a==="vertical"?i||n:n||i;this.createPopper()};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:this.filteredFlipPlacements||popperMenuComputedPlacements};var e={name:"eventListeners",enabled:this.active};return[t,e]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,a=t.placement,i=t.referenceEl,n=t.overlayPositioning;if(!e||!i){return}var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,overlayPositioning:n,placement:a,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.startWatcher=function(t){this.startAsDate=dateFromISO(t)};t.prototype.endWatcher=function(t){this.endAsDate=dateFromISO(t)};t.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=this.locale;e=this;return[4,getLocaleData(t)];case 1:e.localeData=a.sent();return[2]}}))}))};t.prototype.clearCurrentValue=function(){if(!this.range){if(typeof this.value==="string"&&this.value){this.calciteDatePickerChange.emit()}this.value="";return}var t=this.focusedInput;if(t==="start"){if(this.start){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?["",this.value[1]||""]:[""];this.start=undefined}else if(t==="end"){if(this.end){this.calciteDatePickerRangeChange.emit()}this.value=Array.isArray(this.value)?[this.value[0]||"",""]:["",""];this.end=undefined}};t.prototype.input=function(t){var e=this.getDateFromInput(t);if(!e){this.clearCurrentValue();return}if(!this.range){this.value=dateToISO(e);this.calciteDatePickerChange.emit(e);return}var a=this.focusedInput;if(a==="start"){if(!this.startAsDate||!sameDate(e,this.startAsDate)){var i=dateToISO(e);this.value=Array.isArray(this.value)?[i,this.value[1]||""]:[i];this.start=i;this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}}else if(a==="end"){if(!this.endAsDate||!sameDate(e,this.endAsDate)){var n=dateToISO(e);this.value=Array.isArray(this.value)?[this.value[0]||"",n]:["",n];this.end=n;this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}}};t.prototype.blur=function(t){var e=this,a=e.locale,i=e.focusedInput,n=e.endAsDate,r=e.range,o=e.startAsDate,s=e.valueAsDate;var c=this.getDateFromInput(t.value);if(!c){if(!r&&s){t.value=Array.isArray(s)?s[i==="end"?1:0].toLocaleDateString(a):s.toLocaleDateString(a)}else if(i==="start"&&o){t.value=o.toLocaleDateString(a)}else if(i==="end"&&n){t.value=n.toLocaleDateString(a)}}};t.prototype.shouldFocusRangeStart=function(){return!!(this.endAsDate&&!this.startAsDate&&this.focusedInput==="end"&&this.startInput)};t.prototype.shouldFocusRangeEnd=function(){return!!(this.startAsDate&&!this.endAsDate&&this.focusedInput==="start"&&this.endInput)};t.prototype.getDateFromInput=function(t){if(!this.localeData){return false}var e=this.localeData.separator;var a=parseDateString(t,this.localeData),i=a.day,n=a.month,r=a.year;var o=i>0;var s=n>-1;var c=new Date(r,n,i);c.setFullYear(r);var l=!isNaN(c.getTime());var p=t.split(e).filter((function(t){return t})).length>2;var u=r.toString().length>0;if(o&&s&&l&&p&&u&&inRange(c,this.min,this.max)){return c}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handleDisabledChange"],value:["valueHandler"],flipPlacements:["flipPlacementsHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return t}();InputDatePicker.style=inputDatePickerCss;export{InputDatePicker as calcite_input_date_picker};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
-
* v1.0.0-next.
|
|
4
|
+
* v1.0.0-next.521
|
|
5
5
|
*/
|
|
6
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-
|
|
6
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-3d4e33c9.js";import{s as setRequestedIcon,d as getElementProp}from"./dom-1d25d90d.js";import"./guid-681ada01.js";var StatusIconDefaults;(function(t){t["valid"]="check-circle";t["invalid"]="exclamation-mark-triangle";t["idle"]="information"})(StatusIconDefaults||(StatusIconDefaults={}));var inputMessageCss="@-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([active][scale=m]),:host([active][scale=l]){--calcite-input-message-spacing-value:0.25rem}:host{visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:0px;width:100%;-ms-flex-align:center;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([active]){visibility:visible;height:auto;opacity:1;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([active][scale=m]),:host([active][scale=l]){margin-top:var(--calcite-input-message-spacing-value)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-input-message-icon{pointer-events:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-ui-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-ui-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-ui-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-ui-brand)}:host([status][active]){color:var(--calcite-ui-text-1)}:host([status][scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([status][scale=m]){margin-top:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([status][scale=l]){margin-top:0.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}";var InputMessage=function(){function t(t){registerInstance(this,t);this.active=false;this.scale="m";this.status="idle"}t.prototype.handleIconEl=function(){this.requestedIcon=setRequestedIcon(StatusIconDefaults,this.icon,this.status)};t.prototype.connectedCallback=function(){this.status=getElementProp(this.el,"status",this.status);this.scale=getElementProp(this.el,"scale",this.scale);this.requestedIcon=setRequestedIcon(StatusIconDefaults,this.icon,this.status)};t.prototype.render=function(){var t=!this.active;return h(Host,{"calcite-hydrated-hidden":t},this.renderIcon(this.requestedIcon),h("slot",null))};t.prototype.renderIcon=function(t){if(t){return h("calcite-icon",{class:"calcite-input-message-icon",icon:t,scale:"s"})}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{status:["handleIconEl"],icon:["handleIconEl"]}},enumerable:false,configurable:true});return t}();InputMessage.style=inputMessageCss;export{InputMessage as calcite_input_message};
|
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-next.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-3ec30bad.js";import{g as guid}from"./guid-5aa84743.js";import{i as isValidNumber}from"./locale-1e310e6f.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-3a519eed.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-cb292ed6.js";import{u as updateHostInteraction}from"./interactive-21921578.js";import{n as numberKeys,i as isActivationKey}from"./key-02ae0e60.js";import"./dom-3bc3e6f2.js";var maxTenthForMinuteAndSecond=5;function createLocaleDateTimeFormatter(e,t){if(t===void 0){t=true}try{var i={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};if(t){i.second="2-digit"}return new Intl.DateTimeFormat(e,i)}catch(t){throw new Error("Invalid locale supplied while attempting to create a DateTime formatter: ".concat(e))}}function formatTimePart(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}function formatTimeString(e){if(!isValidTime(e)){return null}var t=e.split(":"),i=t[0],n=t[1],a=t[2];var r=formatTimePart(parseInt(i));var o=formatTimePart(parseInt(n));if(a){var l=formatTimePart(parseInt(a));return"".concat(r,":").concat(o,":").concat(l)}return"".concat(r,":").concat(o)}function getLocaleHourCycle(e){var t=createLocaleDateTimeFormatter(e);var i=t.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return getLocalizedTimePart("meridiem",i)?"12":"24"}function getLocalizedTimePart(e,t){var i,n,a,r;if(!e||!t){return null}if(e==="hourSuffix"){var o=t.indexOf(t.find((function(e){var t=e.type;return t==="hour"})));var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var c=t[o+1];return c&&c.type==="literal"&&l-o===2?((i=c.value)===null||i===void 0?void 0:i.trim())||null:null}if(e==="minuteSuffix"){var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var u=t[l+1];return u&&u.type==="literal"&&s-l===2?((n=u.value)===null||n===void 0?void 0:n.trim())||null:null}if(e==="secondSuffix"){var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var m=t[s+1];return m&&m.type==="literal"?((a=m.value)===null||a===void 0?void 0:a.trim())||null:null}return((r=t.find((function(t){var i=t.type;return e=="meridiem"?i==="dayPeriod":i===e})))===null||r===void 0?void 0:r.value)||null}function getMeridiem(e){if(!isValidNumber(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function isValidTime(e){if(!e||e.startsWith(":")||e.endsWith(":")){return false}var t=e.split(":");var i=t.length>1&&t.length<4;if(!i){return false}var n=t[0],a=t[1],r=t[2];var o=parseInt(t[0]);var l=parseInt(t[1]);var c=parseInt(t[2]);var s=isValidNumber(n)&&o>=0&&o<24;var u=isValidNumber(a)&&l>=0&&l<60;var m=isValidNumber(r)&&c>=0&&c<60;if(s&&u&&!r||s&&u&&m){return true}}function isValidTimePart(e,t){if(t==="meridiem"){return e==="AM"||e==="PM"}if(!isValidNumber(e)){return false}var i=Number(e);return t==="hour"?i>=0&&i<24:i>=0&&i<60}function localizeTimePart(e,t,i){if(!isValidTimePart(e,t)){return}var n=parseInt(e);var a=new Date(Date.UTC(0,0,0,t==="hour"?n:t==="meridiem"?e==="AM"?0:12:0,t==="minute"?n:0,t==="second"?n:0));if(!a){return}var r=createLocaleDateTimeFormatter(i);var o=r.formatToParts(a);return getLocalizedTimePart(t,o)}function localizeTimeString(e,t,i){if(t===void 0){t="en"}if(i===void 0){i=true}if(!isValidTime(e)){return null}var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second,l=o===void 0?"0":o;var c=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(r),parseInt(l)));var s=createLocaleDateTimeFormatter(t,i);return(s===null||s===void 0?void 0:s.format(c))||null}function localizeTimeStringToParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return{localizedHour:getLocalizedTimePart("hour",s),localizedHourSuffix:getLocalizedTimePart("hourSuffix",s),localizedMinute:getLocalizedTimePart("minute",s),localizedMinuteSuffix:getLocalizedTimePart("minuteSuffix",s),localizedSecond:getLocalizedTimePart("second",s),localizedSecondSuffix:getLocalizedTimePart("secondSuffix",s),localizedMeridiem:getLocalizedTimePart("meridiem",s)}}return null}function getTimeParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return s}return null}function parseTimeString(e){if(isValidTime(e)){var t=e.split(":"),i=t[0],n=t[1],a=t[2];return{hour:i,minute:n,second:a}}return{hour:null,minute:null,second:null}}var inputTimePickerCss="@-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:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}: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}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var InputTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInputTimePickerChange=createEvent(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.locale=document.documentElement.lang||navigator.language||"en";this.required=false;this.scale="m";this.placement="auto";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-".concat(guid());this.calciteInternalInputBlurHandler=function(){t.active=false;var e=t.shouldIncludeSeconds();var i=localizeTimeString(t.calciteInputEl.value,t.locale,e);t.setInputValue(i||localizeTimeString(t.value,t.locale,e))};this.calciteInternalInputFocusHandler=function(e){t.active=true;e.stopPropagation()};this.calciteInputInputHandler=function(e){var i=e.target;t.setValue({value:i.value})};this.timePickerChangeHandler=function(e){e.stopPropagation();var i=e.target;var n=i.value;t.setValue({value:n,origin:"time-picker"});e.stopPropagation()};this.keyDownHandler=function(e){if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.setCalcitePopoverEl=function(e){t.popoverEl=e};this.setCalciteInputEl=function(e){t.calciteInputEl=e};this.setCalciteTimePickerEl=function(e){t.calciteTimePickerEl=e};this.setInputValue=function(e){if(!t.calciteInputEl){return}t.calciteInputEl.value=e};this.setValue=function(e){var i=e.value,n=e.origin,a=n===void 0?"input":n;var r=t.value;var o=formatTimeString(i);var l=localizeTimeString(o,t.locale,t.shouldIncludeSeconds());t.internalValueChange=a!=="external"&&a!=="loading";var c=a!=="loading"&&a!=="external"&&(i!==t.previousValidValue&&!i||!!(!t.previousValidValue&&o)||o!==t.previousValidValue&&o);if(i){if(c){t.previousValidValue=o}if(o&&o!==t.value){t.value=o}t.localizedValue=l}else{t.value=i;t.localizedValue=null}if(a==="time-picker"||a==="external"){t.setInputValue(l)}if(c){var s=t.calciteInputTimePickerChange.emit();if(s.defaultPrevented){t.internalValueChange=false;t.value=r;t.setInputValue(r);t.previousValidValue=r}else{t.previousValidValue=o}}}}e.prototype.activeHandler=function(){if(this.disabled){this.active=false;return}this.reposition()};e.prototype.handleDisabledChange=function(e){if(!e){this.active=false}};e.prototype.localeWatcher=function(e){this.setInputValue(localizeTimeString(this.value,e,this.shouldIncludeSeconds()))};e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.clickHandler=function(e){if(e.composedPath().includes(this.calciteTimePickerEl)){return}this.setFocus()};e.prototype.keyUpHandler=function(e){if(e.key==="Escape"&&this.active){this.active=false}};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();this.active=true};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.calciteInputEl)===null||e===void 0?void 0:e.setFocus();return[2]}))}))};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.popoverEl)===null||e===void 0?void 0:e.reposition();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.shouldIncludeSeconds=function(){return this.step<60};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:isValidTime(this.value)?this.value:undefined,origin:"loading"})}connectLabel(this);connectForm(this)};e.prototype.componentDidLoad=function(){this.setInputValue(this.localizedValue)};e.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.render=function(){var e="".concat(this.referenceElementId,"-popover");return h(Host,{onKeyDown:this.keyDownHandler},h("div",{"aria-controls":e,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":e,id:this.referenceElementId,role:"combobox"},h("calcite-input",{disabled:this.disabled,icon:"clock",label:getLabelText(this),onCalciteInputInput:this.calciteInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.calciteInternalInputFocusHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),h("calcite-popover",{id:e,label:"Time Picker",open:this.active,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.referenceElementId},h("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],disabled:["handleDisabledChange"],locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();InputTimePicker.style=inputTimePickerCss;var CSS={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};var TEXT={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var timePickerCss="@-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:inline-block}.time-picker{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .meridiem--start{-ms-flex-order:-1;order:-1}.time-picker .button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-top-left-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-top-right-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";function capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}var TimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalTimePickerBlur=createEvent(this,"calciteInternalTimePickerBlur",7);this.calciteInternalTimePickerChange=createEvent(this,"calciteInternalTimePickerChange",7);this.calciteInternalTimePickerFocus=createEvent(this,"calciteInternalTimePickerFocus",7);this.intlHour=TEXT.hour;this.intlHourDown=TEXT.hourDown;this.intlHourUp=TEXT.hourUp;this.intlMeridiem=TEXT.meridiem;this.intlMeridiemDown=TEXT.meridiemDown;this.intlMeridiemUp=TEXT.meridiemUp;this.intlMinute=TEXT.minute;this.intlMinuteDown=TEXT.minuteDown;this.intlMinuteUp=TEXT.minuteUp;this.intlSecond=TEXT.second;this.intlSecondDown=TEXT.secondDown;this.intlSecondUp=TEXT.secondUp;this.locale=document.documentElement.lang||navigator.language||"en";this.scale="m";this.step=60;this.value=null;this.showSecond=this.step<60;this.decrementHour=function(){var e=!t.hour?0:t.hour==="00"?23:parseInt(t.hour)-1;t.setValuePart("hour",e)};this.decrementMeridiem=function(){var e=t.meridiem==="PM"?"AM":"PM";t.setValuePart("meridiem",e)};this.decrementMinuteOrSecond=function(e){var i;if(isValidNumber(t[e])){var n=parseInt(t[e]);i=n===0?59:n-1}else{i=59}t.setValuePart(e,i)};this.decrementMinute=function(){t.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){t.decrementMinuteOrSecond("second")};this.focusHandler=function(e){t.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementHour()}};this.hourKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.hour)){switch(t.hourCycle){case"12":a=t.hour==="01"&&n>=0&&n<=2?"1".concat(n):n;break;case"24":if(t.hour==="01"){a="1".concat(n)}else if(t.hour==="02"&&n>=0&&n<=3){a="2".concat(n)}else{a=n}break}}else{a=n}t.setValuePart("hour",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault();t.decrementHour();break;case"ArrowUp":e.preventDefault();t.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementHour()}};this.incrementMeridiem=function(){var e=t.meridiem==="AM"?"PM":"AM";t.setValuePart("meridiem",e)};this.incrementHour=function(){var e=isValidNumber(t.hour)?t.hour==="23"?0:parseInt(t.hour)+1:1;t.setValuePart("hour",e)};this.incrementMinuteOrSecond=function(e){var i=isValidNumber(t[e])?t[e]==="59"?0:parseInt(t[e])+1:0;t.setValuePart(e,i)};this.incrementMinute=function(){t.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){t.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":t.setValuePart("meridiem","AM");break;case"p":t.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":t.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault();t.incrementMeridiem();break;case"ArrowDown":e.preventDefault();t.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMinute()}};this.minuteKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.minute)&&t.minute.startsWith("0")){var r=parseInt(t.minute);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("minute",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault();t.decrementMinute();break;case"ArrowUp":e.preventDefault();t.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementSecond()}};this.secondKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.second)&&t.second.startsWith("0")){var r=parseInt(t.second);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("second",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("second",null);break;case"ArrowDown":e.preventDefault();t.decrementSecond();break;case"ArrowUp":e.preventDefault();t.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementSecond()}};this.setHourEl=function(e){return t.hourEl=e};this.setMeridiemEl=function(e){return t.meridiemEl=e};this.setMinuteEl=function(e){return t.minuteEl=e};this.setSecondEl=function(e){return t.secondEl=e};this.setValue=function(e,i){if(i===void 0){i=true}if(isValidTime(e)){var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second;var l=localizeTimeStringToParts(e,t.locale),c=l.localizedHour,s=l.localizedHourSuffix,u=l.localizedMinute,m=l.localizedMinuteSuffix,d=l.localizedSecond,p=l.localizedSecondSuffix,h=l.localizedMeridiem;t.localizedHour=c;t.localizedHourSuffix=s;t.localizedMinute=u;t.localizedMinuteSuffix=m;t.localizedSecond=d;t.localizedSecondSuffix=p;t.hour=a;t.minute=r;t.second=o;if(h){t.localizedMeridiem=h;t.meridiem=getMeridiem(t.hour);var f=getTimeParts(e,t.locale);t.meridiemOrder=t.getMeridiemOrder(f)}}else{t.hour=null;t.localizedHour=null;t.localizedHourSuffix=null;t.localizedMeridiem=null;t.localizedMinute=null;t.localizedMinuteSuffix=null;t.localizedSecond=null;t.localizedSecondSuffix=null;t.meridiem=null;t.minute=null;t.second=null;t.value=null}if(i){t.calciteInternalTimePickerChange.emit()}};this.setValuePart=function(e,i,n){if(n===void 0){n=true}var a;if(e==="meridiem"){t.meridiem=i;if(isValidNumber(t.hour)){var r=parseInt(t.hour);switch(i){case"AM":if(r>=12){t.hour=formatTimePart(r-12)}break;case"PM":if(r<12){t.hour=formatTimePart(r+12)}break}t.localizedHour=localizeTimePart(t.hour,"hour",t.locale)}}else{t[e]=typeof i==="number"?formatTimePart(i):i;t["localized".concat(capitalize(e))]=localizeTimePart(t[e],e,t.locale)}if(t.hour&&t.minute){var o=t.second&&t.showSecond;t.value="".concat(t.hour,":").concat(t.minute,":").concat(o?t.second:"00")}else{t.value=null}t.localizedMeridiem=t.value?((a=localizeTimeStringToParts(t.value,t.locale))===null||a===void 0?void 0:a.localizedMeridiem)||null:localizeTimePart(t.meridiem,"meridiem",t.locale);if(n){t.calciteInternalTimePickerChange.emit()}}}e.prototype.localeWatcher=function(e){this.hourCycle=getLocaleHourCycle(e);this.setValue(this.value,false)};e.prototype.valueWatcher=function(e){this.setValue(e,false)};e.prototype.hostBlurHandler=function(){this.calciteInternalTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteInternalTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this["".concat(e||"hour","El")])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return isActivationKey(t)};e.prototype.getMeridiemOrder=function(e){var t=this;var i=this.locale==="ar"||this.locale==="he";if(e&&!i){var n=e.findIndex((function(e){return e.value===t.localizedMeridiem}));return n}return 0};e.prototype.connectedCallback=function(){this.setValue(this.value,false);this.hourCycle=getLocaleHourCycle(this.locale)};e.prototype.render=function(){var e,t,i,n,a,r,o,l,c,s,u,m,d,p;var f=isValidNumber(this.hour);var v=this.scale==="s"||this.scale==="m"?"s":"m";var b=isValidNumber(this.minute);var w=isValidNumber(this.second);var k=this.hourCycle==="12";return h("div",{class:(e={},e[CSS.timePicker]=true,e[CSS.showMeridiem]=k,e[CSS.showSecond]=this.showSecond,e[CSS["scale-".concat(this.scale)]]=true,e),dir:"ltr"},h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlHourUp,class:(t={},t[CSS.button]=true,t[CSS.buttonHourUp]=true,t[CSS.buttonTopLeft]=true,t),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":f&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:(i={},i[CSS.input]=true,i[CSS.hour]=true,i),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),h("span",{"aria-label":this.intlHourDown,class:(n={},n[CSS.button]=true,n[CSS.buttonHourDown]=true,n[CSS.buttonBottomLeft]=true,n),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),h("span",{class:CSS.delimiter},this.localizedHourSuffix),h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlMinuteUp,class:(a={},a[CSS.button]=true,a[CSS.buttonMinuteUp]=true,a),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":b&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:(r={},r[CSS.input]=true,r[CSS.minute]=true,r),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),h("span",{"aria-label":this.intlMinuteDown,class:(o={},o[CSS.button]=true,o[CSS.buttonMinuteDown]=true,o),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.showSecond&&h("span",{class:CSS.delimiter},this.localizedMinuteSuffix),this.showSecond&&h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlSecondUp,class:(l={},l[CSS.button]=true,l[CSS.buttonSecondUp]=true,l),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":w&&parseInt(this.second)||"0","aria-valuetext":this.second,class:(c={},c[CSS.input]=true,c[CSS.second]=true,c),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),h("span",{"aria-label":this.intlSecondDown,class:(s={},s[CSS.button]=true,s[CSS.buttonSecondDown]=true,s),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.localizedSecondSuffix&&h("span",{class:CSS.delimiter},this.localizedSecondSuffix),k&&h("div",{class:(u={},u[CSS.column]=true,u[CSS.meridiemStart]=this.meridiemOrder===0,u),role:"group"},h("span",{"aria-label":this.intlMeridiemUp,class:(m={},m[CSS.button]=true,m[CSS.buttonMeridiemUp]=true,m[CSS.buttonTopRight]=true,m),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:(d={},d[CSS.input]=true,d[CSS.meridiem]=true,d),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),h("span",{"aria-label":this.intlMeridiemDown,class:(p={},p[CSS.button]=true,p[CSS.buttonMeridiemDown]=true,p[CSS.buttonBottomRight]=true,p),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();TimePicker.style=timePickerCss;export{InputTimePicker as calcite_input_time_picker,TimePicker as calcite_time_picker};
|
|
5
|
+
* v1.0.0-next.521
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-3d4e33c9.js";import{g as guid}from"./guid-681ada01.js";import{i as isValidNumber}from"./locale-ddc99d54.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-78ef6888.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-9231bd75.js";import{u as updateHostInteraction}from"./interactive-206f3e33.js";import{n as numberKeys,i as isActivationKey}from"./key-aaa7a17a.js";import"./dom-1d25d90d.js";var maxTenthForMinuteAndSecond=5;function createLocaleDateTimeFormatter(e,t){if(t===void 0){t=true}try{var i={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};if(t){i.second="2-digit"}return new Intl.DateTimeFormat(e,i)}catch(t){throw new Error("Invalid locale supplied while attempting to create a DateTime formatter: ".concat(e))}}function formatTimePart(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}function formatTimeString(e){if(!isValidTime(e)){return null}var t=e.split(":"),i=t[0],n=t[1],a=t[2];var r=formatTimePart(parseInt(i));var o=formatTimePart(parseInt(n));if(a){var l=formatTimePart(parseInt(a));return"".concat(r,":").concat(o,":").concat(l)}return"".concat(r,":").concat(o)}function getLocaleHourCycle(e){var t=createLocaleDateTimeFormatter(e);var i=t.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return getLocalizedTimePart("meridiem",i)?"12":"24"}function getLocalizedTimePart(e,t){var i,n,a,r;if(!e||!t){return null}if(e==="hourSuffix"){var o=t.indexOf(t.find((function(e){var t=e.type;return t==="hour"})));var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var c=t[o+1];return c&&c.type==="literal"&&l-o===2?((i=c.value)===null||i===void 0?void 0:i.trim())||null:null}if(e==="minuteSuffix"){var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var u=t[l+1];return u&&u.type==="literal"&&s-l===2?((n=u.value)===null||n===void 0?void 0:n.trim())||null:null}if(e==="secondSuffix"){var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var m=t[s+1];return m&&m.type==="literal"?((a=m.value)===null||a===void 0?void 0:a.trim())||null:null}return((r=t.find((function(t){var i=t.type;return e=="meridiem"?i==="dayPeriod":i===e})))===null||r===void 0?void 0:r.value)||null}function getMeridiem(e){if(!isValidNumber(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function isValidTime(e){if(!e||e.startsWith(":")||e.endsWith(":")){return false}var t=e.split(":");var i=t.length>1&&t.length<4;if(!i){return false}var n=t[0],a=t[1],r=t[2];var o=parseInt(t[0]);var l=parseInt(t[1]);var c=parseInt(t[2]);var s=isValidNumber(n)&&o>=0&&o<24;var u=isValidNumber(a)&&l>=0&&l<60;var m=isValidNumber(r)&&c>=0&&c<60;if(s&&u&&!r||s&&u&&m){return true}}function isValidTimePart(e,t){if(t==="meridiem"){return e==="AM"||e==="PM"}if(!isValidNumber(e)){return false}var i=Number(e);return t==="hour"?i>=0&&i<24:i>=0&&i<60}function localizeTimePart(e,t,i){if(!isValidTimePart(e,t)){return}var n=parseInt(e);var a=new Date(Date.UTC(0,0,0,t==="hour"?n:t==="meridiem"?e==="AM"?0:12:0,t==="minute"?n:0,t==="second"?n:0));if(!a){return}var r=createLocaleDateTimeFormatter(i);var o=r.formatToParts(a);return getLocalizedTimePart(t,o)}function localizeTimeString(e,t,i){if(t===void 0){t="en"}if(i===void 0){i=true}if(!isValidTime(e)){return null}var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second,l=o===void 0?"0":o;var c=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(r),parseInt(l)));var s=createLocaleDateTimeFormatter(t,i);return(s===null||s===void 0?void 0:s.format(c))||null}function localizeTimeStringToParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return{localizedHour:getLocalizedTimePart("hour",s),localizedHourSuffix:getLocalizedTimePart("hourSuffix",s),localizedMinute:getLocalizedTimePart("minute",s),localizedMinuteSuffix:getLocalizedTimePart("minuteSuffix",s),localizedSecond:getLocalizedTimePart("second",s),localizedSecondSuffix:getLocalizedTimePart("secondSuffix",s),localizedMeridiem:getLocalizedTimePart("meridiem",s)}}return null}function getTimeParts(e,t){if(t===void 0){t="en"}if(!isValidTime(e)){return null}var i=parseTimeString(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=createLocaleDateTimeFormatter(t);var s=c.formatToParts(l);return s}return null}function parseTimeString(e){if(isValidTime(e)){var t=e.split(":"),i=t[0],n=t[1],a=t[2];return{hour:i,minute:n,second:a}}return{hour:null,minute:null,second:null}}var inputTimePickerCss="@-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:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}: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}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var InputTimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInputTimePickerChange=createEvent(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.locale=document.documentElement.lang||navigator.language||"en";this.required=false;this.scale="m";this.placement="auto";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-".concat(guid());this.calciteInternalInputBlurHandler=function(){t.active=false;var e=t.shouldIncludeSeconds();var i=localizeTimeString(t.calciteInputEl.value,t.locale,e);t.setInputValue(i||localizeTimeString(t.value,t.locale,e))};this.calciteInternalInputFocusHandler=function(e){t.active=true;e.stopPropagation()};this.calciteInputInputHandler=function(e){var i=e.target;t.setValue({value:i.value})};this.timePickerChangeHandler=function(e){e.stopPropagation();var i=e.target;var n=i.value;t.setValue({value:n,origin:"time-picker"});e.stopPropagation()};this.keyDownHandler=function(e){if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.setCalcitePopoverEl=function(e){t.popoverEl=e};this.setCalciteInputEl=function(e){t.calciteInputEl=e};this.setCalciteTimePickerEl=function(e){t.calciteTimePickerEl=e};this.setInputValue=function(e){if(!t.calciteInputEl){return}t.calciteInputEl.value=e};this.setValue=function(e){var i=e.value,n=e.origin,a=n===void 0?"input":n;var r=t.value;var o=formatTimeString(i);var l=localizeTimeString(o,t.locale,t.shouldIncludeSeconds());t.internalValueChange=a!=="external"&&a!=="loading";var c=a!=="loading"&&a!=="external"&&(i!==t.previousValidValue&&!i||!!(!t.previousValidValue&&o)||o!==t.previousValidValue&&o);if(i){if(c){t.previousValidValue=o}if(o&&o!==t.value){t.value=o}t.localizedValue=l}else{t.value=i;t.localizedValue=null}if(a==="time-picker"||a==="external"){t.setInputValue(l)}if(c){var s=t.calciteInputTimePickerChange.emit();if(s.defaultPrevented){t.internalValueChange=false;t.value=r;t.setInputValue(r);t.previousValidValue=r}else{t.previousValidValue=o}}}}e.prototype.activeHandler=function(){if(this.disabled){this.active=false;return}this.reposition()};e.prototype.handleDisabledChange=function(e){if(!e){this.active=false}};e.prototype.localeWatcher=function(e){this.setInputValue(localizeTimeString(this.value,e,this.shouldIncludeSeconds()))};e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.clickHandler=function(e){if(e.composedPath().includes(this.calciteTimePickerEl)){return}this.setFocus()};e.prototype.keyUpHandler=function(e){if(e.key==="Escape"&&this.active){this.active=false}};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();this.active=true};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.calciteInputEl)===null||e===void 0?void 0:e.setFocus();return[2]}))}))};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.popoverEl)===null||e===void 0?void 0:e.reposition();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.shouldIncludeSeconds=function(){return this.step<60};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:isValidTime(this.value)?this.value:undefined,origin:"loading"})}connectLabel(this);connectForm(this)};e.prototype.componentDidLoad=function(){this.setInputValue(this.localizedValue)};e.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.render=function(){var e="".concat(this.referenceElementId,"-popover");return h(Host,{onKeyDown:this.keyDownHandler},h("div",{"aria-controls":e,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":e,id:this.referenceElementId,role:"combobox"},h("calcite-input",{disabled:this.disabled,icon:"clock",label:getLabelText(this),onCalciteInputInput:this.calciteInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.calciteInternalInputFocusHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),h("calcite-popover",{id:e,label:"Time Picker",open:this.active,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.referenceElementId},h("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),h(HiddenFormInputSlot,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],disabled:["handleDisabledChange"],locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();InputTimePicker.style=inputTimePickerCss;var CSS={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};var TEXT={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var timePickerCss="@-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:inline-block}.time-picker{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .meridiem--start{-ms-flex-order:-1;order:-1}.time-picker .button{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-top-left-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-top-right-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";function capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}var TimePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalTimePickerBlur=createEvent(this,"calciteInternalTimePickerBlur",7);this.calciteInternalTimePickerChange=createEvent(this,"calciteInternalTimePickerChange",7);this.calciteInternalTimePickerFocus=createEvent(this,"calciteInternalTimePickerFocus",7);this.intlHour=TEXT.hour;this.intlHourDown=TEXT.hourDown;this.intlHourUp=TEXT.hourUp;this.intlMeridiem=TEXT.meridiem;this.intlMeridiemDown=TEXT.meridiemDown;this.intlMeridiemUp=TEXT.meridiemUp;this.intlMinute=TEXT.minute;this.intlMinuteDown=TEXT.minuteDown;this.intlMinuteUp=TEXT.minuteUp;this.intlSecond=TEXT.second;this.intlSecondDown=TEXT.secondDown;this.intlSecondUp=TEXT.secondUp;this.locale=document.documentElement.lang||navigator.language||"en";this.scale="m";this.step=60;this.value=null;this.showSecond=this.step<60;this.decrementHour=function(){var e=!t.hour?0:t.hour==="00"?23:parseInt(t.hour)-1;t.setValuePart("hour",e)};this.decrementMeridiem=function(){var e=t.meridiem==="PM"?"AM":"PM";t.setValuePart("meridiem",e)};this.decrementMinuteOrSecond=function(e){var i;if(isValidNumber(t[e])){var n=parseInt(t[e]);i=n===0?59:n-1}else{i=59}t.setValuePart(e,i)};this.decrementMinute=function(){t.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){t.decrementMinuteOrSecond("second")};this.focusHandler=function(e){t.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementHour()}};this.hourKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.hour)){switch(t.hourCycle){case"12":a=t.hour==="01"&&n>=0&&n<=2?"1".concat(n):n;break;case"24":if(t.hour==="01"){a="1".concat(n)}else if(t.hour==="02"&&n>=0&&n<=3){a="2".concat(n)}else{a=n}break}}else{a=n}t.setValuePart("hour",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault();t.decrementHour();break;case"ArrowUp":e.preventDefault();t.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementHour()}};this.incrementMeridiem=function(){var e=t.meridiem==="AM"?"PM":"AM";t.setValuePart("meridiem",e)};this.incrementHour=function(){var e=isValidNumber(t.hour)?t.hour==="23"?0:parseInt(t.hour)+1:1;t.setValuePart("hour",e)};this.incrementMinuteOrSecond=function(e){var i=isValidNumber(t[e])?t[e]==="59"?0:parseInt(t[e])+1:0;t.setValuePart(e,i)};this.incrementMinute=function(){t.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){t.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":t.setValuePart("meridiem","AM");break;case"p":t.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":t.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault();t.incrementMeridiem();break;case"ArrowDown":e.preventDefault();t.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementMinute()}};this.minuteKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.minute)&&t.minute.startsWith("0")){var r=parseInt(t.minute);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("minute",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault();t.decrementMinute();break;case"ArrowUp":e.preventDefault();t.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.decrementSecond()}};this.secondKeyDownHandler=function(e){var i=e.key;if(numberKeys.includes(i)){var n=parseInt(i);var a=void 0;if(isValidNumber(t.second)&&t.second.startsWith("0")){var r=parseInt(t.second);a=r>maxTenthForMinuteAndSecond?n:"".concat(r).concat(n)}else{a=n}t.setValuePart("second",a)}else{switch(i){case"Backspace":case"Delete":t.setValuePart("second",null);break;case"ArrowDown":e.preventDefault();t.decrementSecond();break;case"ArrowUp":e.preventDefault();t.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(t.buttonActivated(e)){t.incrementSecond()}};this.setHourEl=function(e){return t.hourEl=e};this.setMeridiemEl=function(e){return t.meridiemEl=e};this.setMinuteEl=function(e){return t.minuteEl=e};this.setSecondEl=function(e){return t.secondEl=e};this.setValue=function(e,i){if(i===void 0){i=true}if(isValidTime(e)){var n=parseTimeString(e),a=n.hour,r=n.minute,o=n.second;var l=localizeTimeStringToParts(e,t.locale),c=l.localizedHour,s=l.localizedHourSuffix,u=l.localizedMinute,m=l.localizedMinuteSuffix,d=l.localizedSecond,p=l.localizedSecondSuffix,h=l.localizedMeridiem;t.localizedHour=c;t.localizedHourSuffix=s;t.localizedMinute=u;t.localizedMinuteSuffix=m;t.localizedSecond=d;t.localizedSecondSuffix=p;t.hour=a;t.minute=r;t.second=o;if(h){t.localizedMeridiem=h;t.meridiem=getMeridiem(t.hour);var f=getTimeParts(e,t.locale);t.meridiemOrder=t.getMeridiemOrder(f)}}else{t.hour=null;t.localizedHour=null;t.localizedHourSuffix=null;t.localizedMeridiem=null;t.localizedMinute=null;t.localizedMinuteSuffix=null;t.localizedSecond=null;t.localizedSecondSuffix=null;t.meridiem=null;t.minute=null;t.second=null;t.value=null}if(i){t.calciteInternalTimePickerChange.emit()}};this.setValuePart=function(e,i,n){if(n===void 0){n=true}var a;if(e==="meridiem"){t.meridiem=i;if(isValidNumber(t.hour)){var r=parseInt(t.hour);switch(i){case"AM":if(r>=12){t.hour=formatTimePart(r-12)}break;case"PM":if(r<12){t.hour=formatTimePart(r+12)}break}t.localizedHour=localizeTimePart(t.hour,"hour",t.locale)}}else{t[e]=typeof i==="number"?formatTimePart(i):i;t["localized".concat(capitalize(e))]=localizeTimePart(t[e],e,t.locale)}if(t.hour&&t.minute){var o=t.second&&t.showSecond;t.value="".concat(t.hour,":").concat(t.minute,":").concat(o?t.second:"00")}else{t.value=null}t.localizedMeridiem=t.value?((a=localizeTimeStringToParts(t.value,t.locale))===null||a===void 0?void 0:a.localizedMeridiem)||null:localizeTimePart(t.meridiem,"meridiem",t.locale);if(n){t.calciteInternalTimePickerChange.emit()}}}e.prototype.localeWatcher=function(e){this.hourCycle=getLocaleHourCycle(e);this.setValue(this.value,false)};e.prototype.valueWatcher=function(e){this.setValue(e,false)};e.prototype.hostBlurHandler=function(){this.calciteInternalTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteInternalTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this["".concat(e||"hour","El")])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return isActivationKey(t)};e.prototype.getMeridiemOrder=function(e){var t=this;var i=this.locale==="ar"||this.locale==="he";if(e&&!i){var n=e.findIndex((function(e){return e.value===t.localizedMeridiem}));return n}return 0};e.prototype.connectedCallback=function(){this.setValue(this.value,false);this.hourCycle=getLocaleHourCycle(this.locale)};e.prototype.render=function(){var e,t,i,n,a,r,o,l,c,s,u,m,d,p;var f=isValidNumber(this.hour);var v=this.scale==="s"||this.scale==="m"?"s":"m";var b=isValidNumber(this.minute);var w=isValidNumber(this.second);var k=this.hourCycle==="12";return h("div",{class:(e={},e[CSS.timePicker]=true,e[CSS.showMeridiem]=k,e[CSS.showSecond]=this.showSecond,e[CSS["scale-".concat(this.scale)]]=true,e),dir:"ltr"},h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlHourUp,class:(t={},t[CSS.button]=true,t[CSS.buttonHourUp]=true,t[CSS.buttonTopLeft]=true,t),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":f&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:(i={},i[CSS.input]=true,i[CSS.hour]=true,i),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),h("span",{"aria-label":this.intlHourDown,class:(n={},n[CSS.button]=true,n[CSS.buttonHourDown]=true,n[CSS.buttonBottomLeft]=true,n),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),h("span",{class:CSS.delimiter},this.localizedHourSuffix),h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlMinuteUp,class:(a={},a[CSS.button]=true,a[CSS.buttonMinuteUp]=true,a),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":b&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:(r={},r[CSS.input]=true,r[CSS.minute]=true,r),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),h("span",{"aria-label":this.intlMinuteDown,class:(o={},o[CSS.button]=true,o[CSS.buttonMinuteDown]=true,o),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.showSecond&&h("span",{class:CSS.delimiter},this.localizedMinuteSuffix),this.showSecond&&h("div",{class:CSS.column,role:"group"},h("span",{"aria-label":this.intlSecondUp,class:(l={},l[CSS.button]=true,l[CSS.buttonSecondUp]=true,l),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":w&&parseInt(this.second)||"0","aria-valuetext":this.second,class:(c={},c[CSS.input]=true,c[CSS.second]=true,c),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),h("span",{"aria-label":this.intlSecondDown,class:(s={},s[CSS.button]=true,s[CSS.buttonSecondDown]=true,s),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))),this.localizedSecondSuffix&&h("span",{class:CSS.delimiter},this.localizedSecondSuffix),k&&h("div",{class:(u={},u[CSS.column]=true,u[CSS.meridiemStart]=this.meridiemOrder===0,u),role:"group"},h("span",{"aria-label":this.intlMeridiemUp,class:(m={},m[CSS.button]=true,m[CSS.buttonMeridiemUp]=true,m[CSS.buttonTopRight]=true,m),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-up",scale:v})),h("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:(d={},d[CSS.input]=true,d[CSS.meridiem]=true,d),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),h("span",{"aria-label":this.intlMeridiemDown,class:(p={},p[CSS.button]=true,p[CSS.buttonMeridiemDown]=true,p[CSS.buttonBottomRight]=true,p),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},h("calcite-icon",{icon:"chevron-down",scale:v}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();TimePicker.style=timePickerCss;export{InputTimePicker as calcite_input_time_picker,TimePicker as calcite_time_picker};
|
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-next.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-3ec30bad.js";import{T as TEXT$1,g as getSlotted,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-3bc3e6f2.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-3a519eed.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-cb292ed6.js";import{d as delocalizeNumberString,i as isValidNumber,p as parseNumberString,g as getDecimalSeparator,l as localizeNumberString,s as sanitizeNumberString}from"./locale-1e310e6f.js";import{n as numberKeys}from"./key-02ae0e60.js";import{d as decimalPlaces}from"./math-9da1254c.js";import{c as createObserver}from"./observers-f302dd59.js";import{u as updateHostInteraction}from"./interactive-21921578.js";import"./guid-5aa84743.js";var CSS={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};var INPUT_TYPE_ICONS={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};var SLOTS={action:"action"};var TEXT={clear:"Clear value"};var inputCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{height:auto;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{height:auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{height:auto;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host textarea,:host input{-webkit-transition:var(--calcite-animation-timing), height 0, outline-offset 0s;transition:var(--calcite-animation-timing), height 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-height:100%;width:100%;max-width:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-color:transparent}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;height:0px;width:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{top:1px;left:1px;right:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:1;order:1;max-height:100%;min-height:100%;-ms-flex-item-align:stretch;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:5;order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-top-width:0px}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem;inset-inline-end:0}.resize-icon-wrapper{bottom:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;height:0.75rem;width:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{bottom:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0px}:host(.border-top-color-one) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var Input=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalInputFocus=createEvent(this,"calciteInternalInputFocus",7);this.calciteInternalInputBlur=createEvent(this,"calciteInternalInputBlur",7);this.calciteInputInput=createEvent(this,"calciteInputInput",7);this.calciteInputChange=createEvent(this,"calciteInputChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=TEXT$1.loading;this.iconFlipRtl=false;this.loading=false;this.locale=document.documentElement.lang||"en";this.localeFormat=false;this.numberButtonType="vertical";this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.editingEnabled=false;this.type="text";this.value="";this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=createObserver("mutation",(function(){return t.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(e){if(t.readOnly||t.disabled){return}if(t.isClearable&&e.key==="Escape"){t.clearInputValue(e);e.preventDefault()}if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.clearInputValue=function(e){t.setValue({committing:true,nativeEvent:e,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(t.previousValueOrigin==="user"&&t.value!==t.previousEmittedValue){t.calciteInputChange.emit()}t.previousEmittedValue=t.value};this.inputBlurHandler=function(){t.calciteInternalInputBlur.emit({element:t.childEl,value:t.value});t.emitChangeIfUserModified()};this.inputFocusHandler=function(e){var i=getSlotted(t.el,"action");if(e.target!==i){t.setFocus()}t.calciteInternalInputFocus.emit({element:t.childEl,value:t.value})};this.inputInputHandler=function(e){if(t.disabled||t.readOnly){return}t.setValue({nativeEvent:e,origin:"user",value:e.target.value})};this.inputKeyDownHandler=function(e){if(t.disabled||t.readOnly){return}if(e.key==="Enter"){t.emitChangeIfUserModified()}};this.inputNumberInputHandler=function(e){if(t.disabled||t.readOnly){return}var i=e.target.value;var n=delocalizeNumberString(i,t.locale);if(e.inputType==="insertFromPaste"){if(!isValidNumber(n)){e.preventDefault()}t.setValue({nativeEvent:e,origin:"user",value:parseNumberString(n)});t.childNumberEl.value=t.localizedValue}else{t.setValue({nativeEvent:e,origin:"user",value:n})}};this.inputNumberKeyDownHandler=function(e){if(t.type!=="number"||t.disabled||t.readOnly){return}if(e.key==="ArrowUp"){e.preventDefault();t.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){t.nudgeNumberValue("down",e);return}var i=__spreadArray(__spreadArray([],numberKeys,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(e.altKey||e.ctrlKey||e.metaKey){return}var n=e.shiftKey&&e.key==="Tab";if(i.includes(e.key)&&(!e.shiftKey||n)){if(e.key==="Enter"){t.emitChangeIfUserModified()}return}var a=getDecimalSeparator(t.locale);if(e.key===a){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.indexOf(a)===-1){return}}if(/[eE]/.test(e.key)){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&!/[eE]/.test(t.childNumberEl.value)){return}}if(e.key==="-"){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.split("-").length<=2){return}}e.preventDefault()};this.nudgeNumberValue=function(e,i){if(i instanceof KeyboardEvent&&i.repeat||t.type!=="number"){return}var n=t.maxString?parseFloat(t.maxString):null;var a=t.minString?parseFloat(t.minString):null;var r=100;t.incrementOrDecrementNumberValue(e,n,a,i);if(t.nudgeNumberValueIntervalId){window.clearInterval(t.nudgeNumberValueIntervalId)}var o=true;t.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}t.incrementOrDecrementNumberValue(e,n,a,i)}),r)};this.numberButtonPointerUpAndOutHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=function(e){e.preventDefault();var i=e.target.dataset.adjustment;if(!t.disabled){t.nudgeNumberValue(i,e)}};this.setChildElRef=function(e){t.childEl=e};this.setChildNumberElRef=function(e){t.childNumberEl=e};this.setInputValue=function(e){if(t.type==="text"&&!t.childEl){return}if(t.type==="number"&&!t.childNumberEl){return}t["child".concat(t.type==="number"?"Number":"","El")].value=e};this.setPreviousEmittedValue=function(e){t.previousEmittedValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setPreviousValue=function(e){t.previousValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setValue=function(e){var i=e.committing,n=i===void 0?false:i,a=e.nativeEvent,r=e.origin,o=e.previousValue,l=e.value;var s=t.type==="number"?localizeNumberString(t.previousValue,t.locale,t.groupSeparator,t.numberingSystem):"";var u=t.type==="number"?sanitizeNumberString(l):l;var c=t.type==="number"&&l&&!u?isValidNumber(t.previousValue)?t.previousValue:"":u;var d=t.type==="number"?localizeNumberString(c,t.locale,t.groupSeparator,t.numberingSystem):"";t.setPreviousValue(o||t.value);t.previousValueOrigin=r;t.userChangedValue=r==="user"&&t.value!==c;t.value=c;if(t.type==="number"){t.localizedValue=d}if(r==="direct"){t.setInputValue(t.type==="number"?d:c)}if(a){var p=t.calciteInputInput.emit({element:t.childEl,nativeEvent:a,value:t.value});if(p.defaultPrevented){t.value=t.previousValue;t.localizedValue=s}else if(n){t.emitChangeIfUserModified()}}};this.inputKeyUpHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)}}e.prototype.disabledWatcher=function(){this.setDisabledAction()};e.prototype.maxWatcher=function(){var e;this.maxString=((e=this.max)===null||e===void 0?void 0:e.toString())||null};e.prototype.minWatcher=function(){var e;this.minString=((e=this.min)===null||e===void 0?void 0:e.toString())||null};e.prototype.valueWatcher=function(e,t){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?isValidNumber(e)?e:this.previousValue||"":e});this.warnAboutInvalidNumberValue(e)}this.userChangedValue=false};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};Object.defineProperty(e.prototype,"isClearable",{get:function(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value.length>0},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});e.prototype.connectedCallback=function(){var e;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:isValidNumber(this.value)?this.value:""})}connectLabel(this);connectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true});this.setDisabledAction()};e.prototype.disconnectedCallback=function(){var e;disconnectLabel(this);disconnectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.componentWillLoad=function(){var e,t;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(e=this.max)===null||e===void 0?void 0:e.toString();this.minString=(t=this.min)===null||t===void 0?void 0:t.toString();this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};e.prototype.componentShouldUpdate=function(e,t,i){if(this.type==="number"&&i==="value"&&e&&!isValidNumber(e)){this.setValue({origin:"reset",value:t});return false}return true};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.focus()}else{(t=this.childEl)===null||t===void 0?void 0:t.focus()}return[2]}))}))};e.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.select()}else{(t=this.childEl)===null||t===void 0?void 0:t.select()}return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.incrementOrDecrementNumberValue=function(e,t,i,n){var a=this.value;var r=this.step==="any"?1:Math.abs(this.step||1);var o=a&&a!==""?parseFloat(a):0;var l=e==="up"?1:-1;var s=o+r*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof t==="number"&&!isNaN(t)&&s>t?o:s;var c=decimalPlaces(o);var d=decimalPlaces(r);this.setValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};e.prototype.onFormReset=function(){this.setValue({origin:"reset",value:this.defaultValue})};e.prototype.syncHiddenFormInput=function(e){var t,i,n,a;if(this.type==="number"){e.type="number";e.min=(i=(t=this.min)===null||t===void 0?void 0:t.toString(10))!==null&&i!==void 0?i:"";e.max=(a=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&a!==void 0?a:""}else if(this.type==="text"){e.type="text";if(this.minLength!=null){e.minLength=this.minLength}if(this.maxLength!=null){e.maxLength=this.maxLength}}else if(this.type==="password"){e.type="password"}};e.prototype.setDisabledAction=function(){var e=getSlotted(this.el,"action");if(!e){return}this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")};e.prototype.warnAboutInvalidNumberValue=function(e){if(this.type==="number"&&e&&!isValidNumber(e)){console.warn('The specified value "'.concat(e,'" cannot be parsed, or is out of range.'))}};e.prototype.render=function(){var e,t,i,n;var a=getElementDir(this.el);var r=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var o=h("button",{"aria-label":this.intlClear||TEXT.clear,class:CSS.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},h("calcite-icon",{icon:"x",scale:"s"}));var l=h("calcite-icon",{class:CSS.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var s=this.numberButtonType==="horizontal";var u=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=s,e),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var c=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=s,t),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-down",scale:"s"}));var d=h("div",{class:CSS.numberButtonWrapper},u,c);var p=h("div",{class:CSS.prefix},this.prefixText);var m=h("div",{class:CSS.suffix},this.suffixText);var b=this.type==="number"?h("input",{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue}):null;var f=this.type!=="number"?[h(this.childElType,{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,class:(i={},i[CSS.editingEnabled]=this.editingEnabled,i[CSS.inlineChild]=!!this.inlineEditableEl,i),defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?h("div",{class:CSS.resizeIconWrapper},h("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return h(Host,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},h("div",{class:(n={},n[CSS.inputWrapper]=true,n[CSS_UTILITY.rtl]=a==="rtl",n)},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?p:null,h("div",{class:CSS.wrapper},b,f,this.isClearable?o:null,this.requestedIcon?l:null,this.loading?r:null),h("div",{class:CSS.actionWrapper},h("slot",{name:SLOTS.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?d:null,this.suffixText?m:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?u:null,h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return e}();Input.style=inputCss;export{Input as calcite_input};
|
|
5
|
+
* v1.0.0-next.521
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-3d4e33c9.js";import{T as TEXT$1,g as getSlotted,s as setRequestedIcon,d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-1d25d90d.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-78ef6888.js";import{s as submitForm,c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-9231bd75.js";import{d as delocalizeNumberString,i as isValidNumber,p as parseNumberString,g as getDecimalSeparator,l as localizeNumberString,s as sanitizeNumberString}from"./locale-ddc99d54.js";import{n as numberKeys}from"./key-aaa7a17a.js";import{d as decimalPlaces}from"./math-6704b0cd.js";import{c as createObserver}from"./observers-f4b26851.js";import{u as updateHostInteraction}from"./interactive-206f3e33.js";import"./guid-681ada01.js";var CSS={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};var INPUT_TYPE_ICONS={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};var SLOTS={action:"action"};var TEXT={clear:"Clear value"};var inputCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{height:1.5rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{height:auto;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{height:2rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{height:auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{height:auto;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host textarea,:host input{-webkit-transition:var(--calcite-animation-timing), height 0, outline-offset 0s;transition:var(--calcite-animation-timing), height 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-height:100%;width:100%;max-width:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-color:transparent}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;height:0px;width:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{top:1px;left:1px;right:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:1;order:1;max-height:100%;min-height:100%;-ms-flex-item-align:stretch;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:5;order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-top-width:0px}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem;inset-inline-end:0}.resize-icon-wrapper{bottom:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;height:0.75rem;width:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{bottom:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0px}:host(.border-top-color-one) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var Input=function(){function e(e){var t=this;registerInstance(this,e);this.calciteInternalInputFocus=createEvent(this,"calciteInternalInputFocus",7);this.calciteInternalInputBlur=createEvent(this,"calciteInternalInputBlur",7);this.calciteInputInput=createEvent(this,"calciteInputInput",7);this.calciteInputChange=createEvent(this,"calciteInputChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=TEXT$1.loading;this.iconFlipRtl=false;this.loading=false;this.locale=document.documentElement.lang||"en";this.localeFormat=false;this.numberButtonType="vertical";this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.editingEnabled=false;this.type="text";this.value="";this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=createObserver("mutation",(function(){return t.setDisabledAction()}));this.userChangedValue=false;this.keyDownHandler=function(e){if(t.readOnly||t.disabled){return}if(t.isClearable&&e.key==="Escape"){t.clearInputValue(e);e.preventDefault()}if(e.key==="Enter"&&!e.defaultPrevented){submitForm(t)}};this.clearInputValue=function(e){t.setValue({committing:true,nativeEvent:e,origin:"user",value:""})};this.emitChangeIfUserModified=function(){if(t.previousValueOrigin==="user"&&t.value!==t.previousEmittedValue){t.calciteInputChange.emit()}t.previousEmittedValue=t.value};this.inputBlurHandler=function(){t.calciteInternalInputBlur.emit({element:t.childEl,value:t.value});t.emitChangeIfUserModified()};this.inputFocusHandler=function(e){var i=getSlotted(t.el,"action");if(e.target!==i){t.setFocus()}t.calciteInternalInputFocus.emit({element:t.childEl,value:t.value})};this.inputInputHandler=function(e){if(t.disabled||t.readOnly){return}t.setValue({nativeEvent:e,origin:"user",value:e.target.value})};this.inputKeyDownHandler=function(e){if(t.disabled||t.readOnly){return}if(e.key==="Enter"){t.emitChangeIfUserModified()}};this.inputNumberInputHandler=function(e){if(t.disabled||t.readOnly){return}var i=e.target.value;var n=delocalizeNumberString(i,t.locale);if(e.inputType==="insertFromPaste"){if(!isValidNumber(n)){e.preventDefault()}t.setValue({nativeEvent:e,origin:"user",value:parseNumberString(n)});t.childNumberEl.value=t.localizedValue}else{t.setValue({nativeEvent:e,origin:"user",value:n})}};this.inputNumberKeyDownHandler=function(e){if(t.type!=="number"||t.disabled||t.readOnly){return}if(e.key==="ArrowUp"){e.preventDefault();t.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){t.nudgeNumberValue("down",e);return}var i=__spreadArray(__spreadArray([],numberKeys,true),["ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"],false);if(e.altKey||e.ctrlKey||e.metaKey){return}var n=e.shiftKey&&e.key==="Tab";if(i.includes(e.key)&&(!e.shiftKey||n)){if(e.key==="Enter"){t.emitChangeIfUserModified()}return}var a=getDecimalSeparator(t.locale);if(e.key===a){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.indexOf(a)===-1){return}}if(/[eE]/.test(e.key)){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&!/[eE]/.test(t.childNumberEl.value)){return}}if(e.key==="-"){if(!t.value&&!t.childNumberEl.value){return}if(t.value&&t.childNumberEl.value.split("-").length<=2){return}}e.preventDefault()};this.nudgeNumberValue=function(e,i){if(i instanceof KeyboardEvent&&i.repeat||t.type!=="number"){return}var n=t.maxString?parseFloat(t.maxString):null;var a=t.minString?parseFloat(t.minString):null;var r=100;t.incrementOrDecrementNumberValue(e,n,a,i);if(t.nudgeNumberValueIntervalId){window.clearInterval(t.nudgeNumberValueIntervalId)}var o=true;t.nudgeNumberValueIntervalId=window.setInterval((function(){if(o){o=false;return}t.incrementOrDecrementNumberValue(e,n,a,i)}),r)};this.numberButtonPointerUpAndOutHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=function(e){e.preventDefault();var i=e.target.dataset.adjustment;if(!t.disabled){t.nudgeNumberValue(i,e)}};this.setChildElRef=function(e){t.childEl=e};this.setChildNumberElRef=function(e){t.childNumberEl=e};this.setInputValue=function(e){if(t.type==="text"&&!t.childEl){return}if(t.type==="number"&&!t.childNumberEl){return}t["child".concat(t.type==="number"?"Number":"","El")].value=e};this.setPreviousEmittedValue=function(e){t.previousEmittedValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setPreviousValue=function(e){t.previousValue=t.type==="number"?isValidNumber(e)?e:"":e};this.setValue=function(e){var i=e.committing,n=i===void 0?false:i,a=e.nativeEvent,r=e.origin,o=e.previousValue,l=e.value;var s=t.type==="number"?localizeNumberString(t.previousValue,t.locale,t.groupSeparator,t.numberingSystem):"";var u=t.type==="number"?sanitizeNumberString(l):l;var c=t.type==="number"&&l&&!u?isValidNumber(t.previousValue)?t.previousValue:"":u;var d=t.type==="number"?localizeNumberString(c,t.locale,t.groupSeparator,t.numberingSystem):"";t.setPreviousValue(o||t.value);t.previousValueOrigin=r;t.userChangedValue=r==="user"&&t.value!==c;t.value=c;if(t.type==="number"){t.localizedValue=d}if(r==="direct"){t.setInputValue(t.type==="number"?d:c)}if(a){var p=t.calciteInputInput.emit({element:t.childEl,nativeEvent:a,value:t.value});if(p.defaultPrevented){t.value=t.previousValue;t.localizedValue=s}else if(n){t.emitChangeIfUserModified()}}};this.inputKeyUpHandler=function(){window.clearInterval(t.nudgeNumberValueIntervalId)}}e.prototype.disabledWatcher=function(){this.setDisabledAction()};e.prototype.maxWatcher=function(){var e;this.maxString=((e=this.max)===null||e===void 0?void 0:e.toString())||null};e.prototype.minWatcher=function(){var e;this.minString=((e=this.min)===null||e===void 0?void 0:e.toString())||null};e.prototype.valueWatcher=function(e,t){if(!this.userChangedValue){this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?isValidNumber(e)?e:this.previousValue||"":e});this.warnAboutInvalidNumberValue(e)}this.userChangedValue=false};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};Object.defineProperty(e.prototype,"isClearable",{get:function(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value.length>0},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTextarea",{get:function(){return this.childElType==="textarea"},enumerable:false,configurable:true});e.prototype.connectedCallback=function(){var e;this.scale=getElementProp(this.el,"scale",this.scale);this.status=getElementProp(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:isValidNumber(this.value)?this.value:""})}connectLabel(this);connectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true});this.setDisabledAction()};e.prototype.disconnectedCallback=function(){var e;disconnectLabel(this);disconnectForm(this);(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.componentWillLoad=function(){var e,t;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(e=this.max)===null||e===void 0?void 0:e.toString();this.minString=(t=this.min)===null||t===void 0?void 0:t.toString();this.requestedIcon=setRequestedIcon(INPUT_TYPE_ICONS,this.icon,this.type)};e.prototype.componentShouldUpdate=function(e,t,i){if(this.type==="number"&&i==="value"&&e&&!isValidNumber(e)){this.setValue({origin:"reset",value:t});return false}return true};e.prototype.componentDidRender=function(){updateHostInteraction(this)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.focus()}else{(t=this.childEl)===null||t===void 0?void 0:t.focus()}return[2]}))}))};e.prototype.selectText=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){if(this.type==="number"){(e=this.childNumberEl)===null||e===void 0?void 0:e.select()}else{(t=this.childEl)===null||t===void 0?void 0:t.select()}return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.incrementOrDecrementNumberValue=function(e,t,i,n){var a=this.value;var r=this.step==="any"?1:Math.abs(this.step||1);var o=a&&a!==""?parseFloat(a):0;var l=e==="up"?1:-1;var s=o+r*l;var u=typeof i==="number"&&!isNaN(i)&&s<i||typeof t==="number"&&!isNaN(t)&&s>t?o:s;var c=decimalPlaces(o);var d=decimalPlaces(r);this.setValue({committing:true,nativeEvent:n,origin:"user",value:u.toFixed(Math.max(c,d))})};e.prototype.onFormReset=function(){this.setValue({origin:"reset",value:this.defaultValue})};e.prototype.syncHiddenFormInput=function(e){var t,i,n,a;if(this.type==="number"){e.type="number";e.min=(i=(t=this.min)===null||t===void 0?void 0:t.toString(10))!==null&&i!==void 0?i:"";e.max=(a=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&a!==void 0?a:""}else if(this.type==="text"){e.type="text";if(this.minLength!=null){e.minLength=this.minLength}if(this.maxLength!=null){e.maxLength=this.maxLength}}else if(this.type==="password"){e.type="password"}};e.prototype.setDisabledAction=function(){var e=getSlotted(this.el,"action");if(!e){return}this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")};e.prototype.warnAboutInvalidNumberValue=function(e){if(this.type==="number"&&e&&!isValidNumber(e)){console.warn('The specified value "'.concat(e,'" cannot be parsed, or is out of range.'))}};e.prototype.render=function(){var e,t,i,n;var a=getElementDir(this.el);var r=h("div",{class:CSS.loader},h("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));var o=h("button",{"aria-label":this.intlClear||TEXT.clear,class:CSS.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},h("calcite-icon",{icon:"x",scale:"s"}));var l=h("calcite-icon",{class:CSS.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});var s=this.numberButtonType==="horizontal";var u=h("button",{class:(e={},e[CSS.numberButtonItem]=true,e[CSS.buttonItemHorizontal]=s,e),"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-up",scale:"s"}));var c=h("button",{class:(t={},t[CSS.numberButtonItem]=true,t[CSS.buttonItemHorizontal]=s,t),"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},h("calcite-icon",{icon:"chevron-down",scale:"s"}));var d=h("div",{class:CSS.numberButtonWrapper},u,c);var p=h("div",{class:CSS.prefix},this.prefixText);var m=h("div",{class:CSS.suffix},this.suffixText);var b=this.type==="number"?h("input",{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue}):null;var f=this.type!=="number"?[h(this.childElType,{"aria-label":getLabelText(this),autofocus:this.autofocus?true:null,class:(i={},i[CSS.editingEnabled]=this.editingEnabled,i[CSS.inlineChild]=!!this.inlineEditableEl,i),defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?h("div",{class:CSS.resizeIconWrapper},h("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return h(Host,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},h("div",{class:(n={},n[CSS.inputWrapper]=true,n[CSS_UTILITY.rtl]=a==="rtl",n)},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?p:null,h("div",{class:CSS.wrapper},b,f,this.isClearable?o:null,this.requestedIcon?l:null,this.loading?r:null),h("div",{class:CSS.actionWrapper},h("slot",{name:SLOTS.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?d:null,this.suffixText?m:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?u:null,h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}},enumerable:false,configurable:true});return e}();Input.style=inputCss;export{Input as calcite_input};
|