@esri/calcite-components 1.0.0-beta.73 → 1.0.0-beta.74
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/assets/calcite-date-picker/nls/bg.json +31 -0
- package/dist/calcite/assets/calcite-icon/checkSquareF16.json +1 -0
- package/dist/calcite/assets/calcite-icon/checkSquareF24.json +1 -0
- package/dist/calcite/assets/calcite-icon/checkSquareF32.json +1 -0
- package/dist/calcite/assets/calcite-icon/lineSolid4.json +1 -0
- package/dist/calcite/assets/calcite-icon/squareF16.json +1 -0
- package/dist/calcite/assets/calcite-icon/squareF24.json +1 -0
- package/dist/calcite/assets/calcite-icon/squareF32.json +1 -0
- package/dist/calcite/assets/calcite-icon/xHexagon16.json +1 -0
- package/dist/calcite/assets/calcite-icon/xHexagon24.json +1 -0
- package/dist/calcite/assets/calcite-icon/xHexagon32.json +1 -0
- package/dist/calcite/assets/calcite-icon/xHexagonF16.json +1 -0
- package/dist/calcite/assets/calcite-icon/xHexagonF24.json +1 -0
- package/dist/calcite/assets/calcite-icon/xHexagonF32.json +1 -0
- package/dist/calcite/assets/calcite-icon/xOctagonF16.json +1 -0
- package/dist/calcite/assets/calcite-icon/xOctagonF24.json +1 -0
- package/dist/calcite/assets/calcite-icon/xOctagonF32.json +1 -0
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/{p-84738edb.system.entry.js → p-02589ad3.system.entry.js} +1 -1
- package/dist/calcite/{p-3e8cf990.entry.js → p-05dc6806.entry.js} +1 -1
- package/dist/calcite/{p-e62edb4d.system.entry.js → p-088a096d.system.entry.js} +1 -1
- package/dist/calcite/{p-481366ac.entry.js → p-0af820bf.entry.js} +1 -1
- package/dist/calcite/{p-7a2142c2.system.entry.js → p-0b0ce9b2.system.entry.js} +1 -1
- package/dist/calcite/{p-6dbcd698.system.entry.js → p-0cf878ed.system.entry.js} +1 -1
- package/dist/calcite/p-10f1a096.system.entry.js +5 -0
- package/dist/calcite/{p-d00fbd1e.entry.js → p-132d55c2.entry.js} +1 -1
- package/dist/calcite/{p-1ae01548.system.js → p-14ff4cbd.system.js} +1 -1
- package/dist/calcite/{p-f63b9411.entry.js → p-16cfe8e8.entry.js} +1 -1
- package/dist/calcite/p-1894562d.system.entry.js +5 -0
- package/dist/calcite/p-1a5dae4a.entry.js +5 -0
- package/dist/calcite/{p-0b187e6a.system.entry.js → p-1b3a66ec.system.entry.js} +1 -1
- package/dist/calcite/{p-082c3059.system.entry.js → p-1d7a9909.system.entry.js} +1 -1
- package/dist/calcite/{p-770c1d6b.entry.js → p-21f26f77.entry.js} +1 -1
- package/dist/calcite/p-244e0b95.entry.js +5 -0
- package/dist/calcite/{p-a88d8075.entry.js → p-253efee4.entry.js} +1 -1
- package/dist/calcite/{p-d5b221b1.entry.js → p-2618de8a.entry.js} +1 -1
- package/dist/calcite/{p-b55fa7bc.entry.js → p-273cd5ab.entry.js} +1 -1
- package/dist/calcite/{p-55e6b0b2.entry.js → p-28adfebc.entry.js} +1 -1
- package/dist/calcite/{p-26755e82.system.js → p-28dea60a.system.js} +1 -1
- package/dist/calcite/{p-1d26d522.system.entry.js → p-2a8938c7.system.entry.js} +1 -1
- package/dist/calcite/{p-e5130ebf.system.entry.js → p-2c954eaa.system.entry.js} +1 -1
- package/dist/calcite/{p-ef6f8370.entry.js → p-325fcd0d.entry.js} +1 -1
- package/dist/calcite/p-32f6f7df.entry.js +5 -0
- package/dist/calcite/{p-4f9b0b0f.js → p-32f7eb32.js} +1 -1
- package/dist/calcite/{p-f8c99ef3.system.entry.js → p-37bddb73.system.entry.js} +1 -1
- package/dist/calcite/{p-475b5015.entry.js → p-38e64c6b.entry.js} +1 -1
- package/dist/calcite/{p-07284a52.system.js → p-3a20f93d.system.js} +1 -1
- package/dist/calcite/{p-ac234622.system.entry.js → p-3ab992ff.system.entry.js} +1 -1
- package/dist/calcite/{p-74365957.system.entry.js → p-3b73b785.system.entry.js} +1 -1
- package/dist/calcite/{p-15a38242.system.entry.js → p-3b8f5ab8.system.entry.js} +1 -1
- package/dist/calcite/{p-26481e18.js → p-3d4c34e5.js} +1 -1
- package/dist/calcite/{p-bccf787f.entry.js → p-3e9e4992.entry.js} +1 -1
- package/dist/calcite/{p-12c57970.js → p-41894582.js} +1 -1
- package/dist/calcite/{p-bb4dcd31.js → p-41e2198b.js} +1 -1
- package/dist/calcite/{p-3baf4001.system.entry.js → p-436d9f0e.system.entry.js} +1 -1
- package/dist/calcite/{p-5dcd2088.system.entry.js → p-45bfe5bf.system.entry.js} +1 -1
- package/dist/calcite/{p-b63dfa63.entry.js → p-4659df78.entry.js} +1 -1
- package/dist/calcite/{p-6cd93563.entry.js → p-46b63d75.entry.js} +1 -1
- package/dist/calcite/{p-a57bd5e6.entry.js → p-4d22b788.entry.js} +1 -1
- package/dist/calcite/{p-e7103edc.entry.js → p-51550014.entry.js} +1 -1
- package/dist/calcite/{p-92ad7d95.entry.js → p-51a85436.entry.js} +1 -1
- package/dist/calcite/{p-cbea8bac.system.js → p-52871e84.system.js} +1 -1
- package/dist/calcite/{p-57555baa.system.entry.js → p-54e271c9.system.entry.js} +1 -1
- package/dist/calcite/{p-2c278864.entry.js → p-57558d4b.entry.js} +1 -1
- package/dist/calcite/{p-5cce1e8b.entry.js → p-59133b9b.entry.js} +1 -1
- package/dist/calcite/{p-b5bb4618.system.entry.js → p-5c256f31.system.entry.js} +1 -1
- package/dist/calcite/{p-6c453fd0.system.entry.js → p-5c3b9524.system.entry.js} +1 -1
- package/dist/calcite/{p-18c9da83.entry.js → p-5df1936f.entry.js} +1 -1
- package/dist/calcite/{p-4aa28569.entry.js → p-6515e0a5.entry.js} +1 -1
- package/dist/calcite/{p-6e0fd056.entry.js → p-698167ac.entry.js} +1 -1
- package/dist/calcite/{p-6173cf08.system.js → p-781ebed0.system.js} +1 -1
- package/dist/calcite/{p-c5761666.entry.js → p-799f0655.entry.js} +1 -1
- package/dist/calcite/{p-b01c3a89.system.entry.js → p-7d355abe.system.entry.js} +1 -1
- package/dist/calcite/{p-afa72097.system.entry.js → p-7f32a681.system.entry.js} +1 -1
- package/dist/calcite/{p-557f31e6.system.entry.js → p-7f5bd070.system.entry.js} +1 -1
- package/dist/calcite/{p-cd54c8d0.system.entry.js → p-8468ddb0.system.entry.js} +1 -1
- package/dist/calcite/p-85fb7bc0.entry.js +5 -0
- package/dist/calcite/{p-917e53a2.system.entry.js → p-897fc280.system.entry.js} +1 -1
- package/dist/calcite/p-8b145872.system.entry.js +5 -0
- package/dist/calcite/p-8d36bc7c.entry.js +5 -0
- package/dist/calcite/{p-805c94b9.entry.js → p-8eafaf3f.entry.js} +1 -1
- package/dist/calcite/{p-e8270c76.system.entry.js → p-8ebed170.system.entry.js} +1 -1
- package/dist/calcite/{p-7bd71ff0.system.entry.js → p-8f4ea148.system.entry.js} +1 -1
- package/dist/calcite/{p-4fee156d.system.entry.js → p-99d29b5c.system.entry.js} +1 -1
- package/dist/calcite/p-99d32fc3.system.js +1 -1
- package/dist/calcite/p-9b05c3fd.js +5 -0
- package/dist/calcite/{p-6fb2082b.entry.js → p-9d81d229.entry.js} +1 -1
- package/dist/calcite/{p-d6e8d643.entry.js → p-a0043c61.entry.js} +1 -1
- package/dist/calcite/{p-cc63f8f9.entry.js → p-a1f65f6e.entry.js} +1 -1
- package/dist/calcite/{p-1509da0f.system.entry.js → p-a4dec1f6.system.entry.js} +1 -1
- package/dist/calcite/{p-90f7c357.system.entry.js → p-a9c50960.system.entry.js} +1 -1
- package/dist/calcite/{p-f8f128a2.entry.js → p-aaed1677.entry.js} +1 -1
- package/dist/calcite/{p-70566b09.system.entry.js → p-ac778725.system.entry.js} +1 -1
- package/dist/calcite/{p-9acd0a18.entry.js → p-ac8cf248.entry.js} +1 -1
- package/dist/calcite/p-b4990fa4.system.entry.js +5 -0
- package/dist/calcite/{p-bfd9f64a.entry.js → p-b4d3f1c1.entry.js} +1 -1
- package/dist/calcite/{p-fc3c1e91.entry.js → p-b80ab9ba.entry.js} +1 -1
- package/dist/calcite/p-bb401f25.system.js +5 -0
- package/dist/calcite/{p-3c14f089.system.entry.js → p-bb9fb183.system.entry.js} +1 -1
- package/dist/calcite/{p-2015299a.entry.js → p-bda51610.entry.js} +1 -1
- package/dist/calcite/{p-d6bfa9b1.entry.js → p-c0ed9eff.entry.js} +1 -1
- package/dist/calcite/{p-d4bafc77.system.js → p-c56f495f.system.js} +1 -1
- package/dist/calcite/{p-c3124245.system.entry.js → p-cb9cd28c.system.entry.js} +1 -1
- package/dist/calcite/p-d1794edd.entry.js +5 -0
- package/dist/calcite/{p-eca26cba.system.entry.js → p-d578e568.system.entry.js} +1 -1
- package/dist/calcite/{p-94398466.system.entry.js → p-d5d91f34.system.entry.js} +1 -1
- package/dist/calcite/{p-6f0c4739.system.entry.js → p-e0fa3b13.system.entry.js} +1 -1
- package/dist/calcite/{p-7017ca05.js → p-e1944963.js} +1 -1
- package/dist/calcite/{p-765d6b57.system.entry.js → p-e2ebc089.system.entry.js} +1 -1
- package/dist/calcite/{p-227da2a5.system.entry.js → p-e564004a.system.entry.js} +1 -1
- package/dist/calcite/{p-0ac72794.system.entry.js → p-e606e9ae.system.entry.js} +1 -1
- package/dist/calcite/{p-f70f5521.system.entry.js → p-e690993e.system.entry.js} +1 -1
- package/dist/calcite/{p-ae224016.system.entry.js → p-e6d14bc5.system.entry.js} +1 -1
- package/dist/calcite/{p-a7f8b343.entry.js → p-e87980ac.entry.js} +1 -1
- package/dist/calcite/{p-83d41684.entry.js → p-eea18662.entry.js} +1 -1
- package/dist/calcite/p-ef6b4184.js +5 -0
- package/dist/calcite/{p-3c1841bd.entry.js → p-f09810e7.entry.js} +1 -1
- package/dist/calcite/{p-0134e87c.system.entry.js → p-f5469b62.system.entry.js} +1 -1
- package/dist/calcite/{p-a76aa7d2.system.entry.js → p-f6fc151d.system.entry.js} +1 -1
- package/dist/calcite/{p-c077d664.entry.js → p-f73124d0.entry.js} +1 -1
- package/dist/calcite/{p-59222393.entry.js → p-f90b2e7f.entry.js} +1 -1
- package/dist/calcite/{p-4364e76a.system.js → p-fbcaa23c.system.js} +1 -1
- package/dist/calcite/{p-f3b489d9.js → p-fcd62e97.js} +1 -1
- package/dist/cjs/{CalciteExpandToggle-38ca208f.js → CalciteExpandToggle-65468585.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-bar.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action-group.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-pad.cjs.entry.js +2 -2
- package/dist/cjs/calcite-alert.cjs.entry.js +8 -5
- package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
- package/dist/cjs/calcite-block_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-button.cjs.entry.js +2 -2
- package/dist/cjs/calcite-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +4 -4
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +5 -4
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +15 -13
- package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
- package/dist/cjs/calcite-filter.cjs.entry.js +1 -1
- package/dist/cjs/calcite-graph_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +2 -2
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +11 -6
- package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-input.cjs.entry.js +13 -6
- package/dist/cjs/calcite-link.cjs.entry.js +1 -1
- package/dist/cjs/calcite-list_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
- package/dist/cjs/calcite-notice.cjs.entry.js +1 -1
- package/dist/cjs/calcite-option_3.cjs.entry.js +3 -3
- package/dist/cjs/calcite-panel.cjs.entry.js +1 -1
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-popover_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button.cjs.entry.js +4 -4
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-rating.cjs.entry.js +3 -3
- package/dist/cjs/calcite-shell_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-switch.cjs.entry.js +3 -3
- package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tile.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tip_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -2
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite.cjs.js +1 -1
- package/dist/cjs/{dom-db7722f2.js → dom-0de9fb18.js} +17 -4
- package/dist/cjs/{form-ad18d4fc.js → form-4b7c317e.js} +1 -1
- package/dist/cjs/{label-4776bb0e.js → label-1bca211b.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{locale-b9b153dd.js → locale-02462821.js} +1 -0
- package/dist/cjs/{popper-adfdc032.js → popper-09105f6f.js} +1 -1
- package/dist/cjs/{resources-8273cb31.js → resources-405cc2c4.js} +1 -1
- package/dist/cjs/{resources-c524c005.js → resources-9f0994fb.js} +1 -1
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/calcite-alert/calcite-alert.css +28 -6
- package/dist/collection/components/calcite-alert/calcite-alert.js +30 -4
- package/dist/collection/components/calcite-color-picker-swatch/resources.js +1 -1
- package/dist/collection/components/calcite-combobox/calcite-combobox.js +3 -3
- package/dist/collection/components/calcite-combobox/interfaces.d.js +1 -0
- package/dist/collection/components/calcite-combobox-item/calcite-combobox-item.js +1 -1
- package/dist/collection/components/calcite-combobox-item-group/calcite-combobox-item-group.js +1 -1
- package/dist/collection/components/calcite-date-picker/assets/calcite-date-picker/nls/bg.json +31 -0
- package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +2 -1
- package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +14 -12
- package/dist/collection/components/calcite-flow/calcite-flow.js +1 -1
- package/dist/collection/components/calcite-icon/assets/calcite-icon/checkSquareF16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/checkSquareF24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/checkSquareF32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/lineSolid4.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/squareF16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/squareF24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/squareF32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xHexagon16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xHexagon24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xHexagon32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xHexagonF16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xHexagonF24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xHexagonF32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xOctagonF16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xOctagonF24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/xOctagonF32.json +1 -0
- package/dist/collection/components/calcite-input/calcite-input.js +9 -2
- package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.js +38 -1
- package/dist/collection/components/calcite-label/interfaces.js +1 -0
- package/dist/collection/components/calcite-pick-list/calcite-pick-list.js +2 -2
- package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +1 -1
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.css +10 -0
- package/dist/collection/components/calcite-radio-group/calcite-radio-group.js +3 -5
- package/dist/collection/components/calcite-select/calcite-select.js +3 -5
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +0 -1
- package/dist/collection/components/calcite-value-list/calcite-value-list.js +2 -2
- package/dist/collection/demos/_assets/demo-form.js +23 -0
- package/dist/collection/demos/_assets/demo-template.js +13 -0
- package/dist/collection/demos/_assets/head.js +45 -0
- package/dist/collection/demos/_assets/locales.js +223 -0
- package/dist/collection/utils/dom.js +17 -4
- package/dist/collection/utils/interactive.js +20 -0
- package/dist/collection/utils/locale.js +1 -0
- package/dist/components/calcite-alert.js +8 -4
- package/dist/components/calcite-color-picker-swatch2.js +1 -1
- package/dist/components/calcite-date-picker2.js +2 -1
- package/dist/components/calcite-dropdown2.js +13 -11
- package/dist/components/calcite-input-date-picker.js +6 -1
- package/dist/components/calcite-input2.js +9 -2
- package/dist/components/calcite-radio-button.js +1 -1
- package/dist/components/calcite-radio-group.js +1 -1
- package/dist/components/calcite-select.js +1 -1
- package/dist/components/calcite-tree-item.js +0 -1
- package/dist/components/dom.js +17 -4
- package/dist/components/locale.js +1 -0
- package/dist/custom-elements/index.js +60 -29
- package/dist/esm/{CalciteExpandToggle-1b1bf600.js → CalciteExpandToggle-48b6e955.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +1 -1
- package/dist/esm/calcite-action-bar.entry.js +2 -2
- package/dist/esm/calcite-action-group.entry.js +1 -1
- package/dist/esm/calcite-action-menu.entry.js +1 -1
- package/dist/esm/calcite-action-pad.entry.js +2 -2
- package/dist/esm/calcite-alert.entry.js +8 -5
- package/dist/esm/calcite-avatar.entry.js +1 -1
- package/dist/esm/calcite-block_2.entry.js +1 -1
- package/dist/esm/calcite-button.entry.js +2 -2
- package/dist/esm/calcite-checkbox.entry.js +3 -3
- package/dist/esm/calcite-chip.entry.js +1 -1
- package/dist/esm/calcite-color-picker_3.entry.js +2 -2
- package/dist/esm/calcite-combobox_3.entry.js +4 -4
- package/dist/esm/calcite-date-picker_4.entry.js +5 -4
- package/dist/esm/calcite-dropdown_3.entry.js +15 -13
- package/dist/esm/calcite-fab.entry.js +1 -1
- package/dist/esm/calcite-filter.entry.js +1 -1
- package/dist/esm/calcite-graph_2.entry.js +3 -3
- package/dist/esm/calcite-icon.entry.js +1 -1
- package/dist/esm/calcite-inline-editable.entry.js +2 -2
- package/dist/esm/calcite-input-date-picker.entry.js +11 -6
- package/dist/esm/calcite-input-message.entry.js +1 -1
- package/dist/esm/calcite-input-time-picker_2.entry.js +3 -3
- package/dist/esm/calcite-input.entry.js +13 -6
- package/dist/esm/calcite-link.entry.js +1 -1
- package/dist/esm/calcite-list_3.entry.js +1 -1
- package/dist/esm/calcite-modal.entry.js +1 -1
- package/dist/esm/calcite-notice.entry.js +1 -1
- package/dist/esm/calcite-option_3.entry.js +3 -3
- package/dist/esm/calcite-panel.entry.js +1 -1
- package/dist/esm/calcite-pick-list_3.entry.js +2 -2
- package/dist/esm/calcite-popover_2.entry.js +2 -2
- package/dist/esm/calcite-radio-button.entry.js +4 -4
- package/dist/esm/calcite-radio-group_2.entry.js +3 -3
- package/dist/esm/calcite-rating.entry.js +3 -3
- package/dist/esm/calcite-shell_3.entry.js +1 -1
- package/dist/esm/calcite-stepper_2.entry.js +1 -1
- package/dist/esm/calcite-switch.entry.js +3 -3
- package/dist/esm/calcite-tab_4.entry.js +1 -1
- package/dist/esm/calcite-tile.entry.js +1 -1
- package/dist/esm/calcite-tip_3.entry.js +1 -1
- package/dist/esm/calcite-tooltip_2.entry.js +2 -2
- package/dist/esm/calcite-tree_2.entry.js +1 -2
- package/dist/esm/calcite-value-list_2.entry.js +2 -2
- package/dist/esm/calcite.js +1 -1
- package/dist/esm/{dom-e55f9eaf.js → dom-037dc374.js} +17 -4
- package/dist/esm/{form-147bc6d7.js → form-72369b73.js} +1 -1
- package/dist/esm/{label-240ef148.js → label-712646d2.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{locale-1b48f64f.js → locale-fc850b7c.js} +1 -0
- package/dist/esm/{popper-1814b3c1.js → popper-7a7fd3b5.js} +1 -1
- package/dist/esm/{resources-a6abee37.js → resources-03c0a433.js} +1 -1
- package/dist/esm/{resources-74c807b4.js → resources-90193940.js} +1 -1
- package/dist/esm-es5/{CalciteExpandToggle-1b1bf600.js → CalciteExpandToggle-48b6e955.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
- package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
- package/dist/esm-es5/calcite-action-group.entry.js +1 -1
- package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
- package/dist/esm-es5/calcite-action-pad.entry.js +1 -1
- package/dist/esm-es5/calcite-alert.entry.js +1 -1
- package/dist/esm-es5/calcite-avatar.entry.js +1 -1
- package/dist/esm-es5/calcite-block_2.entry.js +1 -1
- package/dist/esm-es5/calcite-button.entry.js +1 -1
- package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
- package/dist/esm-es5/calcite-chip.entry.js +1 -1
- package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
- package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
- package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
- package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/calcite-fab.entry.js +1 -1
- package/dist/esm-es5/calcite-filter.entry.js +2 -2
- package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
- package/dist/esm-es5/calcite-icon.entry.js +1 -1
- package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
- package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm-es5/calcite-input-message.entry.js +1 -1
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
- package/dist/esm-es5/calcite-input.entry.js +1 -1
- package/dist/esm-es5/calcite-link.entry.js +1 -1
- package/dist/esm-es5/calcite-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-modal.entry.js +1 -1
- package/dist/esm-es5/calcite-notice.entry.js +1 -1
- package/dist/esm-es5/calcite-option_3.entry.js +1 -1
- package/dist/esm-es5/calcite-panel.entry.js +1 -1
- package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
- package/dist/esm-es5/calcite-rating.entry.js +2 -2
- package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
- package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
- package/dist/esm-es5/calcite-switch.entry.js +1 -1
- package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
- package/dist/esm-es5/calcite-tile.entry.js +1 -1
- package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
- package/dist/esm-es5/calcite-tooltip_2.entry.js +1 -1
- package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
- package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
- package/dist/esm-es5/calcite.js +1 -1
- package/dist/esm-es5/dom-037dc374.js +5 -0
- package/dist/esm-es5/{form-147bc6d7.js → form-72369b73.js} +1 -1
- package/dist/esm-es5/{label-240ef148.js → label-712646d2.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/locale-fc850b7c.js +5 -0
- package/dist/esm-es5/{popper-1814b3c1.js → popper-7a7fd3b5.js} +1 -1
- package/dist/esm-es5/{resources-a6abee37.js → resources-03c0a433.js} +1 -1
- package/dist/esm-es5/{resources-74c807b4.js → resources-90193940.js} +1 -1
- package/dist/extras/docs-json.json +91 -25
- package/dist/types/components/calcite-accordion/calcite-accordion.d.ts +42 -0
- package/dist/types/components/calcite-accordion-item/calcite-accordion-item.d.ts +53 -0
- package/dist/types/components/calcite-action/calcite-action.d.ts +73 -0
- package/dist/types/components/calcite-action-bar/calcite-action-bar.d.ts +69 -0
- package/dist/types/components/calcite-action-group/calcite-action-group.d.ts +39 -0
- package/dist/types/components/calcite-action-menu/calcite-action-menu.d.ts +82 -0
- package/dist/types/components/calcite-action-pad/calcite-action-pad.d.ts +52 -0
- package/dist/types/components/calcite-alert/calcite-alert.d.ts +84 -0
- package/dist/types/components/calcite-alert/interfaces.d.ts +1 -0
- package/dist/types/components/calcite-avatar/calcite-avatar.d.ts +26 -0
- package/dist/types/components/calcite-block/calcite-block.d.ts +73 -0
- package/dist/types/components/calcite-block-section/calcite-block-section.d.ts +43 -0
- package/dist/types/components/calcite-button/calcite-button.d.ts +81 -0
- package/dist/types/components/calcite-card/calcite-card.d.ts +43 -0
- package/dist/types/components/calcite-checkbox/calcite-checkbox.d.ts +73 -0
- package/dist/types/components/calcite-chip/calcite-chip.d.ts +37 -0
- package/dist/types/components/calcite-color-picker/calcite-color-picker.d.ts +224 -0
- package/dist/types/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.d.ts +51 -0
- package/dist/types/components/calcite-color-picker-swatch/calcite-color-picker-swatch.d.ts +23 -0
- package/dist/types/components/calcite-combobox/calcite-combobox.d.ts +177 -0
- package/dist/types/components/calcite-combobox/interfaces.d.ts +6 -0
- package/dist/types/components/calcite-combobox/utils.d.ts +6 -0
- package/dist/types/components/calcite-combobox-item/calcite-combobox-item.d.ts +46 -0
- package/dist/types/components/calcite-combobox-item-group/calcite-combobox-item-group.d.ts +17 -0
- package/dist/types/components/calcite-date-picker/calcite-date-picker.d.ts +132 -0
- package/dist/types/components/calcite-date-picker-day/calcite-date-picker-day.d.ts +45 -0
- package/dist/types/components/calcite-date-picker-month/calcite-date-picker-month.d.ts +97 -0
- package/dist/types/components/calcite-date-picker-month-header/calcite-date-picker-month-header.d.ts +57 -0
- package/dist/types/components/calcite-dropdown/calcite-dropdown.d.ts +98 -0
- package/dist/types/components/calcite-dropdown-group/calcite-dropdown-group.d.ts +32 -0
- package/dist/types/components/calcite-dropdown-item/calcite-dropdown-item.d.ts +52 -0
- package/dist/types/components/calcite-fab/calcite-fab.d.ts +47 -0
- package/dist/types/components/calcite-filter/calcite-filter.d.ts +53 -0
- package/dist/types/components/calcite-flow/calcite-flow.d.ts +22 -0
- package/dist/types/components/calcite-graph/calcite-graph.d.ts +29 -0
- package/dist/types/components/calcite-handle/calcite-handle.d.ts +22 -0
- package/dist/types/components/calcite-icon/calcite-icon.d.ts +32 -0
- package/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts +69 -0
- package/dist/types/components/calcite-input/calcite-input.d.ts +166 -0
- package/dist/types/components/calcite-input-date-picker/calcite-input-date-picker.d.ts +179 -0
- package/dist/types/components/calcite-input-message/calcite-input-message.d.ts +27 -0
- package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +90 -0
- package/dist/types/components/calcite-label/calcite-label.d.ts +30 -0
- package/dist/types/components/calcite-link/calcite-link.d.ts +33 -0
- package/dist/types/components/calcite-list/calcite-list.d.ts +16 -0
- package/dist/types/components/calcite-list-item/calcite-list-item.d.ts +37 -0
- package/dist/types/components/calcite-list-item-group/calcite-list-item-group.d.ts +18 -0
- package/dist/types/components/calcite-loader/calcite-loader.d.ts +27 -0
- package/dist/types/components/calcite-modal/calcite-modal.d.ts +88 -0
- package/dist/types/components/calcite-notice/calcite-notice.d.ts +51 -0
- package/dist/types/components/calcite-pagination/calcite-pagination.d.ts +51 -0
- package/dist/types/components/calcite-panel/calcite-panel.d.ts +119 -0
- package/dist/types/components/calcite-pick-list/calcite-pick-list.d.ts +75 -0
- package/dist/types/components/calcite-pick-list/shared-list-logic.d.ts +31 -0
- package/dist/types/components/calcite-pick-list/shared-list-render.d.ts +18 -0
- package/dist/types/components/calcite-pick-list-group/calcite-pick-list-group.d.ts +18 -0
- package/dist/types/components/calcite-pick-list-item/calcite-pick-list-item.d.ts +103 -0
- package/dist/types/components/calcite-popover/calcite-popover.d.ts +107 -0
- package/dist/types/components/calcite-popover-manager/calcite-popover-manager.d.ts +19 -0
- package/dist/types/components/calcite-progress/calcite-progress.d.ts +15 -0
- package/dist/types/components/calcite-radio-button/calcite-radio-button.d.ts +92 -0
- package/dist/types/components/calcite-radio-button-group/calcite-radio-button-group.d.ts +32 -0
- package/dist/types/components/calcite-radio-group/calcite-radio-group.d.ts +56 -0
- package/dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts +24 -0
- package/dist/types/components/calcite-rating/calcite-rating.d.ts +60 -0
- package/dist/types/components/calcite-scrim/calcite-scrim.d.ts +17 -0
- package/dist/types/components/calcite-select/calcite-select.d.ts +75 -0
- package/dist/types/components/calcite-shell/calcite-shell.d.ts +21 -0
- package/dist/types/components/calcite-shell-center-row/calcite-shell-center-row.d.ts +22 -0
- package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts +67 -0
- package/dist/types/components/calcite-slider/calcite-slider.d.ts +192 -0
- package/dist/types/components/calcite-sortable-list/calcite-sortable-list.d.ts +50 -0
- package/dist/types/components/calcite-split-button/calcite-split-button.d.ts +52 -0
- package/dist/types/components/calcite-stepper/calcite-stepper.d.ts +58 -0
- package/dist/types/components/calcite-stepper-item/calcite-stepper-item.d.ts +65 -0
- package/dist/types/components/calcite-switch/calcite-switch.d.ts +46 -0
- package/dist/types/components/calcite-tab/calcite-tab.d.ts +42 -0
- package/dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts +74 -0
- package/dist/types/components/calcite-tab-title/calcite-tab-title.d.ts +92 -0
- package/dist/types/components/calcite-tabs/calcite-tabs.d.ts +65 -0
- package/dist/types/components/calcite-tile/calcite-tile.d.ts +33 -0
- package/dist/types/components/calcite-tile-select/calcite-tile-select.d.ts +57 -0
- package/dist/types/components/calcite-time-picker/calcite-time-picker.d.ts +135 -0
- package/dist/types/components/calcite-tip/calcite-tip.d.ts +44 -0
- package/dist/types/components/calcite-tip-manager/calcite-tip-manager.d.ts +65 -0
- package/dist/types/components/calcite-tooltip/calcite-tooltip.d.ts +60 -0
- package/dist/types/components/calcite-tooltip-manager/calcite-tooltip-manager.d.ts +41 -0
- package/dist/types/components/calcite-tree/calcite-tree.d.ts +38 -0
- package/dist/types/components/calcite-tree/interfaces.d.ts +10 -0
- package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +56 -0
- package/dist/types/components/calcite-value-list/calcite-value-list.d.ts +89 -0
- package/dist/types/components/calcite-value-list-item/calcite-value-list-item.d.ts +76 -0
- package/dist/types/components/functional/CalciteExpandToggle.d.ts +19 -0
- package/dist/types/components.d.ts +17 -3
- package/dist/types/preact.d.ts +2 -1
- package/dist/types/utils/dom.d.ts +4 -2
- package/dist/types/utils/label.d.ts +39 -0
- package/hydrate/index.js +59 -28
- package/package.json +4 -4
- package/readme.md +2 -2
- package/dist/calcite/p-0d9a5d78.entry.js +0 -5
- package/dist/calcite/p-2c3bbbb4.system.entry.js +0 -5
- package/dist/calcite/p-3366ef60.entry.js +0 -5
- package/dist/calcite/p-3f51ac4b.system.entry.js +0 -5
- package/dist/calcite/p-54e07c75.entry.js +0 -5
- package/dist/calcite/p-5d9fe852.entry.js +0 -5
- package/dist/calcite/p-732a0005.system.entry.js +0 -5
- package/dist/calcite/p-748c198c.system.entry.js +0 -5
- package/dist/calcite/p-d8653ba3.entry.js +0 -5
- package/dist/calcite/p-db85eed9.entry.js +0 -5
- package/dist/calcite/p-f3d02833.js +0 -5
- package/dist/calcite/p-f87c1273.js +0 -5
- package/dist/calcite/p-fcde21ce.system.js +0 -5
- package/dist/esm-es5/dom-e55f9eaf.js +0 -5
- package/dist/esm-es5/locale-1b48f64f.js +0 -5
|
@@ -22,7 +22,7 @@ const SLOTS = {
|
|
|
22
22
|
link: "link"
|
|
23
23
|
};
|
|
24
24
|
|
|
25
|
-
const calciteAlertCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-bottom:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{display:block}:host .container{pointer-events:none;position:fixed;left:0px;right:0px;bottom:0px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--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);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:90%;max-height:0;z-index:101;-webkit-transform:translate3d(0, 1.5rem, 0);transform:translate3d(0, 1.5rem, 0);-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-height:100%;border-top-width:2px;opacity:1;-webkit-transform:translate3d(0, -1.5rem, 0);transform:translate3d(0, -1.5rem, 0);pointer-events:initial}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px}.alert-close{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;overflow:hidden;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;overflow:hidden;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;left:0px;right:0px;display:block;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;top:0px;display:block;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}@keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}";
|
|
25
|
+
const calciteAlertCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-bottom:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--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);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-height:0;z-index:101;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-height:100%;border-top-width:2px;opacity:1;pointer-events:initial}:host([active]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([active]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px}.alert-close{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;overflow:hidden;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;overflow:hidden;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;left:0px;right:0px;display:block;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;top:0px;display:block;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}@keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}";
|
|
26
26
|
|
|
27
27
|
let CalciteAlert$1 = class extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
@@ -50,7 +50,9 @@ let CalciteAlert$1 = class extends HTMLElement {
|
|
|
50
50
|
* @default "Close"
|
|
51
51
|
*/
|
|
52
52
|
this.intlClose = TEXT.intlClose;
|
|
53
|
-
/** specify the
|
|
53
|
+
/** specify the placement of the alert */
|
|
54
|
+
this.placement = "bottom";
|
|
55
|
+
/** specify the scale of the alert, defaults to m */
|
|
54
56
|
this.scale = "m";
|
|
55
57
|
//--------------------------------------------------------------------------
|
|
56
58
|
//
|
|
@@ -120,12 +122,13 @@ let CalciteAlert$1 = class extends HTMLElement {
|
|
|
120
122
|
const closeButton = (h("button", { "aria-label": this.intlClose, class: "alert-close", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: "button" }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
|
|
121
123
|
const queueText = `+${this.queueLength > 2 ? this.queueLength - 1 : 1}`;
|
|
122
124
|
const queueCount = (h("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` }, h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
|
|
123
|
-
const { active, autoDismiss, label, queued, requestedIcon } = this;
|
|
125
|
+
const { active, autoDismiss, label, placement, queued, requestedIcon } = this;
|
|
124
126
|
const role = autoDismiss ? "alert" : "alertdialog";
|
|
125
127
|
const hidden = !active;
|
|
126
128
|
return (h(Host, { "aria-hidden": hidden.toString(), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, h("div", { class: {
|
|
127
129
|
container: true,
|
|
128
|
-
queued
|
|
130
|
+
queued,
|
|
131
|
+
[placement]: true
|
|
129
132
|
} }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: "alert-content" }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), queueCount, !autoDismiss ? closeButton : null, active && !queued && autoDismiss ? h("div", { class: "alert-dismiss-progress" }) : null)));
|
|
130
133
|
}
|
|
131
134
|
// when an alert is opened or closed, update queue and determine active alert
|
|
@@ -207,6 +210,7 @@ CalciteAlert$1 = /*@__PURE__*/ proxyCustomElement(CalciteAlert$1, [1, "calcite-a
|
|
|
207
210
|
"icon": [520],
|
|
208
211
|
"intlClose": [1, "intl-close"],
|
|
209
212
|
"label": [1],
|
|
213
|
+
"placement": [1],
|
|
210
214
|
"scale": [513],
|
|
211
215
|
"queue": [32],
|
|
212
216
|
"queueLength": [32],
|
|
@@ -230,6 +230,7 @@ let CalciteDatePicker = class extends HTMLElement {
|
|
|
230
230
|
this.value = date ? dateToISO(date) : "";
|
|
231
231
|
this.valueAsDate = date || null;
|
|
232
232
|
this.activeDate = date || null;
|
|
233
|
+
this.calciteDatePickerChange.emit(date);
|
|
233
234
|
return;
|
|
234
235
|
}
|
|
235
236
|
if (!this.startAsDate || (!this.endAsDate && date < this.startAsDate)) {
|
|
@@ -278,12 +279,12 @@ let CalciteDatePicker = class extends HTMLElement {
|
|
|
278
279
|
this.endAsDate = this.activeEndDate = this.end = undefined;
|
|
279
280
|
}
|
|
280
281
|
}
|
|
282
|
+
this.calciteDatePickerChange.emit(date);
|
|
281
283
|
};
|
|
282
284
|
}
|
|
283
285
|
handleValueAsDate(date) {
|
|
284
286
|
if (!Array.isArray(date) && date && date !== this.activeDate) {
|
|
285
287
|
this.activeDate = date;
|
|
286
|
-
this.calciteDatePickerChange.emit(date);
|
|
287
288
|
}
|
|
288
289
|
}
|
|
289
290
|
handleRangeChange() {
|
|
@@ -105,19 +105,21 @@ let CalciteDropdown = class extends HTMLElement {
|
|
|
105
105
|
const key = e.key;
|
|
106
106
|
if (this.triggers.includes(target) ||
|
|
107
107
|
this.triggers.some((trigger) => trigger.contains(target))) {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
this.openCalciteDropdown();
|
|
113
|
-
break;
|
|
114
|
-
case "Escape":
|
|
115
|
-
this.closeCalciteDropdown();
|
|
116
|
-
break;
|
|
108
|
+
const ignoredNodeTypes = ["BUTTON", "CALCITE-BUTTON", "CALCITE-ACTION"];
|
|
109
|
+
if (ignoredNodeTypes.includes(target.nodeName)) {
|
|
110
|
+
if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
111
|
+
this.closeCalciteDropdown();
|
|
117
112
|
}
|
|
113
|
+
return;
|
|
118
114
|
}
|
|
119
|
-
|
|
120
|
-
|
|
115
|
+
switch (key) {
|
|
116
|
+
case " ":
|
|
117
|
+
case "Enter":
|
|
118
|
+
this.openCalciteDropdown();
|
|
119
|
+
break;
|
|
120
|
+
case "Escape":
|
|
121
|
+
this.closeCalciteDropdown();
|
|
122
|
+
break;
|
|
121
123
|
}
|
|
122
124
|
}
|
|
123
125
|
};
|
|
@@ -25,6 +25,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement {
|
|
|
25
25
|
this.__attachShadow();
|
|
26
26
|
this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
|
|
27
27
|
this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
|
|
28
|
+
this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 7);
|
|
28
29
|
this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
|
|
29
30
|
this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 7);
|
|
30
31
|
//--------------------------------------------------------------------------
|
|
@@ -176,6 +177,9 @@ let CalciteInputDatePicker$1 = class extends HTMLElement {
|
|
|
176
177
|
// Event Listeners
|
|
177
178
|
//
|
|
178
179
|
//--------------------------------------------------------------------------
|
|
180
|
+
handleDateOrRangeChange() {
|
|
181
|
+
this.calciteInputDatePickerChange.emit();
|
|
182
|
+
}
|
|
179
183
|
calciteDaySelectHandler() {
|
|
180
184
|
if (this.shouldFocusRangeStart() || this.shouldFocusRangeEnd()) {
|
|
181
185
|
return;
|
|
@@ -353,6 +357,7 @@ let CalciteInputDatePicker$1 = class extends HTMLElement {
|
|
|
353
357
|
}
|
|
354
358
|
if (!this.range) {
|
|
355
359
|
this.value = dateToISO(date);
|
|
360
|
+
this.calciteDatePickerChange.emit(date);
|
|
356
361
|
return;
|
|
357
362
|
}
|
|
358
363
|
const { focusedInput } = this;
|
|
@@ -485,7 +490,7 @@ CalciteInputDatePicker$1 = /*@__PURE__*/ proxyCustomElement(CalciteInputDatePick
|
|
|
485
490
|
"localeData": [32],
|
|
486
491
|
"setFocus": [64],
|
|
487
492
|
"reposition": [64]
|
|
488
|
-
}, [[0, "calciteDaySelect", "calciteDaySelectHandler"]]]);
|
|
493
|
+
}, [[0, "calciteDatePickerChange", "handleDateOrRangeChange"], [0, "calciteDatePickerRangeChange", "handleDateOrRangeChange"], [0, "calciteDaySelect", "calciteDaySelectHandler"]]]);
|
|
489
494
|
function defineCustomElement$1() {
|
|
490
495
|
if (typeof customElements === "undefined") {
|
|
491
496
|
return;
|
|
@@ -202,8 +202,7 @@ let CalciteInput = class extends HTMLElement {
|
|
|
202
202
|
"Delete",
|
|
203
203
|
"Enter",
|
|
204
204
|
"Escape",
|
|
205
|
-
"Tab"
|
|
206
|
-
"-"
|
|
205
|
+
"Tab"
|
|
207
206
|
];
|
|
208
207
|
if (event.altKey || event.ctrlKey || event.metaKey) {
|
|
209
208
|
return;
|
|
@@ -232,6 +231,14 @@ let CalciteInput = class extends HTMLElement {
|
|
|
232
231
|
return;
|
|
233
232
|
}
|
|
234
233
|
}
|
|
234
|
+
if (event.key === "-") {
|
|
235
|
+
if (!this.value && !this.childNumberEl.value) {
|
|
236
|
+
return;
|
|
237
|
+
}
|
|
238
|
+
if (this.value && this.childNumberEl.value.split("-").length <= 2) {
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
}
|
|
235
242
|
event.preventDefault();
|
|
236
243
|
};
|
|
237
244
|
this.nudgeNumberValue = (direction, nativeEvent) => {
|
|
@@ -13,7 +13,7 @@ const CSS = {
|
|
|
13
13
|
container: "container"
|
|
14
14
|
};
|
|
15
15
|
|
|
16
|
-
const calciteRadioButtonCss = "@-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;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([disabled]){cursor:pointer}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([hovered][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{height:var(--calcite-radio-size);max-width:var(--calcite-radio-size);min-width:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}::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}";
|
|
16
|
+
const calciteRadioButtonCss = "@-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;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([disabled]){cursor:pointer}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([hovered][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{height:var(--calcite-radio-size);max-width:var(--calcite-radio-size);min-width:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:\"\";width:1rem;height:1rem;background-color:windowText;display:block}}::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}";
|
|
17
17
|
|
|
18
18
|
let CalciteRadioButton$1 = class extends HTMLElement {
|
|
19
19
|
constructor() {
|
|
@@ -206,7 +206,7 @@ CalciteRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(CalciteRadioGroup$1, [1,
|
|
|
206
206
|
"name": [1],
|
|
207
207
|
"scale": [513],
|
|
208
208
|
"value": [1025],
|
|
209
|
-
"selectedItem": [
|
|
209
|
+
"selectedItem": [1040],
|
|
210
210
|
"width": [513],
|
|
211
211
|
"setFocus": [64]
|
|
212
212
|
}, [[0, "calciteRadioGroupItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]]]);
|
|
@@ -223,7 +223,7 @@ CalciteSelect$1 = /*@__PURE__*/ proxyCustomElement(CalciteSelect$1, [1, "calcite
|
|
|
223
223
|
"required": [516],
|
|
224
224
|
"scale": [513],
|
|
225
225
|
"value": [1025],
|
|
226
|
-
"selectedOption": [
|
|
226
|
+
"selectedOption": [1040],
|
|
227
227
|
"width": [513],
|
|
228
228
|
"setFocus": [64]
|
|
229
229
|
}, [[0, "calciteOptionChange", "handleOptionOrGroupChange"], [0, "calciteOptionGroupChange", "handleOptionOrGroupChange"]]]);
|
|
@@ -168,7 +168,6 @@ let CalciteTreeItem$1 = class extends HTMLElement {
|
|
|
168
168
|
const target = link.target === "" ? "_self" : link.target;
|
|
169
169
|
window.open(link.href, target);
|
|
170
170
|
}
|
|
171
|
-
this.expanded = !this.expanded;
|
|
172
171
|
this.calciteTreeItemSelect.emit({
|
|
173
172
|
modifyCurrentSelection: e.shiftKey || this.selectionMode === TreeSelectionMode.Ancestors,
|
|
174
173
|
forceToggle: false
|
package/dist/components/dom.js
CHANGED
|
@@ -122,10 +122,17 @@ async function focusElement(el) {
|
|
|
122
122
|
}
|
|
123
123
|
return isCalciteFocusable(el) ? el.setFocus() : el.focus();
|
|
124
124
|
}
|
|
125
|
+
const defaultSlotSelector = "> :not([slot])";
|
|
125
126
|
function getSlotted(element, slotName, options) {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
127
|
+
if (!Array.isArray(slotName) && typeof slotName !== "string") {
|
|
128
|
+
options = slotName;
|
|
129
|
+
slotName = null;
|
|
130
|
+
}
|
|
131
|
+
const slotSelector = slotName
|
|
132
|
+
? Array.isArray(slotName)
|
|
133
|
+
? slotName.map((name) => `[slot="${name}"]`).join(",")
|
|
134
|
+
: `[slot="${slotName}"]`
|
|
135
|
+
: defaultSlotSelector;
|
|
129
136
|
if (options === null || options === void 0 ? void 0 : options.all) {
|
|
130
137
|
return queryMultiple(element, slotSelector, options);
|
|
131
138
|
}
|
|
@@ -134,6 +141,9 @@ function getSlotted(element, slotName, options) {
|
|
|
134
141
|
function queryMultiple(element, slotSelector, options) {
|
|
135
142
|
let matches = Array.from(element.querySelectorAll(slotSelector));
|
|
136
143
|
matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);
|
|
144
|
+
if (slotSelector === defaultSlotSelector) {
|
|
145
|
+
matches = matches.filter((match) => match === null || match === void 0 ? void 0 : match.assignedSlot);
|
|
146
|
+
}
|
|
137
147
|
const selector = options === null || options === void 0 ? void 0 : options.selector;
|
|
138
148
|
return selector
|
|
139
149
|
? matches
|
|
@@ -144,9 +154,12 @@ function queryMultiple(element, slotSelector, options) {
|
|
|
144
154
|
}
|
|
145
155
|
function querySingle(element, slotSelector, options) {
|
|
146
156
|
let match = element.querySelector(slotSelector);
|
|
157
|
+
if (slotSelector === defaultSlotSelector) {
|
|
158
|
+
match = (match === null || match === void 0 ? void 0 : match.assignedSlot) ? match : null;
|
|
159
|
+
}
|
|
147
160
|
match = options && options.direct === false ? match : (match === null || match === void 0 ? void 0 : match.parentElement) === element ? match : null;
|
|
148
161
|
const selector = options === null || options === void 0 ? void 0 : options.selector;
|
|
149
|
-
return selector ? match.querySelector(selector) : match;
|
|
162
|
+
return selector ? match === null || match === void 0 ? void 0 : match.querySelector(selector) : match;
|
|
150
163
|
}
|
|
151
164
|
function filterDirectChildren(el, selector) {
|
|
152
165
|
return Array.from(el.children).filter((child) => child.matches(selector));
|