@esri/calcite-components 1.0.0-next.293 → 1.0.0-next.294
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/CHANGELOG.md +18 -5
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/{p-75793454.entry.js → p-0100aeb0.entry.js} +1 -1
- package/dist/calcite/p-05107123.entry.js +5 -0
- package/dist/calcite/{p-cbdf0e6c.js → p-05d1dfc6.js} +1 -1
- package/dist/calcite/{p-a8cd5cde.system.entry.js → p-06646eed.system.entry.js} +1 -1
- package/dist/calcite/{p-318e95d7.system.entry.js → p-09da1c54.system.entry.js} +1 -1
- package/dist/calcite/{p-727c8f36.system.entry.js → p-0d4e82ab.system.entry.js} +1 -1
- package/dist/calcite/{p-349333f8.system.entry.js → p-10759c71.system.entry.js} +2 -2
- package/dist/calcite/{p-32faf98b.system.entry.js → p-10de63d7.system.entry.js} +1 -1
- package/dist/calcite/p-11113310.entry.js +5 -0
- package/dist/calcite/{p-81a82d01.system.entry.js → p-12e1c83f.system.entry.js} +1 -1
- package/dist/calcite/p-1421e818.entry.js +5 -0
- package/dist/calcite/p-17e666d6.system.entry.js +5 -0
- package/dist/calcite/p-1e875199.entry.js +5 -0
- package/dist/calcite/{p-693a4d5f.entry.js → p-22ecf6df.entry.js} +1 -1
- package/dist/calcite/{p-72ffc6d7.entry.js → p-2418cceb.entry.js} +1 -1
- package/dist/calcite/{p-32fbf8cd.system.js → p-25a31861.system.js} +1 -1
- package/dist/calcite/{p-8655c0a1.entry.js → p-28261aae.entry.js} +1 -1
- package/dist/calcite/{p-9d3ee5cf.system.entry.js → p-2ecafa35.system.entry.js} +1 -1
- package/dist/calcite/{p-7f4a5f8e.system.entry.js → p-329e1831.system.entry.js} +2 -2
- package/dist/calcite/{p-95a3a0ce.entry.js → p-3383d9b4.entry.js} +1 -1
- package/dist/calcite/{p-87b93729.entry.js → p-36e5db45.entry.js} +1 -1
- package/dist/calcite/{p-bd555b2e.system.entry.js → p-38ee7306.system.entry.js} +1 -1
- package/dist/calcite/{p-8efb43fc.entry.js → p-3962cd38.entry.js} +1 -1
- package/dist/calcite/p-3994ac99.system.entry.js +5 -0
- package/dist/calcite/{p-9d83f268.system.entry.js → p-3bb30b44.system.entry.js} +1 -1
- package/dist/calcite/{p-bb916828.system.entry.js → p-3cf93a58.system.entry.js} +1 -1
- package/dist/calcite/{p-ff04f827.system.entry.js → p-3e438b5b.system.entry.js} +1 -1
- package/dist/calcite/{p-2920aa02.entry.js → p-3f1d1bad.entry.js} +1 -1
- package/dist/calcite/{p-69548a7d.system.entry.js → p-413b4857.system.entry.js} +1 -1
- package/dist/calcite/{p-da9603a3.entry.js → p-4185db77.entry.js} +1 -1
- package/dist/calcite/{p-4e06a168.entry.js → p-42128a12.entry.js} +1 -1
- package/dist/calcite/p-45257edb.js +5 -0
- package/dist/calcite/{p-5cb26137.system.entry.js → p-49d5ee42.system.entry.js} +1 -1
- package/dist/calcite/{p-5c221c33.system.entry.js → p-4c7e3915.system.entry.js} +1 -1
- package/dist/calcite/{p-26045881.entry.js → p-4ecd0331.entry.js} +1 -1
- package/dist/calcite/p-502736d8.system.entry.js +5 -0
- package/dist/calcite/{p-ac3d8784.entry.js → p-507b2cc4.entry.js} +1 -1
- package/dist/calcite/{p-34a6550f.system.entry.js → p-527146c8.system.entry.js} +1 -1
- package/dist/calcite/{p-f37563ac.system.entry.js → p-5322b333.system.entry.js} +1 -1
- package/dist/calcite/{p-a93678c6.system.entry.js → p-58716826.system.entry.js} +1 -1
- package/dist/calcite/{p-d7e5b807.system.entry.js → p-58e98b2d.system.entry.js} +1 -1
- package/dist/calcite/{p-1f99b038.entry.js → p-58eca102.entry.js} +1 -1
- package/dist/calcite/p-5e6d76dc.entry.js +5 -0
- package/dist/calcite/{p-9dbb69f7.entry.js → p-5efd7297.entry.js} +1 -1
- package/dist/calcite/{p-37cee0ea.entry.js → p-6621aee1.entry.js} +1 -1
- package/dist/calcite/{p-31c4a271.system.entry.js → p-684ccd4e.system.entry.js} +1 -1
- package/dist/calcite/{p-473cfb74.system.entry.js → p-6988c6b7.system.entry.js} +1 -1
- package/dist/calcite/{p-4c7e3d8e.system.entry.js → p-6c8a562f.system.entry.js} +1 -1
- package/dist/calcite/{p-18078190.entry.js → p-72fa390e.entry.js} +1 -1
- package/dist/calcite/{p-1aaf7f83.entry.js → p-75f714c9.entry.js} +1 -1
- package/dist/calcite/{p-41e9b889.entry.js → p-76ccd204.entry.js} +1 -1
- package/dist/calcite/{p-d7a7a544.system.entry.js → p-777c833f.system.entry.js} +1 -1
- package/dist/calcite/{p-7b01fe89.js → p-79cbbf2d.js} +1 -1
- package/dist/calcite/p-7a6c6382.entry.js +5 -0
- package/dist/calcite/p-7ade2294.system.entry.js +5 -0
- package/dist/calcite/{p-20042561.entry.js → p-7b869bc5.entry.js} +1 -1
- package/dist/calcite/{p-f4299b95.entry.js → p-7c37ca39.entry.js} +1 -1
- package/dist/calcite/{p-1b2c1f55.entry.js → p-7dd5c4e4.entry.js} +1 -1
- package/dist/calcite/{p-01c3783e.system.entry.js → p-8007a0b4.system.entry.js} +1 -1
- package/dist/calcite/{p-a20df95c.js → p-809ddb6a.js} +1 -1
- package/dist/calcite/{p-22ad79b1.entry.js → p-83302e1c.entry.js} +1 -1
- package/dist/calcite/{p-9358deb1.system.entry.js → p-83ccefba.system.entry.js} +1 -1
- package/dist/calcite/{p-530584ff.system.entry.js → p-8711a0ae.system.entry.js} +1 -1
- package/dist/calcite/{p-c0dd929a.entry.js → p-8953f712.entry.js} +1 -1
- package/dist/calcite/{p-c74fc589.system.js → p-89cdfa96.system.js} +1 -1
- package/dist/calcite/{p-b701101e.entry.js → p-8bc3e126.entry.js} +1 -1
- package/dist/calcite/{p-568ed3d6.system.entry.js → p-948aca0d.system.entry.js} +1 -1
- package/dist/calcite/{p-9e4f2697.system.entry.js → p-98789055.system.entry.js} +1 -1
- package/dist/calcite/p-99ff3a2f.entry.js +5 -0
- package/dist/calcite/{p-10ccc21d.entry.js → p-9affee61.entry.js} +1 -1
- package/dist/calcite/{p-99da965d.system.entry.js → p-9fa024e6.system.entry.js} +1 -1
- package/dist/calcite/{p-7b600760.entry.js → p-9fa5e356.entry.js} +1 -1
- package/dist/calcite/{p-021d44b7.system.entry.js → p-9fc0dc2c.system.entry.js} +1 -1
- package/dist/calcite/{p-67fd79db.entry.js → p-9fe349b9.entry.js} +1 -1
- package/dist/calcite/{p-0e30afe6.entry.js → p-a09634e2.entry.js} +1 -1
- package/dist/calcite/{p-361ddbb6.entry.js → p-a2cc027e.entry.js} +1 -1
- package/dist/calcite/{p-87e83c0d.system.entry.js → p-a5bfc29d.system.entry.js} +1 -1
- package/dist/calcite/{p-64d90b14.system.js → p-a7ba0292.system.js} +1 -1
- package/dist/calcite/{p-7c0debe0.system.entry.js → p-a8569c55.system.entry.js} +1 -1
- package/dist/calcite/p-b018fbbd.entry.js +5 -0
- package/dist/calcite/p-b1f88d45.system.js +5 -0
- package/dist/calcite/{p-eb3ee207.entry.js → p-b244a00c.entry.js} +1 -1
- package/dist/calcite/{p-57f5866d.system.entry.js → p-b41deed0.system.entry.js} +1 -1
- package/dist/calcite/{p-a7521c0d.entry.js → p-b42d730f.entry.js} +1 -1
- package/dist/calcite/p-b4960d06.system.js +5 -0
- package/dist/calcite/{p-ba9b4f62.system.entry.js → p-b4e7b593.system.entry.js} +1 -1
- package/dist/calcite/{p-0fc8b24c.system.entry.js → p-b8d040e5.system.entry.js} +1 -1
- package/dist/calcite/{p-175764f3.system.entry.js → p-ba1322e6.system.entry.js} +1 -1
- package/dist/calcite/{p-bfc162ee.system.entry.js → p-bbe2337b.system.entry.js} +2 -2
- package/dist/calcite/p-bbedf98c.entry.js +5 -0
- package/dist/calcite/{p-cb228ac0.entry.js → p-be52c734.entry.js} +1 -1
- package/dist/calcite/{p-3929447c.system.entry.js → p-bf25e278.system.entry.js} +1 -1
- package/dist/calcite/{p-fff0a881.entry.js → p-bf8b70a8.entry.js} +1 -1
- package/dist/calcite/p-c399cfce.entry.js +5 -0
- package/dist/calcite/{p-c3922ef7.system.entry.js → p-c48b4b7e.system.entry.js} +1 -1
- package/dist/calcite/p-c60e3a71.entry.js +5 -0
- package/dist/calcite/{p-050dc7e6.system.entry.js → p-c8e4117c.system.entry.js} +1 -1
- package/dist/calcite/{p-3ba8024a.system.entry.js → p-c99d8f9e.system.entry.js} +1 -1
- package/dist/calcite/{p-00d72f16.entry.js → p-c9ecea64.entry.js} +1 -1
- package/dist/calcite/{p-be3b0fee.entry.js → p-cacca548.entry.js} +1 -1
- package/dist/calcite/{p-93d8a7d5.entry.js → p-cb7b6425.entry.js} +1 -1
- package/dist/calcite/{p-f8d975a1.system.entry.js → p-cca94491.system.entry.js} +1 -1
- package/dist/calcite/{p-f141da0f.entry.js → p-cd41629f.entry.js} +1 -1
- package/dist/calcite/{p-7cdfec27.system.js → p-d11ad046.system.js} +1 -1
- package/dist/calcite/p-d4059426.entry.js +5 -0
- package/dist/calcite/{p-8fcfe861.js → p-d53cc958.js} +1 -1
- package/dist/calcite/{p-acaad99b.system.entry.js → p-daa110fe.system.entry.js} +1 -1
- package/dist/calcite/{p-fc4846f0.system.entry.js → p-dc99bb00.system.entry.js} +1 -1
- package/dist/calcite/{p-45d123be.system.entry.js → p-dcf30b00.system.entry.js} +1 -1
- package/dist/calcite/{p-c20278e8.system.entry.js → p-de3a04c2.system.entry.js} +1 -1
- package/dist/calcite/{p-fe52131d.entry.js → p-df9b4b76.entry.js} +1 -1
- package/dist/calcite/{p-9ac1fa0b.system.entry.js → p-e24b6c4a.system.entry.js} +1 -1
- package/dist/calcite/{p-3b17d8d0.system.js → p-e35e7216.system.js} +1 -1
- package/dist/calcite/{p-18574b32.entry.js → p-e382c4e9.entry.js} +1 -1
- package/dist/calcite/{p-f5d25746.system.entry.js → p-e40dd6fe.system.entry.js} +1 -1
- package/dist/calcite/{p-9caae570.entry.js → p-e5805bf1.entry.js} +1 -1
- package/dist/calcite/{p-e693758c.entry.js → p-e638ff0e.entry.js} +1 -1
- package/dist/calcite/{p-7839d1c9.entry.js → p-e7819705.entry.js} +1 -1
- package/dist/calcite/{p-d5d62977.entry.js → p-eccb140e.entry.js} +1 -1
- package/dist/calcite/p-eed43a57.system.entry.js +5 -0
- package/dist/calcite/{p-c57f8690.entry.js → p-f281f1e9.entry.js} +1 -1
- package/dist/calcite/{p-85a2bf7c.system.entry.js → p-f32e61bb.system.entry.js} +1 -1
- package/dist/calcite/p-f5bb39bb.js +5 -0
- package/dist/calcite/{p-e3a30266.system.entry.js → p-f6f4648e.system.entry.js} +1 -1
- package/dist/calcite/{p-51cb078a.entry.js → p-f93a7fce.entry.js} +1 -1
- package/dist/calcite/{p-e33a2dd2.system.entry.js → p-fba65e4a.system.entry.js} +1 -1
- package/dist/calcite/{p-cd8f7781.system.entry.js → p-fe16f05e.system.entry.js} +1 -1
- package/dist/cjs/{CalciteExpandToggle-0d802f83.js → CalciteExpandToggle-6a9f9858.js} +1 -1
- package/dist/cjs/{CalciteHeading-381b977d.js → CalciteHeading-363b0525.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-action.cjs.entry.js +1 -1
- package/dist/cjs/calcite-alert.cjs.entry.js +1 -1
- package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
- package/dist/cjs/calcite-block_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-button.cjs.entry.js +1 -1
- package/dist/cjs/calcite-card.cjs.entry.js +2 -2
- package/dist/cjs/calcite-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +3 -3
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +3 -3
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +4 -4
- package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
- package/dist/cjs/calcite-filter.cjs.entry.js +10 -7
- package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
- package/dist/cjs/calcite-graph_2.cjs.entry.js +18 -10
- package/dist/cjs/calcite-handle.cjs.entry.js +1 -1
- package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +4 -4
- package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input.cjs.entry.js +31 -18
- package/dist/cjs/calcite-label.cjs.entry.js +1 -1
- package/dist/cjs/calcite-link.cjs.entry.js +1 -1
- package/dist/cjs/calcite-list_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
- 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 +1 -1
- package/dist/cjs/calcite-pagination.cjs.entry.js +1 -1
- package/dist/cjs/calcite-panel.cjs.entry.js +3 -3
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +3 -3
- package/dist/cjs/calcite-popover_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-progress.cjs.entry.js +1 -1
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-rating.cjs.entry.js +1 -1
- package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
- package/dist/cjs/calcite-shell_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
- package/dist/cjs/calcite-split-button.cjs.entry.js +1 -1
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-switch.cjs.entry.js +6 -1
- package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tile.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tip_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{index-1987a382.js → index-cee0daa9.js} +73 -64
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{popper-cd9c0742.js → popper-87bf13e6.js} +2 -2
- package/dist/cjs/{resources-7dcd68d1.js → resources-38563593.js} +1 -1
- package/dist/cjs/{resources-d0619f6a.js → resources-f9c141d2.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/calcite-accordion/calcite-accordion.js +2 -2
- package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +8 -8
- package/dist/collection/components/calcite-action/calcite-action.js +4 -4
- package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +2 -2
- package/dist/collection/components/calcite-alert/calcite-alert.js +6 -6
- package/dist/collection/components/calcite-block/calcite-block.css +2 -2
- package/dist/collection/components/calcite-block/calcite-block.js +4 -4
- package/dist/collection/components/calcite-button/calcite-button.js +4 -4
- package/dist/collection/components/calcite-card/calcite-card.js +8 -8
- package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +8 -8
- package/dist/collection/components/calcite-chip/calcite-chip.js +2 -2
- package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +46 -46
- package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js +4 -4
- package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js +2 -2
- package/dist/collection/components/calcite-combobox/calcite-combobox.js +7 -7
- package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +6 -6
- package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.js +2 -2
- package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.js +6 -6
- package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +5 -5
- package/dist/collection/components/calcite-dropdown-group/calcite-dropdown-group.js +2 -2
- package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.css +33 -27
- package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.js +6 -6
- package/dist/collection/components/calcite-fab/calcite-fab.js +2 -2
- package/dist/collection/components/calcite-filter/calcite-filter.js +29 -11
- package/dist/collection/components/calcite-graph/calcite-graph.js +48 -6
- package/dist/collection/components/calcite-graph/util.js +1 -1
- package/dist/collection/components/calcite-handle/calcite-handle.js +2 -2
- package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +12 -12
- package/dist/collection/components/calcite-input/calcite-input.js +42 -29
- package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.js +11 -11
- package/dist/collection/components/calcite-input-message/calcite-input-message.js +2 -2
- package/dist/collection/components/calcite-label/calcite-label.js +2 -2
- package/dist/collection/components/calcite-loader/calcite-loader.css +0 -3
- package/dist/collection/components/calcite-modal/calcite-modal.js +2 -2
- package/dist/collection/components/calcite-notice/calcite-notice.js +2 -2
- package/dist/collection/components/calcite-option/calcite-option.js +2 -2
- package/dist/collection/components/calcite-option-group/calcite-option-group.js +2 -2
- package/dist/collection/components/calcite-pagination/calcite-pagination.js +8 -8
- package/dist/collection/components/calcite-panel/calcite-panel.css +6 -2
- package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +10 -10
- package/dist/collection/components/calcite-popover/calcite-popover.js +9 -9
- package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.js +2 -2
- package/dist/collection/components/calcite-radio/calcite-radio.js +4 -4
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +12 -12
- package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +2 -2
- package/dist/collection/components/calcite-rating/calcite-rating.js +4 -4
- package/dist/collection/components/calcite-scrim/calcite-scrim.js +2 -2
- package/dist/collection/components/calcite-select/calcite-select.js +2 -2
- package/dist/collection/components/calcite-slider/calcite-slider.css +2 -4
- package/dist/collection/components/calcite-slider/calcite-slider.js +3 -3
- package/dist/collection/components/calcite-split-button/calcite-split-button.js +2 -2
- package/dist/collection/components/calcite-stepper/calcite-stepper.js +4 -4
- package/dist/collection/components/calcite-stepper-item/calcite-stepper-item.js +14 -14
- package/dist/collection/components/calcite-switch/calcite-switch.js +8 -3
- package/dist/collection/components/calcite-tab/calcite-tab.js +4 -4
- package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js +14 -14
- package/dist/collection/components/calcite-tab-title/calcite-tab-title.js +16 -16
- package/dist/collection/components/calcite-tile/calcite-tile.css +4 -0
- package/dist/collection/components/calcite-tile/calcite-tile.js +2 -2
- package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +30 -30
- package/dist/collection/components/calcite-tooltip/calcite-tooltip.js +5 -5
- package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.js +2 -2
- package/dist/collection/components/calcite-tree/calcite-tree.js +10 -10
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +20 -20
- package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.js +6 -6
- package/dist/collection/utils/popper.js +2 -2
- package/dist/components/calcite-accordion-item.js +2 -2
- package/dist/components/calcite-accordion.js +2 -2
- package/dist/components/calcite-action-bar.js +2 -2
- package/dist/components/calcite-action-group2.js +2 -2
- package/dist/components/calcite-action-menu2.js +2 -2
- package/dist/components/calcite-action-pad.js +2 -2
- package/dist/components/calcite-action2.js +2 -2
- package/dist/components/calcite-alert.js +2 -2
- package/dist/components/calcite-avatar.js +2 -2
- package/dist/components/calcite-block-section.js +2 -2
- package/dist/components/calcite-block.js +3 -3
- package/dist/components/calcite-button2.js +2 -2
- package/dist/components/calcite-card.js +11 -5
- package/dist/components/calcite-checkbox2.js +2 -2
- package/dist/components/calcite-chip2.js +2 -2
- package/dist/components/calcite-color-picker-hex-input2.js +2 -2
- package/dist/components/calcite-color-picker-swatch2.js +2 -2
- package/dist/components/calcite-color-picker.js +2 -2
- package/dist/components/calcite-combobox-item-group.js +2 -2
- package/dist/components/calcite-combobox-item.js +2 -2
- package/dist/components/calcite-combobox.js +3 -3
- package/dist/components/calcite-date-picker-day2.js +2 -2
- package/dist/components/calcite-date-picker-month-header2.js +2 -2
- package/dist/components/calcite-date-picker-month2.js +2 -2
- package/dist/components/calcite-date-picker2.js +2 -2
- package/dist/components/calcite-dropdown-group.js +2 -2
- package/dist/components/calcite-dropdown-item.js +3 -3
- package/dist/components/calcite-dropdown2.js +3 -3
- package/dist/components/calcite-fab.js +2 -2
- package/dist/components/calcite-filter2.js +12 -9
- package/dist/components/calcite-flow.js +2 -2
- package/dist/components/calcite-graph2.js +20 -10
- package/dist/components/calcite-handle2.js +2 -2
- package/dist/components/calcite-icon2.js +2 -2
- package/dist/components/calcite-input-date-picker.js +3 -3
- package/dist/components/calcite-input-message.js +2 -2
- package/dist/components/calcite-input-time-picker.js +2 -2
- package/dist/components/calcite-input2.js +30 -17
- package/dist/components/calcite-label.js +1 -75
- package/dist/components/calcite-label2.js +81 -0
- package/dist/components/calcite-link2.js +2 -2
- package/dist/components/calcite-list-item-group.js +2 -2
- package/dist/components/calcite-list-item.js +2 -2
- package/dist/components/calcite-list.js +2 -2
- package/dist/components/calcite-loader2.js +3 -3
- package/dist/components/calcite-modal.js +2 -2
- package/dist/components/calcite-notice.js +2 -2
- package/dist/components/calcite-option-group.js +2 -2
- package/dist/components/calcite-option.js +2 -2
- package/dist/components/calcite-pagination.js +2 -2
- package/dist/components/calcite-panel.js +3 -3
- package/dist/components/calcite-pick-list-group.js +2 -2
- package/dist/components/calcite-pick-list-item2.js +2 -2
- package/dist/components/calcite-pick-list.js +2 -2
- package/dist/components/calcite-popover-manager.js +2 -2
- package/dist/components/calcite-popover2.js +3 -3
- package/dist/components/calcite-progress2.js +2 -2
- package/dist/components/calcite-radio-button-group.js +2 -2
- package/dist/components/calcite-radio-group-item.js +2 -2
- package/dist/components/calcite-radio-group.js +2 -2
- package/dist/components/calcite-radio2.js +2 -2
- package/dist/components/calcite-rating.js +2 -2
- package/dist/components/calcite-scrim2.js +2 -2
- package/dist/components/calcite-select.js +2 -2
- package/dist/components/calcite-shell-center-row.js +2 -2
- package/dist/components/calcite-shell-panel.js +2 -2
- package/dist/components/calcite-shell.js +2 -2
- package/dist/components/calcite-slider.js +4 -4
- package/dist/components/calcite-sortable-list.js +2 -2
- package/dist/components/calcite-split-button.js +2 -2
- package/dist/components/calcite-stepper-item.js +2 -2
- package/dist/components/calcite-stepper.js +2 -2
- package/dist/components/calcite-switch2.js +8 -3
- package/dist/components/calcite-tab-nav2.js +2 -2
- package/dist/components/calcite-tab-title2.js +2 -2
- package/dist/components/calcite-tab2.js +2 -2
- package/dist/components/calcite-tabs2.js +2 -2
- package/dist/components/calcite-tile-select-group.js +2 -2
- package/dist/components/calcite-tile-select.js +2 -2
- package/dist/components/calcite-tile2.js +3 -3
- package/dist/components/calcite-time-picker2.js +2 -2
- package/dist/components/calcite-tip-group.js +2 -2
- package/dist/components/calcite-tip-manager.js +2 -2
- package/dist/components/calcite-tip.js +2 -2
- package/dist/components/calcite-tooltip-manager2.js +2 -2
- package/dist/components/calcite-tooltip.js +3 -3
- package/dist/components/calcite-tree-item.js +2 -2
- package/dist/components/calcite-tree.js +2 -2
- package/dist/components/calcite-value-list-item.js +2 -2
- package/dist/components/calcite-value-list.js +2 -2
- package/dist/components/popper.js +2 -2
- package/dist/custom-elements/index.js +166 -137
- package/dist/esm/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
- package/dist/esm/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.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-action.entry.js +1 -1
- package/dist/esm/calcite-alert.entry.js +1 -1
- package/dist/esm/calcite-avatar.entry.js +1 -1
- package/dist/esm/calcite-block_2.entry.js +3 -3
- package/dist/esm/calcite-button.entry.js +1 -1
- package/dist/esm/calcite-card.entry.js +2 -2
- package/dist/esm/calcite-checkbox.entry.js +1 -1
- package/dist/esm/calcite-chip.entry.js +1 -1
- package/dist/esm/calcite-color-picker_3.entry.js +1 -1
- package/dist/esm/calcite-combobox_3.entry.js +3 -3
- package/dist/esm/calcite-date-picker_4.entry.js +3 -3
- package/dist/esm/calcite-dropdown_3.entry.js +4 -4
- package/dist/esm/calcite-fab.entry.js +1 -1
- package/dist/esm/calcite-filter.entry.js +10 -7
- package/dist/esm/calcite-flow.entry.js +1 -1
- package/dist/esm/calcite-graph_2.entry.js +18 -10
- package/dist/esm/calcite-handle.entry.js +1 -1
- package/dist/esm/calcite-icon.entry.js +1 -1
- package/dist/esm/calcite-inline-editable.entry.js +1 -1
- package/dist/esm/calcite-input-date-picker.entry.js +4 -4
- package/dist/esm/calcite-input-message.entry.js +1 -1
- package/dist/esm/calcite-input-time-picker_2.entry.js +1 -1
- package/dist/esm/calcite-input.entry.js +31 -18
- package/dist/esm/calcite-label.entry.js +1 -1
- package/dist/esm/calcite-link.entry.js +1 -1
- package/dist/esm/calcite-list_3.entry.js +2 -2
- package/dist/esm/calcite-loader.entry.js +2 -2
- 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 +1 -1
- package/dist/esm/calcite-pagination.entry.js +1 -1
- package/dist/esm/calcite-panel.entry.js +3 -3
- package/dist/esm/calcite-pick-list_3.entry.js +3 -3
- package/dist/esm/calcite-popover_2.entry.js +4 -4
- package/dist/esm/calcite-progress.entry.js +1 -1
- package/dist/esm/calcite-radio-button-group.entry.js +1 -1
- package/dist/esm/calcite-radio-group_2.entry.js +1 -1
- package/dist/esm/calcite-radio_2.entry.js +1 -1
- package/dist/esm/calcite-rating.entry.js +1 -1
- package/dist/esm/calcite-scrim.entry.js +1 -1
- package/dist/esm/calcite-shell_3.entry.js +1 -1
- package/dist/esm/calcite-sortable-list.entry.js +1 -1
- package/dist/esm/calcite-split-button.entry.js +1 -1
- package/dist/esm/calcite-stepper_2.entry.js +1 -1
- package/dist/esm/calcite-switch.entry.js +6 -1
- package/dist/esm/calcite-tab_4.entry.js +1 -1
- package/dist/esm/calcite-tile-select_2.entry.js +1 -1
- package/dist/esm/calcite-tile.entry.js +2 -2
- package/dist/esm/calcite-tip_3.entry.js +2 -2
- package/dist/esm/calcite-tooltip_2.entry.js +3 -3
- package/dist/esm/calcite-tree_2.entry.js +1 -1
- package/dist/esm/calcite-value-list_2.entry.js +2 -2
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{index-d653c37f.js → index-66803519.js} +73 -64
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{popper-7499ea4f.js → popper-dc4b45cf.js} +2 -2
- package/dist/esm/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
- package/dist/esm/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
- package/dist/esm-es5/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-235a6bfd.js} +1 -1
- package/dist/esm-es5/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
- package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
- 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-action.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-card.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 +1 -1
- 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 +1 -1
- package/dist/esm-es5/calcite-flow.entry.js +1 -1
- package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
- package/dist/esm-es5/calcite-handle.entry.js +1 -1
- package/dist/esm-es5/calcite-icon.entry.js +1 -1
- package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
- 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-label.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-loader.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 +2 -2
- package/dist/esm-es5/calcite-pagination.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-progress.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
- package/dist/esm-es5/calcite-radio_2.entry.js +1 -1
- package/dist/esm-es5/calcite-rating.entry.js +1 -1
- package/dist/esm-es5/calcite-scrim.entry.js +1 -1
- package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
- package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
- package/dist/esm-es5/calcite-split-button.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-select_2.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 +2 -2
- 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/{index-d653c37f.js → index-66803519.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/popper-dc4b45cf.js +5 -0
- package/dist/esm-es5/{resources-510eed1a.js → resources-8dd80c84.js} +1 -1
- package/dist/esm-es5/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
- package/dist/extras/docs-json.json +478 -422
- package/dist/types/components/calcite-filter/calcite-filter.d.ts +5 -1
- package/dist/types/components/calcite-graph/calcite-graph.d.ts +4 -0
- package/dist/types/components/calcite-input/calcite-input.d.ts +7 -1
- package/dist/types/components/calcite-modal/calcite-modal.d.ts +2 -2
- package/dist/types/components.d.ts +28 -4
- package/dist/types/utils/popper.d.ts +1 -1
- package/hydrate/index.js +82 -50
- package/package.json +10 -10
- package/readme.md +2 -2
- package/dist/calcite/p-07ba39b6.js +0 -5
- package/dist/calcite/p-0fb8cdc5.entry.js +0 -5
- package/dist/calcite/p-0fd333ff.entry.js +0 -5
- package/dist/calcite/p-24b86e03.entry.js +0 -5
- package/dist/calcite/p-29b110b2.entry.js +0 -5
- package/dist/calcite/p-34a1c944.entry.js +0 -5
- package/dist/calcite/p-378b83de.entry.js +0 -5
- package/dist/calcite/p-43494684.entry.js +0 -5
- package/dist/calcite/p-485062f4.system.entry.js +0 -5
- package/dist/calcite/p-61038b30.js +0 -5
- package/dist/calcite/p-728501db.system.js +0 -5
- package/dist/calcite/p-745e41ea.entry.js +0 -5
- package/dist/calcite/p-7a544774.system.entry.js +0 -5
- package/dist/calcite/p-9965ea81.system.js +0 -5
- package/dist/calcite/p-ba255377.entry.js +0 -5
- package/dist/calcite/p-bc02d9ef.system.entry.js +0 -5
- package/dist/calcite/p-bcc323ec.system.entry.js +0 -5
- package/dist/calcite/p-c1995144.system.entry.js +0 -5
- package/dist/calcite/p-c31243c5.entry.js +0 -5
- package/dist/calcite/p-de0f4633.entry.js +0 -5
- package/dist/calcite/p-e9044cc1.entry.js +0 -5
- package/dist/esm-es5/popper-7499ea4f.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?i(t.value):a(t.value).then(r,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return c([t,e])}}function c(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;a=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];a=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e){for(var i=0,n=e.length,a=t.length;i<n;i++,a++)t[a]=e[i];return t};
|
|
2
|
+
/*!
|
|
3
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
+
*/System.register(["./p-89cdfa96.system.js","./p-1d6404b5.system.js","./p-6a541e77.system.js","./p-6cc23c39.system.js","./p-56b352bf.system.js","./p-b1f88d45.system.js","./p-e020662f.system.js","./p-fb1da0f5.system.js","./p-db10485b.system.js"],(function(t){"use strict";var e,i,n,a,o,r,s,c,l,p,m,u,d,f,b,h,v,x,g,y,w,k,I;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;o=t.g},function(t){r=t.a;s=t.S;c=t.d},function(t){l=t.i;p=t.f},function(t){m=t.n;u=t.a;d=t.d;f=t.C},function(t){b=t.g},function(t){h=t.u;v=t.c;x=t.C},function(t){g=t.g},function(t){y=t.c;w=t.d;k=t.g},function(t){I=t.c}],execute:function(){function C(t,e){var i=-1,n=t==null?0:t.length,a=Array(n);while(++i<n){a[i]=e(t[i],i,t)}return a}var D=1/0;var _=s?s.prototype:undefined,E=_?_.toString:undefined;function S(t){if(typeof t=="string"){return t}if(l(t)){return C(t,S)+""}if(r(t)){return E?E.call(t):""}var e=t+"";return e=="0"&&1/t==-D?"-0":e}function A(t){return t==null?"":S(t)}var H=/[\\^$.*+?()[\]{}|]/g,L=RegExp(H.source);function M(t){t=A(t);return t&&L.test(t)?t.replace(H,"\\$&"):t}var O=function(t,e){var i=M(e);var n=new RegExp(i,"i");if(t.length===0){console.warn("No data was passed to the filter function.\n The data argument should be an array of objects")}var a=function(t,e){var i;if((i=t)===null||i===void 0?void 0:i.constant){return true}var n=false;p(t,(function(t){if(typeof t==="function"){return}if(Array.isArray(t)||typeof t==="object"&&t!==null){if(a(t,e)){n=true}}else if(e.test(t)){n=true}}));return n};var o=t.filter((function(t){return a(t,n)}));return o};var z="CALCITE-COMBOBOX-ITEM";var F="CALCITE-COMBOBOX-ITEM-GROUP";var T=z+", "+F;var P="bottom-leading";function j(t){var e,i;var n=(e=t.parentElement)===null||e===void 0?void 0:e.closest(T);var a=(i=n===null||n===void 0?void 0:n.parentElement)===null||i===void 0?void 0:i.closest(T);return[n,a].filter((function(t){return t}))}function B(t){var e;return((e=t.ancestors)===null||e===void 0?void 0:e.filter((function(t){return t.nodeName==="CALCITE-COMBOBOX-ITEM"})))||[]}function N(t){return m(t.querySelectorAll("calcite-combobox-item"))}function R(t){var e=m(t.querySelectorAll("calcite-combobox-item"));return e.filter((function(t){return t.selected})).length>0}function q(t){var e=document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return e.snapshotLength}var X="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:relative}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);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;-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);padding:0 var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding:0 var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.grid-input{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input{-ms-flex-positive:1;flex-grow:1;font-family:inherit;padding:0;background-color:transparent;border-style:none;color:var(--calcite-ui-text-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-width:120px;margin-bottom:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-bottom:0;margin-top:0;padding:0}.wrapper--active .input-single{cursor:text}.input--hidden{width:0;min-width:0;opacity:0;pointer-events:none}.input--icon{padding:0 var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.input-wrap--single{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.label{padding:0;display:-ms-flexbox;display:flex;font-weight:var(--calcite-font-weight-normal);-ms-flex:1 1 auto;flex:1 1 auto;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--spaced{padding-top:0;padding-bottom:0;padding-left:var(--calcite-combobox-item-spacing-unit-l);padding-right:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:1rem}.icon-end{-ms-flex:none;flex:none}.popper-container{width:100%;display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.popper-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}.popper-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.popper-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.popper-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.popper-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.popper-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.popper-container--active{pointer-events:initial;visibility:visible}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{overflow-y:auto;max-height:100vh;background-color:var(--calcite-ui-foreground-1);width:var(--calcite-dropdown-width)}.list{display:block;margin:0;padding:0}.list--hide{height:0;overflow:hidden}.chip{margin:calc(var(--calcite-combobox-item-spacing-unit-s) / 2) var(--calcite-combobox-item-spacing-unit-s) calc(var(--calcite-combobox-item-spacing-unit-s) / 2) 0;max-width:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.chip:last-child{margin-right:0}.chip--rtl{margin-right:unset;margin-left:var(--calcite-combobox-item-spacing-unit-l)}.chip--rtl:last-child{margin-left:0}.item{display:block}";var V=function(t){return t.tagName===F};var Y=t("calcite_combobox",function(){function t(t){var n=this;e(this,t);this.calciteLookupChange=i(this,"calciteLookupChange",7);this.calciteComboboxChange=i(this,"calciteComboboxChange",7);this.calciteComboboxFilterChange=i(this,"calciteComboboxFilterChange",7);this.calciteComboboxChipDismiss=i(this,"calciteComboboxChipDismiss",7);this.calciteComboboxOpen=i(this,"calciteComboboxOpen",7);this.calciteComboboxClose=i(this,"calciteComboboxClose",7);this.active=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.selectionMode="multi";this.scale="m";this.items=[];this.groupItems=[];this.selectedItems=[];this.visibleItems=[];this.hideList=!this.active;this.activeItemIndex=-1;this.activeChipIndex=-1;this.activeDescendant="";this.text="";this.open=this.active;this.maxScrollerHeight=0;this.textInput=null;this.mutationObserver=I("mutation",(function(){return n.updateItems()}));this.guid=g();this.inputHeight=0;this.ignoreSelectedEventsFlag=false;this.activeTransitionProp="opacity";this.keydownHandler=function(t){var e=b(t.key,u(n.el));switch(e){case"Tab":n.activeChipIndex=-1;n.activeItemIndex=-1;if(n.allowCustomValues&&n.text){n.addCustomChip(n.text,true);t.preventDefault()}else{n.active=false}break;case"ArrowLeft":n.previousChip();break;case"ArrowRight":n.nextChip();break;case"ArrowUp":t.preventDefault();n.active=true;n.shiftActiveItemIndex(-1);break;case"ArrowDown":t.preventDefault();n.active=true;n.shiftActiveItemIndex(1);break;case"Home":n.active=true;n.updateActiveItemIndex(0);break;case"End":n.active=true;n.updateActiveItemIndex(n.visibleItems.length-1);break;case"Escape":n.active=false;break;case"Enter":if(n.activeItemIndex>-1){n.toggleSelection(n.visibleItems[n.activeItemIndex])}else if(n.activeChipIndex>-1){n.removeActiveChip()}else if(n.allowCustomValues&&n.text){n.addCustomChip(n.text,true)}break;case"Delete":case"Backspace":if(n.activeChipIndex>-1){n.removeActiveChip()}else if(!n.text&&n.isMulti()){n.removeLastChip()}break;default:if(!n.active){n.setFocus()}break}};this.toggleCloseEnd=function(){n.hideList=true;n.el.removeEventListener("calciteComboboxClose",n.toggleCloseEnd)};this.toggleOpenEnd=function(){n.hideList=false;n.el.removeEventListener("calciteComboboxOpen",n.toggleOpenEnd)};this.transitionEnd=function(t){if(t.propertyName===n.activeTransitionProp){n.active?n.calciteComboboxOpen.emit():n.calciteComboboxClose.emit()}};this.setMaxScrollerHeight=function(){if(n.active){n.maxScrollerHeight=n.getMaxScrollerHeight(n.getCombinedItems())}};this.calciteChipDismissHandler=function(t,e){n.active=false;var i=n.items.find((function(t){return t===e}));if(i){n.toggleSelection(i,false)}n.calciteComboboxChipDismiss.emit(t.detail)};this.setFocusClick=function(){n.setFocus()};this.setInactiveIfNotContained=function(t){var e=t.composedPath();if(!n.active||e.includes(n.el)||e.includes(n.referenceEl)){return}if(n.allowCustomValues&&n.text){n.addCustomChip(n.text)}if(n.selectionMode==="single"){if(n.textInput){n.textInput.value=""}n.text="";n.filterItems("");n.updateActiveItemIndex(-1)}n.active=false};this.setMenuEl=function(t){n.menuEl=t};this.setListContainerEl=function(t){n.listContainerEl=t};this.setReferenceEl=function(t){n.referenceEl=t};this.inputHandler=function(t){var e=t.target.value;n.text=e;n.filterItems(e);if(e){n.activeChipIndex=-1}};this.filterItems=function(){var t=function(t,e){return t&&e.some((function(e){var i=e.label,n=e.value;if(V(t)){return n===t.label||n===t.label}return n===t.textLabel||n===t.value||i===t.textLabel||i===t.value}))};return c((function(e){var i=O(n.data,e);var a=n.getCombinedItems();a.forEach((function(e){var n=!t(e,i);e.hidden=n;var a=e.ancestors,o=a[0],r=a[1];if(t(o,i)||t(r,i)){e.hidden=false}if(!n){e.ancestors.forEach((function(t){return t.hidden=false}))}}));n.visibleItems=n.getVisibleItems();n.calciteComboboxFilterChange.emit({visibleItems:__spreadArray([],n.visibleItems),text:e})}),100)}();this.internalCalciteLookupChangeEvent=function(){n.calciteLookupChange.emit(n.selectedItems)};this.emitCalciteLookupChange=c(this.internalCalciteLookupChangeEvent,0);this.internalComboboxChangeEvent=function(){var t=n.selectedItems;n.calciteComboboxChange.emit({selectedItems:t})};this.emitComboboxChange=c(this.internalComboboxChangeEvent,0);this.updateItems=function(){n.items=n.getItems();n.groupItems=n.getGroupItems();n.data=n.getData();n.selectedItems=n.getSelectedItems();n.visibleItems=n.getVisibleItems();n.needsIcon=n.getNeedsIcon();if(!n.allowCustomValues){n.setMaxScrollerHeight()}};this.comboboxFocusHandler=function(){n.active=true;n.textInput.focus()};this.comboboxBlurHandler=function(t){n.setInactiveIfNotContained(t)}}t.prototype.activeHandler=function(t,e){var i=this;if(e&&!t){this.el.addEventListener("calciteComboboxClose",this.toggleCloseEnd);this.open=false}else if(!e&&t){this.el.addEventListener("calciteComboboxOpen",this.toggleOpenEnd);requestAnimationFrame((function(){i.reposition();i.setMaxScrollerHeight();i.open=true}))}this.reposition();this.setMaxScrollerHeight()};t.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};t.prototype.documentClickHandler=function(t){this.setInactiveIfNotContained(t)};t.prototype.calciteComboboxItemChangeHandler=function(t){if(this.ignoreSelectedEventsFlag){return}var e=t.target;this.toggleSelection(e,e.selected)};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a;return __generator(this,(function(o){switch(o.label){case 0:t=this,e=t.popper,i=t.menuEl;n=this.getModifiers();if(!e)return[3,2];return[4,h({el:i,modifiers:n,placement:P,popper:e})];case 1:a=o.sent();return[3,3];case 2:a=this.createPopper();o.label=3;case 3:a;return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){this.active=true;(t=this.textInput)===null||t===void 0?void 0:t.focus();this.activeChipIndex=-1;this.activeItemIndex=-1;return[2]}))}))};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.createPopper();y(this)};t.prototype.componentWillLoad=function(){this.updateItems()};t.prototype.componentDidRender=function(){if(this.el.offsetHeight!==this.inputHeight){this.reposition();this.inputHeight=this.el.offsetHeight}};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.destroyPopper();w(this)};t.prototype.textHandler=function(){this.updateActiveItemIndex(-1)};t.prototype.onLabelClick=function(){this.setFocus()};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,i=t.referenceEl,n=t.overlayPositioning;var a=this.getModifiers();this.popper=v({el:e,modifiers:a,overlayPositioning:n,placement:P,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.getMaxScrollerHeight=function(t){var e=this;var i=this.maxItems;var n=0;var a=0;t.forEach((function(t){if(n<i&&i>0){var o=e.calculateSingleItemHeight(t);if(o>0){a+=o;n++}}}));return a};t.prototype.calculateSingleItemHeight=function(t){var e=t.offsetHeight;var i=t.querySelectorAll(T);i.forEach((function(t){e-=t.offsetHeight}));return e};t.prototype.getCombinedItems=function(){return __spreadArray(__spreadArray([],this.groupItems),this.items)};t.prototype.toggleSelection=function(t,e){if(e===void 0){e=!t.selected}if(!t){return}if(this.isMulti()){t.selected=e;this.updateAncestors(t);this.selectedItems=this.getSelectedItems();this.emitCalciteLookupChange();this.emitComboboxChange();this.resetText();this.textInput.focus();this.filterItems("")}else{this.ignoreSelectedEventsFlag=true;this.items.forEach((function(e){return e.selected=e===t}));this.ignoreSelectedEventsFlag=false;this.selectedItems=this.getSelectedItems();this.emitComboboxChange();this.textInput.value=t.textLabel;this.active=false;this.updateActiveItemIndex(-1);this.resetText();this.filterItems("")}};t.prototype.updateAncestors=function(t){if(this.selectionMode!=="ancestors"){return}var e=B(t);var i=N(t);if(t.selected){e.forEach((function(t){t.selected=true}))}else{i.forEach((function(t){return t.selected=false}));__spreadArray([],e).forEach((function(t){if(!R(t)){t.selected=false}}))}};t.prototype.getVisibleItems=function(){return this.items.filter((function(t){return!t.hidden}))};t.prototype.getSelectedItems=function(){var t=this;return!this.isMulti()?[this.items.find((function(t){return t.selected}))]:this.items.filter((function(e){return e.selected&&(t.selectionMode!=="ancestors"||!R(e))})).sort((function(e,i){var n=t.selectedItems.indexOf(e);var a=t.selectedItems.indexOf(i);if(n>-1&&a>-1){return n-a}return a-n}))};t.prototype.getData=function(){return this.items.map((function(t){return{constant:t.constant,value:t.value,label:t.textLabel,guid:t.guid}}))};t.prototype.getNeedsIcon=function(){return this.selectionMode==="single"&&this.items.some((function(t){return t.icon}))};t.prototype.resetText=function(){this.textInput.value="";this.text=""};t.prototype.getItems=function(){var t=Array.from(this.el.querySelectorAll(z));return t.filter((function(t){return!t.disabled}))};t.prototype.getGroupItems=function(){return Array.from(this.el.querySelectorAll(F))};t.prototype.addCustomChip=function(t,e){var i=this.items.find((function(e){return e.textLabel===t}));if(i){this.toggleSelection(i,true)}else{var n=document.createElement(z);n.value=t;n.textLabel=t;n.guid=g();n.selected=true;this.el.appendChild(n);this.resetText();if(e){this.setFocus()}this.updateItems();this.filterItems("");this.emitCalciteLookupChange();this.emitComboboxChange()}};t.prototype.removeActiveChip=function(){this.toggleSelection(this.selectedItems[this.activeChipIndex],false);this.setFocus()};t.prototype.removeLastChip=function(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],false);this.setFocus()};t.prototype.previousChip=function(){if(this.text){return}var t=this.selectedItems.length-1;var e=this.activeChipIndex;this.activeChipIndex=e===-1?t:Math.max(e-1,0);this.updateActiveItemIndex(-1);this.focusChip()};t.prototype.nextChip=function(){if(this.text||this.activeChipIndex===-1){return}var t=this.selectedItems.length-1;var e=this.activeChipIndex+1;if(e>t){this.activeChipIndex=-1;this.setFocus()}else{this.activeChipIndex=e;this.focusChip()}this.updateActiveItemIndex(-1)};t.prototype.focusChip=function(){var t;var e=(t=this.selectedItems[this.activeChipIndex])===null||t===void 0?void 0:t.guid;var i=this.referenceEl.querySelector("#chip-"+e);i===null||i===void 0?void 0:i.setFocus()};t.prototype.shiftActiveItemIndex=function(t){var e=this.visibleItems.length;var i=(this.activeItemIndex+e+t)%e;this.updateActiveItemIndex(i);var n=this.visibleItems[this.activeItemIndex];var a=this.calculateSingleItemHeight(n);var o=this.listContainerEl,r=o.offsetHeight,s=o.scrollTop;if(r+s<n.offsetTop+a){this.listContainerEl.scrollTop=n.offsetTop-r+a}else if(n.offsetTop<s){this.listContainerEl.scrollTop=n.offsetTop}};t.prototype.updateActiveItemIndex=function(t){this.activeItemIndex=t;var e=null;this.visibleItems.forEach((function(i,n){if(n===t){i.active=true;e=i.guid}else{i.active=false}}));this.activeDescendant=e;if(this.activeItemIndex>-1){this.activeChipIndex=-1;this.textInput.focus()}};t.prototype.isMulti=function(){return this.selectionMode!=="single"};t.prototype.renderChips=function(){var t=this;var e=this,i=e.activeChipIndex,a=e.scale,o=e.selectionMode,r=e.el;var s=u(r);return this.selectedItems.map((function(e,r){var c={chip:true,"chip--active":i===r,"chip--rtl":s==="rtl"};var l=__spreadArray([],B(e)).reverse();var p=__spreadArray(__spreadArray([],l),[e]).map((function(t){return t.textLabel}));var m=o!=="ancestors"?e.textLabel:p.join(" / ");return n("calcite-chip",{"aria-label":m,class:c,dismissLabel:"remove tag",dismissible:true,icon:e.icon,id:"chip-"+e.guid,key:e.textLabel,onCalciteChipDismiss:function(i){return t.calciteChipDismissHandler(i,e)},scale:a,title:m,value:e.value},m)}))};t.prototype.renderInput=function(){var t=this;var e=this,i=e.active,a=e.disabled,o=e.placeholder,r=e.selectionMode,s=e.needsIcon,c=e.selectedItems;var l=r==="single";var p=c[0];var m=!i&&l&&!!p;return n("span",{class:{"input-wrap":true,"input-wrap--single":l}},m&&n("span",{class:{label:true,"label--spaced":s},key:"label",onFocus:this.comboboxFocusHandler,tabindex:"0"},p.textLabel),n("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":g,"aria-label":k(this),class:{input:true,"input--single":true,"input--transparent":this.activeChipIndex>-1,"input--hidden":m,"input--icon":l&&s},disabled:a,id:g+"-input",key:"input",onBlur:this.comboboxBlurHandler,onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:o,ref:function(e){return t.textInput=e},type:"text"}))};t.prototype.renderListBoxOptions=function(){return this.visibleItems.map((function(t){return n("li",{"aria-selected":(!!t.selected).toString(),id:t.guid,role:"option",tabindex:"-1"},t.textLabel)}))};t.prototype.renderPopperContainer=function(){var t;var e=this,i=e.active,a=e.maxScrollerHeight,o=e.setMenuEl,r=e.setListContainerEl,s=e.hideList,c=e.open;var l=(t={"list-container":true},t[x.animation]=true,t[x.animationActive]=i,t);var p={maxHeight:a>0?a+"px":""};return n("div",{"aria-hidden":"true",class:{"popper-container":true,"popper-container--active":c},ref:o},n("div",{class:l,onTransitionEnd:this.transitionEnd,ref:r,style:p},n("ul",{class:{list:true,"list--hide":s}},n("slot",null))))};t.prototype.renderIconStart=function(){var t=this,e=t.selectionMode,i=t.needsIcon,a=t.selectedItems;var o=a[0];return e==="single"&&i&&n("span",{class:"icon-start"},(o===null||o===void 0?void 0:o.icon)&&n("calcite-icon",{class:"selected-icon",icon:o.icon,scale:"s"}))};t.prototype.renderIconEnd=function(){return n("span",{class:"icon-end"},n("calcite-icon",{icon:"chevron-down",scale:"s"}))};t.prototype.render=function(){var t=this,e=t.guid,i=t.open,o=t.label;var r=this.selectionMode==="single";var s=e+"-label";return n(a,{onKeyDown:this.keydownHandler},n("div",{"aria-autocomplete":"list","aria-expanded":i.toString(),"aria-haspopup":"listbox","aria-labelledby":s,"aria-owns":e,class:{wrapper:true,"wrapper--single":r||!this.selectedItems.length,"wrapper--active":i},onClick:this.setFocusClick,ref:this.setReferenceEl,role:"combobox"},n("div",{class:"grid-input"},this.renderIconStart(),!r&&this.renderChips(),n("label",{class:"screen-readers-only",htmlFor:e+"-input",id:s},o),this.renderInput()),this.renderIconEnd()),n("ul",{"aria-labelledby":s,"aria-multiselectable":"true",class:"screen-readers-only",id:e,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderPopperContainer())};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],maxItems:["maxItemsHandler"],text:["textHandler"]}},enumerable:false,configurable:true});return t}());Y.style=X;var G={icon:"icon",iconActive:"icon--active",custom:"icon--custom",dot:"icon--dot",single:"label--single",label:"label",active:"label--active",selected:"label--selected",title:"title",textContainer:"text-container"};var U='@charset "UTF-8";@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}.container{--calcite-combobox-item-indent-value:calc(\n var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n );--calcite-combobox-item-indent-start:var(--calcite-combobox-item-indent-value);--calcite-combobox-item-indent-end:unset}.calcite--rtl{--calcite-combobox-item-indent-start:unset;--calcite-combobox-item-indent-end:var(--calcite-combobox-item-indent-value)}:host(:focus){-webkit-box-shadow:none;box-shadow:none}:host,ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;outline:2px solid transparent;outline-offset:2px}.label{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:100%;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);cursor:pointer;position:relative;-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);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;text-decoration:none;padding:var(--calcite-combobox-item-spacing-unit-s) var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}.label--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover,.label:active{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2);-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.title{padding:0 var(--calcite-combobox-item-spacing-unit-l)}.icon{display:-ms-inline-flexbox;display:inline-flex;opacity:0;-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);color:var(--calcite-ui-border-1)}.icon--indent{padding-left:var(--calcite-combobox-item-indent-start);padding-right:var(--calcite-combobox-item-indent-end)}.icon--custom{margin-top:-1px;color:var(--calcite-ui-text-3)}.icon--active{color:var(--calcite-ui-text-1)}.icon--dot{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:var(--calcite-combobox-item-spacing-unit-l)}.icon--dot:before{content:"•"}.calcite--rtl .icon--dot:before{text-align:right}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-ui-brand)}:host(:hover[disabled]) .icon{opacity:1}';var W=t("calcite_combobox_item",function(){function t(t){var n=this;e(this,t);this.calciteComboboxItemChange=i(this,"calciteComboboxItemChange",7);this.disabled=false;this.selected=false;this.active=false;this.guid=g();this.scale="m";this.itemClickHandler=function(t){t.preventDefault();if(n.disabled){return}n.selected=!n.selected}}t.prototype.selectedWatchHandler=function(){this.calciteComboboxItemChange.emit(this.el)};t.prototype.connectedCallback=function(){this.ancestors=j(this.el);this.scale=d(this.el,"scale",this.scale)};t.prototype.componentWillLoad=function(){this.hasDefaultSlot=this.el.querySelector(":not([slot])")!==null};t.prototype.toggleSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.disabled){return[2]}this.selected=typeof t==="boolean"?t:!this.selected;return[2]}))}))};t.prototype.renderIcon=function(t){var e,i;var a=this,o=a.icon,r=a.disabled,s=a.selected;var c=G.icon+"--indent";var l=t?"dot":"check";var p=r?"circle-disallowed":l;var m=t&&!o&&!r;return m?n("span",{class:(e={},e[G.icon]=true,e[G.dot]=true,e[c]=true,e)}):n("calcite-icon",{class:(i={},i[G.icon]=!o,i[G.custom]=!!o,i[G.iconActive]=o&&s,i[c]=true,i),icon:o||p,scale:"s"})};t.prototype.renderChildren=function(){if(!this.hasDefaultSlot){return null}return n("ul",null,n("slot",null))};t.prototype.render=function(){var t;var e=d(this.el,"selection-mode","multi")==="single";var i=u(this.el);var o=(t={},t[f.rtl]=i==="rtl",t[G.label]=true,t[G.selected]=this.selected,t[G.active]=this.active,t[G.single]=e,t);var r=q(this.el);return n(a,{"aria-hidden":"true"},n("div",{class:"container scale--"+this.scale,style:{"--calcite-combobox-item-spacing-indent-multiplier":""+r}},n("li",{class:o,id:this.guid,onClick:this.itemClickHandler},this.renderIcon(e),n("span",{class:G.title},this.textLabel)),this.renderChildren()))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["selectedWatchHandler"]}},enumerable:false,configurable:true});return t}());W.style=U;var $={list:"list",label:"label",title:"title"};var K="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-combobox-item-indent-start-1:var(--calcite-combobox-item-spacing-indent-1);--calcite-combobox-item-indent-end-1:unset;--calcite-combobox-item-indent-start-2:var(--calcite-combobox-item-spacing-indent-2);--calcite-combobox-item-indent-end-2:unset}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent-1:0.5rem;--calcite-combobox-item-spacing-indent-2:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent-1:0.75rem;--calcite-combobox-item-spacing-indent-2:1.5rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent-1:1rem;--calcite-combobox-item-spacing-indent-2:2rem}.calcite--rtl{--calcite-combobox-item-indent-start-1:unset;--calcite-combobox-item-indent-end-1:var(--calcite-combobox-item-spacing-indent-1);--calcite-combobox-item-indent-start-2:unset;--calcite-combobox-item-indent-end-2:var(--calcite-combobox-item-spacing-indent-2)}:host,.list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;outline:2px solid transparent;outline-offset:2px}.label{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;min-width:0;color:var(--calcite-ui-text-3);display:-ms-flexbox;display:flex}.label--indent-1{padding-left:var(--calcite-combobox-item-indent-start-1);padding-right:var(--calcite-combobox-item-indent-end-1)}.label--indent-2{padding-left:var(--calcite-combobox-item-indent-start-2);padding-right:var(--calcite-combobox-item-indent-end-2)}.title{border:0 solid;display:block;-ms-flex:1 1 0%;flex:1 1 0%;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px;color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;word-break:break-word;padding:var(--calcite-combobox-item-spacing-unit-l) 0;margin-left:var(--calcite-combobox-item-spacing-unit-s);margin-right:var(--calcite-combobox-item-spacing-unit-s)}";var J=t("calcite_combobox_item_group",function(){function t(t){e(this,t);this.guid=g();this.scale="m"}t.prototype.connectedCallback=function(){this.ancestors=j(this.el);this.scale=d(this.el,"scale",this.scale)};t.prototype.render=function(){var t,e;var i=this,a=i.el,o=i.scale;var r=u(a);var s=$.label+"--indent-"+q(a);return n("ul",{"aria-labelledby":this.guid,class:(t={},t[$.list]=true,t[f.rtl]=r==="rtl",t["scale--"+o]=true,t),role:"group"},n("li",{class:(e={},e[$.label]=true,e[s]=true,e),id:this.guid,role:"presentation"},n("span",{class:$.title},this.label)),n("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());J.style=K}}}));
|
|
@@ -2,4 +2,4 @@ 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
|
-
*/System.register(["./p-
|
|
5
|
+
*/System.register(["./p-89cdfa96.system.js","./p-d11ad046.system.js","./p-6cc23c39.system.js","./p-a0c02648.system.js","./p-caf7085a.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,n,a,i,o,r,l,c,s,p,d;return{setters:[function(t){e=t.r;n=t.c;a=t.h;i=t.H;o=t.g},function(t){r=t.t;l=t.C},function(t){c=t.f;s=t.g;p=t.a;d=t.C},function(){},function(){},function(){}],execute:function(){var u={actionGroupBottom:"action-group--bottom",container:"container"};var f={expand:"Expand",collapse:"Collapse"};var m={expandTooltip:"expand-tooltip"};var b="@-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:300ms}.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{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-webkit-animation:in var(--calcite-animation-timing) ease-in-out;animation:in var(--calcite-animation-timing) ease-in-out;border-radius:0.125rem}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-width:0;border-bottom-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;padding-bottom:0;padding-top:0}.container{-ms-flex-direction:column;flex-direction:column;display:-ms-inline-flexbox;display:inline-flex;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);max-width:15vw}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:0}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row;max-width:unset}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0;border-right-width:1px;padding:0}:host([layout=horizontal]) .container.calcite--rtl ::slotted(calcite-action-group){border-width:0;border-left-width:1px}::slotted(calcite-action-group:last-child){border-bottom-width:0}";var x=t("calcite_action_pad",function(){function t(t){var a=this;e(this,t);this.calciteActionPadToggle=n(this,"calciteActionPadToggle",7);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.actionMenuOpenChangeHandler=function(t){if(t.detail){var e=t.composedPath();Array.from(a.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!e.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=function(){a.expanded=!a.expanded};this.setExpandToggleRef=function(t){a.expandToggleEl=t}}t.prototype.expandHandler=function(t){if(!t){r({parent:this.el,expanded:this.expanded})}};t.prototype.expandedHandler=function(t){if(!this.expandDisabled){r({parent:this.el,expanded:t})}this.calciteActionPadToggle.emit()};t.prototype.componentWillLoad=function(){var t=this,e=t.el,n=t.expandDisabled,a=t.expanded;if(!n){r({parent:e,expanded:a})}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,c(this.expandToggleEl)];case 1:e.sent();return[2];case 2:this.el.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,i=t.intlExpand,o=t.intlCollapse,r=t.el,c=t.position,p=t.toggleExpand,d=t.scale;var b=s(r,m.expandTooltip);var x=i||f.expand;var h=o||f.collapse;var g=!n?a(l,{el:r,expanded:e,intlCollapse:h,intlExpand:x,position:c,ref:this.setExpandToggleRef,scale:d,toggle:p,tooltip:b}):null;return g?a("calcite-action-group",{class:u.actionGroupBottom,scale:d},a("slot",{name:m.expandTooltip}),g):null};t.prototype.render=function(){var t;var e=p(this.el)==="rtl";var n=(t={},t[u.container]=true,t[d.rtl]=e,t);return a(i,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},a("div",{class:n},a("slot",null),this.renderBottomActionGroup()))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}());x.style=b}}}));
|
|
@@ -2,4 +2,4 @@
|
|
|
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
4
|
*/
|
|
5
|
-
System.register(["./p-
|
|
5
|
+
System.register(["./p-89cdfa96.system.js"],(function(t){"use strict";var a,e,i;return{setters:[function(t){a=t.r;e=t.h;i=t.g}],execute:function(){var n="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:block;width:100%}.track,.bar{position:absolute;top:0;height:2px}.track{z-index:0;width:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{background-color:var(--calcite-ui-brand);z-index:0}.indeterminate{width:20%;-webkit-animation:looping-progress-bar-ani 2200ms linear infinite;animation:looping-progress-bar-ani 2200ms linear infinite}.reversed{animation-direction:reverse}.text{padding-top:1rem;padding-bottom:0;padding-left:0;padding-right:0;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium)}@-webkit-keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{width:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{width:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}";var r=t("calcite_progress",function(){function t(t){a(this,t);this.type="determinate";this.value=0;this.reversed=false}t.prototype.render=function(){var t=this.type==="determinate";var a=t?{width:this.value*100+"%"}:{};return e("div",{"aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},e("div",{class:"track"},e("div",{class:{bar:true,indeterminate:this.type==="indeterminate",reversed:this.reversed},style:a})),this.text?e("div",{class:"text"},this.text):null)};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());r.style=n}}}));
|
|
@@ -2,4 +2,4 @@
|
|
|
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
4
|
*/
|
|
5
|
-
System.register(["./p-c74fc589.system.js","./p-56b352bf.system.js","./p-6cc23c39.system.js","./p-e020662f.system.js"],(function(t){"use strict";var i,e,o,a,c,n,r,s,l;return{setters:[function(t){i=t.r;e=t.c;o=t.h;a=t.g;c=t.H},function(t){n=t.g},function(t){r=t.d;s=t.a;l=t.C},function(){}],execute:function(){var m="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;position:relative;max-width:100%;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);border-bottom-width:0;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}:host([appearance=transparent]){border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}";var d=t("calcite_accordion",function(){function t(t){i(this,t);this.calciteAccordionChange=e(this,"calciteAccordionChange",7);this.appearance="default";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multi";this.items=[];this.sorted=false;this.sortItems=function(t){return t.sort((function(t,i){return t.position-i.position})).map((function(t){return t.item}))}}t.prototype.componentDidLoad=function(){if(!this.sorted){this.items=this.sortItems(this.items);this.sorted=true}};t.prototype.render=function(){return o("slot",null)};t.prototype.calciteAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var o=n(i.key);var a=t.target;var c=this.itemIndex(a)===0;var r=this.itemIndex(a)===this.items.length-1;switch(o){case"ArrowDown":if(r){this.focusFirstItem()}else{this.focusNextItem(a)}break;case"ArrowUp":if(c){this.focusLastItem()}else{this.focusPrevItem(a)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}}};t.prototype.registerCalciteAccordionItem=function(t){var i={item:t.target,parent:t.detail.parent,position:t.detail.position};if(this.el===i.parent){this.items.push(i)}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.calciteAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem})};t.prototype.focusFirstItem=function(){var t=this.items[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var i=this.itemIndex(t);var e=this.items[i+1]||this.items[0];this.focusElement(e)};t.prototype.focusPrevItem=function(t){var i=this.itemIndex(t);var e=this.items[i-1]||this.items[this.items.length-1];this.focusElement(e)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.focusElement=function(t){var i=t;i.focus()};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());d.style=m;var p="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:-90deg;--calcite-accordion-item-active-icon-rotation:0;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0;--calcite-accordion-item-active-icon-rotation-rtl:-180deg}:host{--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host-context([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}:host-context([appearance=transparent]){--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative;color:var(--calcite-ui-text-3);background-color:var(--calcite-accordion-item-background);--calcite-accordion-item-border:var(--calcite-ui-border-2)}:host .accordion-item-header{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}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}:host .accordion-item-icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:var(--calcite-accordion-item-icon-spacing-start);margin-left:var(--calcite-accordion-item-icon-spacing-end)}.calcite--rtl .accordion-item-icon{margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end)}:host .accordion-item-content,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border)}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;color:var(--calcite-ui-text-3);padding-top:0;text-align:initial}:host .accordion-item-expand-icon{color:var(--calcite-ui-text-3);margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .accordion-item-expand-icon{margin-left:var(--calcite-accordion-item-icon-spacing-end);margin-right:var(--calcite-accordion-item-icon-spacing-start);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([active]) .calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .accordion-item-header-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;margin-right:auto;text-align:initial}.calcite--rtl .accordion-item-header-text{margin-right:0;margin-left:auto}:host .accordion-item-title,:host .accordion-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-title{color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium)}:host .accordion-item-subtitle{color:var(--calcite-ui-text-3);margin-top:0.25rem}.calcite--rtl .accordion-item-title{margin-right:0;margin-left:auto}:host(:focus) .accordion-item-title,:host(:hover) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:hover) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-title,:host(:active) .accordion-item-title,:host([active]) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:active) .accordion-item-subtitle,:host([active]) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}";var h=t("calcite_accordion_item",function(){function t(t){var o=this;i(this,t);this.calciteAccordionItemKeyEvent=e(this,"calciteAccordionItemKeyEvent",7);this.calciteAccordionItemSelect=e(this,"calciteAccordionItemSelect",7);this.calciteAccordionItemClose=e(this,"calciteAccordionItemClose",7);this.calciteAccordionItemRegister=e(this,"calciteAccordionItemRegister",7);this.active=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return o.emitRequestedItem()}}t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=r(this.el,"selection-mode","multi");this.iconType=r(this.el,"icon-type","chevron");this.iconPosition=r(this.el,"icon-position",this.iconPosition)};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.calciteAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})};t.prototype.render=function(){var t,i;var e=s(this.el);var a=o("calcite-icon",{class:"accordion-item-icon",icon:this.icon,scale:"s"});return o(c,{"aria-expanded":this.active.toString(),tabindex:"0"},o("div",{class:(t={},t["icon-position--"+this.iconPosition]=true,t["icon-type--"+this.iconType]=true,t)},o("div",{class:(i={"accordion-item-header":true},i[l.rtl]=e==="rtl",i),onClick:this.itemHeaderClickHandler},this.icon?a:null,o("div",{class:"accordion-item-header-text"},o("span",{class:"accordion-item-title"},this.itemTitle),this.itemSubtitle?o("span",{class:"accordion-item-subtitle"},this.itemSubtitle):null),o("calcite-icon",{class:"accordion-item-expand-icon",icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.active?"minus":"plus",scale:"s"})),o("div",{class:"accordion-item-content"},o("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(n(t.key)){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteAccordionItemKeyEvent.emit({parent:this.parent,item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.determineActiveItem()};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedAccordionItem){this.active=!this.active}break;case"single":this.active=this.el===this.requestedAccordionItem?!this.active:false;break;case"single-persist":this.active=this.el===this.requestedAccordionItem;break}};t.prototype.emitRequestedItem=function(){this.calciteAccordionItemSelect.emit({requestedAccordionItem:this.el})};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());h.style=p}}}));
|
|
5
|
+
System.register(["./p-89cdfa96.system.js","./p-56b352bf.system.js","./p-6cc23c39.system.js","./p-e020662f.system.js"],(function(t){"use strict";var i,e,o,a,c,n,r,s,l;return{setters:[function(t){i=t.r;e=t.c;o=t.h;a=t.g;c=t.H},function(t){n=t.g},function(t){r=t.d;s=t.a;l=t.C},function(){}],execute:function(){var m="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;position:relative;max-width:100%;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);border-bottom-width:0;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}:host([appearance=transparent]){border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}";var d=t("calcite_accordion",function(){function t(t){i(this,t);this.calciteAccordionChange=e(this,"calciteAccordionChange",7);this.appearance="default";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multi";this.items=[];this.sorted=false;this.sortItems=function(t){return t.sort((function(t,i){return t.position-i.position})).map((function(t){return t.item}))}}t.prototype.componentDidLoad=function(){if(!this.sorted){this.items=this.sortItems(this.items);this.sorted=true}};t.prototype.render=function(){return o("slot",null)};t.prototype.calciteAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var o=n(i.key);var a=t.target;var c=this.itemIndex(a)===0;var r=this.itemIndex(a)===this.items.length-1;switch(o){case"ArrowDown":if(r){this.focusFirstItem()}else{this.focusNextItem(a)}break;case"ArrowUp":if(c){this.focusLastItem()}else{this.focusPrevItem(a)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}}};t.prototype.registerCalciteAccordionItem=function(t){var i={item:t.target,parent:t.detail.parent,position:t.detail.position};if(this.el===i.parent){this.items.push(i)}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.calciteAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem})};t.prototype.focusFirstItem=function(){var t=this.items[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var i=this.itemIndex(t);var e=this.items[i+1]||this.items[0];this.focusElement(e)};t.prototype.focusPrevItem=function(t){var i=this.itemIndex(t);var e=this.items[i-1]||this.items[this.items.length-1];this.focusElement(e)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.focusElement=function(t){var i=t;i.focus()};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());d.style=m;var p="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:-90deg;--calcite-accordion-item-active-icon-rotation:0;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0;--calcite-accordion-item-active-icon-rotation-rtl:-180deg}:host{--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host-context([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}:host-context([appearance=transparent]){--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative;color:var(--calcite-ui-text-3);background-color:var(--calcite-accordion-item-background);--calcite-accordion-item-border:var(--calcite-ui-border-2)}:host .accordion-item-header{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}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}:host .accordion-item-icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:var(--calcite-accordion-item-icon-spacing-start);margin-left:var(--calcite-accordion-item-icon-spacing-end)}.calcite--rtl .accordion-item-icon{margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end)}:host .accordion-item-content,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border)}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;color:var(--calcite-ui-text-3);padding-top:0;text-align:initial}:host .accordion-item-expand-icon{color:var(--calcite-ui-text-3);margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .accordion-item-expand-icon{margin-left:var(--calcite-accordion-item-icon-spacing-end);margin-right:var(--calcite-accordion-item-icon-spacing-start);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([active]) .calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .accordion-item-header-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;margin-right:auto;text-align:initial}.calcite--rtl .accordion-item-header-text{margin-right:0;margin-left:auto}:host .accordion-item-title,:host .accordion-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-title{color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium)}:host .accordion-item-subtitle{color:var(--calcite-ui-text-3);margin-top:0.25rem}.calcite--rtl .accordion-item-title{margin-right:0;margin-left:auto}:host(:focus) .accordion-item-title,:host(:hover) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:hover) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-title,:host(:active) .accordion-item-title,:host([active]) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:active) .accordion-item-subtitle,:host([active]) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}";var h=t("calcite_accordion_item",function(){function t(t){var o=this;i(this,t);this.calciteAccordionItemKeyEvent=e(this,"calciteAccordionItemKeyEvent",7);this.calciteAccordionItemSelect=e(this,"calciteAccordionItemSelect",7);this.calciteAccordionItemClose=e(this,"calciteAccordionItemClose",7);this.calciteAccordionItemRegister=e(this,"calciteAccordionItemRegister",7);this.active=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return o.emitRequestedItem()}}t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=r(this.el,"selection-mode","multi");this.iconType=r(this.el,"icon-type","chevron");this.iconPosition=r(this.el,"icon-position",this.iconPosition)};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.calciteAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})};t.prototype.render=function(){var t,i;var e=s(this.el);var a=o("calcite-icon",{class:"accordion-item-icon",icon:this.icon,scale:"s"});return o(c,{"aria-expanded":this.active.toString(),tabindex:"0"},o("div",{class:(t={},t["icon-position--"+this.iconPosition]=true,t["icon-type--"+this.iconType]=true,t)},o("div",{class:(i={"accordion-item-header":true},i[l.rtl]=e==="rtl",i),onClick:this.itemHeaderClickHandler},this.icon?a:null,o("div",{class:"accordion-item-header-text"},o("span",{class:"accordion-item-title"},this.itemTitle),this.itemSubtitle?o("span",{class:"accordion-item-subtitle"},this.itemSubtitle):null),o("calcite-icon",{class:"accordion-item-expand-icon",icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.active?"minus":"plus",scale:"s"})),o("div",{class:"accordion-item-content"},o("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(n(t.key)){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteAccordionItemKeyEvent.emit({parent:this.parent,item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.determineActiveItem()};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedAccordionItem){this.active=!this.active}break;case"single":this.active=this.el===this.requestedAccordionItem?!this.active:false;break;case"single-persist":this.active=this.el===this.requestedAccordionItem;break}};t.prototype.emitRequestedItem=function(){this.calciteAccordionItemSelect.emit({requestedAccordionItem:this.el})};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());h.style=p}}}));
|
|
@@ -2,4 +2,4 @@
|
|
|
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
4
|
*/
|
|
5
|
-
import{r as t,c as i,h as e,F as n,g as a}from"./p-
|
|
5
|
+
import{r as t,c as i,h as e,F as n,g as a}from"./p-05d1dfc6.js";import{C as s,I as o,S as r}from"./p-26508b91.js";import{g as l,f as c}from"./p-52cc870b.js";import{g as m}from"./p-accdb0ce.js";import{g as h}from"./p-8a63221d.js";import{c as u}from"./p-e4acb5a8.js";const p=["ArrowUp","ArrowDown"],d=["ArrowUp","ArrowDown","End","Home"];let f=class{constructor(e){t(this,e),this.calciteActionMenuOpenChange=i(this,"calciteActionMenuOpenChange",7),this.expanded=!1,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.actionElements=[],this.mutationObserver=u("mutation",(()=>this.getActions())),this.guid=`calcite-action-menu-${h()}`,this.menuId=`${this.guid}-menu`,this.menuButtonId=`${this.guid}-menu-button`,this.activeMenuItemIndex=-1,this.connectMenuButtonEl=()=>{const{el:t,menuButtonId:i,menuId:e,open:n,label:a}=this,s=l(t,r.trigger)||this.defaultMenuButtonEl;this.menuButtonEl!==s&&(this.disconnectMenuButtonEl(),this.menuButtonEl=s,this.setTooltipReferenceElement(),s&&(s.active=n,s.setAttribute("aria-controls",e),s.setAttribute("aria-expanded",n.toString()),s.setAttribute("aria-haspopup","true"),s.id||(s.id=i),s.label||(s.label=a),s.text||(s.text=a),s.addEventListener("click",this.menuButtonClick),s.addEventListener("keydown",this.menuButtonKeyDown),s.addEventListener("keyup",this.menuButtonKeyUp)))},this.disconnectMenuButtonEl=()=>{const{menuButtonEl:t}=this;t&&(t.removeEventListener("click",this.menuButtonClick),t.removeEventListener("keydown",this.menuButtonKeyDown),t.removeEventListener("keyup",this.menuButtonKeyUp))},this.setDefaultMenuButtonEl=t=>{this.defaultMenuButtonEl=t,this.connectMenuButtonEl()},this.handleCalciteActionClick=()=>{this.open=!1,this.setFocus()},this.menuButtonClick=()=>{this.toggleOpen()},this.setTooltipReferenceElement=()=>{const{el:t,expanded:i,menuButtonEl:e}=this,n=l(t,r.tooltip),a="SLOT"===(null==n?void 0:n.tagName)?n.assignedElements()[0]:n;"CALCITE-TOOLTIP"===(null==a?void 0:a.tagName)&&(a.referenceElement=i?null:e)},this.updateAction=(t,i)=>{const{guid:e,activeMenuItemIndex:n}=this,a=`${e}-action-${i}`;t.tabIndex=-1,t.setAttribute("role","menuitem"),t.id||(t.id=a),t.active=i===n},this.updateActions=t=>{null==t||t.forEach(this.updateAction)},this.getActions=()=>{const{el:t}=this,i=this.getAssignedElements().filter((t=>"CALCITE-ACTION"===t.tagName&&"trigger"!==t.slot)),e=i.length?i:Array.from(t.querySelectorAll("calcite-action:not([slot=trigger])"));this.updateActions(e),this.actionElements=e,this.connectMenuButtonEl()},this.menuButtonKeyUp=t=>{const{key:i}=t,{actionElements:e}=this;this.isValidKey(i,p)&&(t.preventDefault(),e.length&&(this.toggleOpen(!0),this.handleActionNavigation(i,e)))},this.menuButtonKeyDown=t=>{const{key:i}=t;this.isValidKey(i,p)&&t.preventDefault()},this.menuActionsContainerKeyDown=t=>{const{key:i}=t,{actionElements:e,activeMenuItemIndex:n}=this;if("Tab"!==i)if(" "!==i&&"Enter"!==i)this.isValidKey(i,d)&&t.preventDefault();else{t.preventDefault();const i=e[n];i?i.click():this.toggleOpen(!1)}else this.open=!1},this.menuActionsContainerKeyUp=t=>{const{key:i}=t,{actionElements:e}=this;"Escape"!==i?this.isValidKey(i,d)&&(t.preventDefault(),e.length&&this.handleActionNavigation(i,e)):this.toggleOpen(!1)},this.handleActionNavigation=(t,i)=>{const e=this.activeMenuItemIndex;"Home"===t&&(this.activeMenuItemIndex=0),"End"===t&&(this.activeMenuItemIndex=i.length-1),"ArrowUp"===t&&(this.activeMenuItemIndex=m(Math.max(e-1,-1),i.length)),"ArrowDown"===t&&(this.activeMenuItemIndex=m(e+1,i.length))},this.toggleOpenEnd=()=>{this.setFocus(),this.el.removeEventListener("calcitePopoverOpen",this.toggleOpenEnd)},this.toggleOpen=(t=!this.open)=>{this.el.addEventListener("calcitePopoverOpen",this.toggleOpenEnd),this.open=t}}connectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0}),this.getActions()}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.disconnectMenuButtonEl()}expandedHandler(){this.open=!1,this.setTooltipReferenceElement()}openHandler(t){this.activeMenuItemIndex=this.open?0:-1,this.menuButtonEl&&(this.menuButtonEl.active=t),this.calciteActionMenuOpenChange.emit(t)}closeCalciteActionMenuOnClick(t){t.composedPath().includes(this.el)||(this.open=!1)}activeMenuItemIndexHandler(){this.updateActions(this.actionElements)}async setFocus(){c(this.open?this.menuEl:this.menuButtonEl)}renderMenuButton(){const{el:t,label:i,scale:n}=this,a=e("slot",{name:r.trigger},e("calcite-action",{class:s.defaultTrigger,icon:o.menu,ref:this.setDefaultMenuButtonEl,scale:n,text:i}));return l(t,r.tooltip)?e("calcite-tooltip-manager",null,a):a}renderMenuItems(){const{actionElements:t,activeMenuItemIndex:i,open:n,menuId:a,menuButtonEl:o,label:r,placement:l,overlayPositioning:c}=this,m=t[i];return e("calcite-popover",{disablePointer:!0,label:r,offsetDistance:0,open:n,overlayPositioning:c,placement:l,referenceElement:o},e("div",{"aria-activedescendant":(null==m?void 0:m.id)||null,"aria-labelledby":null==o?void 0:o.id,class:s.menu,id:a,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,onKeyUp:this.menuActionsContainerKeyUp,ref:t=>this.menuEl=t,role:"menu",tabIndex:-1},e("slot",null)))}render(){return e(n,null,this.renderMenuButton(),this.renderMenuItems(),e("slot",{name:r.tooltip}))}getAssignedElements(){return Array.from(this.el.querySelectorAll("slot")).map((t=>t.assignedElements({flatten:!0}))).reduce(((t,i)=>t.concat(i)),[])}isValidKey(t,i){return!!i.find((i=>i===t))}get el(){return a(this)}static get watchers(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}}};f.style="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size-1)}.menu ::slotted(calcite-action){display:-ms-flexbox;display:flex;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;margin:0.125rem}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:0px}.default-trigger{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";export{f as calcite_action_menu}
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(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
|
-
*/System.register(["./p-c74fc589.system.js","./p-56b352bf.system.js","./p-6cc23c39.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,i,n,r,o,a,s,c,l;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.g;o=t.H},function(t){a=t.g},function(t){s=t.d;c=t.a;l=t.C},function(){}],execute:function(){var p="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:stretch;align-items:stretch;width:100%;min-width:100%}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;min-width:100%}";var m=t("calcite_stepper",function(){function t(t){e(this,t);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",7);this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.items=[];this.sortedItems=[]}t.prototype.contentWatcher=function(){if(this.layout==="horizontal"){if(!this.stepperContentContainer&&this.requestedContent){this.addHorizontalContentContainer()}this.updateContent(this.requestedContent)}};t.prototype.componentDidLoad=function(){if(!this.currentPosition){this.calciteStepperItemChange.emit({position:0})}};t.prototype.componentWillLoad=function(){if(this.layout==="horizontal"&&!this.stepperContentContainer){this.addHorizontalContentContainer()}};t.prototype.render=function(){return n("slot",null)};t.prototype.calciteStepperItemKeyEvent=function(t){var e=t.detail.item;var i=t.target;var n=this.itemIndex(i)===0;var r=this.itemIndex(i)===this.sortedItems.length-1;switch(a(e.key)){case"ArrowDown":case"ArrowRight":if(r){this.focusFirstItem()}else{this.focusNextItem(i)}break;case"ArrowUp":case"ArrowLeft":if(n){this.focusLastItem()}else{this.focusPrevItem(i)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}};t.prototype.registerItem=function(t){var e={item:t.target,position:t.detail.position,content:t.detail.content};if(e.content&&e.item.active){this.requestedContent=e.content}if(!this.items.includes(e)){this.items.push(e)}this.sortedItems=this.sortItems()};t.prototype.updateItem=function(t){if(t.detail.content){this.requestedContent=t.detail.content}this.currentPosition=t.detail.position;this.calciteStepperItemChange.emit({position:this.currentPosition})};t.prototype.nextStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=this.currentPosition+1<this.items.length?this.currentPosition+1:this.currentPosition;this.emitChangedItem();return[2]}))}))};t.prototype.prevStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=this.currentPosition-1>=0?this.currentPosition-1:this.currentPosition;this.emitChangedItem();return[2]}))}))};t.prototype.goToStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.currentPosition=t-1;this.emitChangedItem();return[2]}))}))};t.prototype.startStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=0;this.emitChangedItem();return[2]}))}))};t.prototype.endStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=this.items.length-1;this.emitChangedItem();return[2]}))}))};t.prototype.addHorizontalContentContainer=function(){this.stepperContentContainer=document.createElement("div");this.stepperContentContainer.classList.add("calcite-stepper-content");this.el.insertAdjacentElement("beforeend",this.stepperContentContainer)};t.prototype.emitChangedItem=function(){this.calciteStepperItemChange.emit({position:this.currentPosition})};t.prototype.focusFirstItem=function(){var t=this.sortedItems[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.sortedItems[this.sortedItems.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.sortedItems[e+1]||this.sortedItems[0];this.focusElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.sortedItems[e-1]||this.sortedItems[this.sortedItems.length-1];this.focusElement(i)};t.prototype.itemIndex=function(t){return this.sortedItems.indexOf(t)};t.prototype.focusElement=function(t){var e=t;e.focus()};t.prototype.sortItems=function(){var t=Array.from(this.items).filter((function(t){return!t.item.disabled})).sort((function(t,e){return t.position-e.position})).map((function(t){return t.item}));return __spreadArray([],Array.from(new Set(t)))};t.prototype.updateContent=function(t){var e;this.stepperContentContainer.innerHTML="";(e=this.stepperContentContainer).append.apply(e,t)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{requestedContent:["contentWatcher"]}},enumerable:false,configurable:true});return t}());m.style=p;var u="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-right:0.25rem}:host([scale=s]) .stepper-item-subtitle{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-right:0.5rem}:host([scale=m]) .stepper-item-subtitle{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-right:0.75rem}:host([scale=l]) .stepper-item-subtitle{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;position:relative;margin-bottom:var(--calcite-stepper-item-spacing-unit-s)}:host .container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative;border-width:0;border-top-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);cursor:pointer;-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)}.calcite--rtl{margin-left:var(--calcite-stepper-item-spacing-unit-l);margin-right:0}:host{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;cursor:pointer}:host .stepper-item-content,:host .stepper-item-header{padding:var(--calcite-stepper-item-spacing-unit-l) var(--calcite-stepper-item-spacing-unit-m);padding-left:0;text-align:left;-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)}.calcite--rtl .stepper-item-content,.calcite--rtl .stepper-item-header{padding-right:0;text-align:right;-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);padding-left:initial}:host .stepper-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{-ms-flex-direction:column;flex-direction:column;width:100%;display:none;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-right:var(--calcite-stepper-item-spacing-unit-m);color:var(--calcite-ui-text-3);margin-top:1px;opacity:var(--calcite-ui-opacity-disabled);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;height:0.75rem;-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)}.calcite--rtl .stepper-item-icon{margin-left:var(--calcite-stepper-item-spacing-unit-l);margin-right:0}:host .stepper-item-header-text{margin-right:auto;-ms-flex-direction:column;flex-direction:column;text-align:initial}.calcite--rtl .stepper-item-header-text{margin-left:auto;margin-right:0}:host .stepper-item-title,:host .stepper-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .stepper-item-title{color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);margin-bottom:0.25rem}:host .stepper-item-subtitle{color:var(--calcite-ui-text-3)}.calcite--rtl .stepper-item-title{margin-right:0;margin-left:auto}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:var(--calcite-stepper-item-spacing-unit-m)}.calcite--rtl .stepper-item-number{margin-left:var(--calcite-stepper-item-spacing-unit-m);margin-right:initial}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]),:host([disabled]) *{cursor:not-allowed;pointer-events:auto}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-top-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-title,:host(:focus:not([disabled]):not([active])) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-subtitle,:host(:focus:not([disabled]):not([active])) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-top-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{-ms-flex:1 1 auto;flex:1 1 auto;border-top-width:0;border-left-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0;padding-bottom:0;padding-right:0;margin-left:0;margin-right:0;margin-top:0;padding-left:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{margin-top:1px;margin-right:0;margin-bottom:0;margin-left:auto;-ms-flex-order:3;order:3;padding-left:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=vertical]) .container .stepper-item-header{padding-right:0}:host([layout=vertical]) .container .stepper-item-content{padding:0}:host([layout=vertical][active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){margin-bottom:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl{border-left-width:0;border-right-width:2px;border-color:var(--calcite-ui-border-3);padding-top:0;padding-bottom:0;padding-left:0;padding-right:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl .stepper-item-icon{margin-bottom:0;margin-left:0;padding-left:0;padding-right:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl .stepper-item-header{padding-left:0;padding-right:intial}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}";var h=t("calcite_stepper_item",function(){function t(t){e(this,t);this.calciteStepperItemKeyEvent=i(this,"calciteStepperItemKeyEvent",7);this.calciteStepperItemSelect=i(this,"calciteStepperItemSelect",7);this.calciteStepperItemRegister=i(this,"calciteStepperItemRegister",7);this.active=false;this.complete=false;this.error=false;this.disabled=false;this.icon=false;this.numbered=false;this.scale="m"}t.prototype.disabledWatcher=function(){this.registerStepperItem()};t.prototype.componentWillLoad=function(){this.icon=s(this.el,"icon",false);this.numbered=s(this.el,"numbered",false);this.layout=s(this.el,"layout",false);this.scale=s(this.el,"scale","m");this.parentStepperEl=this.el.parentElement};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.itemContent=this.getItemContent();this.registerStepperItem();if(this.active){this.emitRequestedItem()}};t.prototype.componentDidUpdate=function(){if(this.active){this.emitRequestedItem()}};t.prototype.render=function(){var t;var e=this;var i=c(this.el);return n(o,{"aria-expanded":this.active.toString(),onClick:function(){return e.emitRequestedItem()},tabindex:this.disabled?null:0},n("div",{class:(t={container:true},t[l.rtl]=i==="rtl",t)},n("div",{class:"stepper-item-header"},this.icon?this.renderIcon():null,this.numbered?n("div",{class:"stepper-item-number"},this.getItemPosition()+1,"."):null,n("div",{class:"stepper-item-header-text"},n("span",{class:"stepper-item-title"},this.itemTitle),n("span",{class:"stepper-item-subtitle"},this.itemSubtitle))),n("div",{class:"stepper-item-content"},n("slot",null))))};t.prototype.keyDownHandler=function(t){if(!this.disabled&&t.target===this.el){switch(a(t.key)){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteStepperItemKeyEvent.emit({item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){if(t.target===this.parentStepperEl){this.activePosition=t.detail.position;this.determineActiveItem()}};t.prototype.renderIcon=function(){var t=this.active?"circleF":this.error?"exclamationMarkCircleF":this.complete?"checkCircleF":"circle";return n("calcite-icon",{class:"stepper-item-icon",icon:t,scale:"s"})};t.prototype.determineActiveItem=function(){this.active=!this.disabled&&this.itemPosition===this.activePosition};t.prototype.registerStepperItem=function(){this.calciteStepperItemRegister.emit({position:this.itemPosition,content:this.itemContent})};t.prototype.emitRequestedItem=function(){if(!this.disabled){this.calciteStepperItemSelect.emit({position:this.itemPosition,content:this.itemContent})}};t.prototype.getItemContent=function(){var t;return((t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))?this.el.shadowRoot.querySelector("slot").assignedNodes({flatten:true}):this.el.querySelector(".stepper-item-content")?this.el.querySelector(".stepper-item-content").childNodes:null};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parentStepperEl.querySelectorAll("calcite-stepper-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"]}},enumerable:false,configurable:true});return t}());h.style=u}}}));
|
|
5
|
+
*/System.register(["./p-89cdfa96.system.js","./p-56b352bf.system.js","./p-6cc23c39.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,i,n,r,o,a,s,c,l;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.g;o=t.H},function(t){a=t.g},function(t){s=t.d;c=t.a;l=t.C},function(){}],execute:function(){var p="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:stretch;align-items:stretch;width:100%;min-width:100%}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;min-width:100%}";var m=t("calcite_stepper",function(){function t(t){e(this,t);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",7);this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.items=[];this.sortedItems=[]}t.prototype.contentWatcher=function(){if(this.layout==="horizontal"){if(!this.stepperContentContainer&&this.requestedContent){this.addHorizontalContentContainer()}this.updateContent(this.requestedContent)}};t.prototype.componentDidLoad=function(){if(!this.currentPosition){this.calciteStepperItemChange.emit({position:0})}};t.prototype.componentWillLoad=function(){if(this.layout==="horizontal"&&!this.stepperContentContainer){this.addHorizontalContentContainer()}};t.prototype.render=function(){return n("slot",null)};t.prototype.calciteStepperItemKeyEvent=function(t){var e=t.detail.item;var i=t.target;var n=this.itemIndex(i)===0;var r=this.itemIndex(i)===this.sortedItems.length-1;switch(a(e.key)){case"ArrowDown":case"ArrowRight":if(r){this.focusFirstItem()}else{this.focusNextItem(i)}break;case"ArrowUp":case"ArrowLeft":if(n){this.focusLastItem()}else{this.focusPrevItem(i)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}};t.prototype.registerItem=function(t){var e={item:t.target,position:t.detail.position,content:t.detail.content};if(e.content&&e.item.active){this.requestedContent=e.content}if(!this.items.includes(e)){this.items.push(e)}this.sortedItems=this.sortItems()};t.prototype.updateItem=function(t){if(t.detail.content){this.requestedContent=t.detail.content}this.currentPosition=t.detail.position;this.calciteStepperItemChange.emit({position:this.currentPosition})};t.prototype.nextStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=this.currentPosition+1<this.items.length?this.currentPosition+1:this.currentPosition;this.emitChangedItem();return[2]}))}))};t.prototype.prevStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=this.currentPosition-1>=0?this.currentPosition-1:this.currentPosition;this.emitChangedItem();return[2]}))}))};t.prototype.goToStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.currentPosition=t-1;this.emitChangedItem();return[2]}))}))};t.prototype.startStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=0;this.emitChangedItem();return[2]}))}))};t.prototype.endStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.currentPosition=this.items.length-1;this.emitChangedItem();return[2]}))}))};t.prototype.addHorizontalContentContainer=function(){this.stepperContentContainer=document.createElement("div");this.stepperContentContainer.classList.add("calcite-stepper-content");this.el.insertAdjacentElement("beforeend",this.stepperContentContainer)};t.prototype.emitChangedItem=function(){this.calciteStepperItemChange.emit({position:this.currentPosition})};t.prototype.focusFirstItem=function(){var t=this.sortedItems[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.sortedItems[this.sortedItems.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.sortedItems[e+1]||this.sortedItems[0];this.focusElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.sortedItems[e-1]||this.sortedItems[this.sortedItems.length-1];this.focusElement(i)};t.prototype.itemIndex=function(t){return this.sortedItems.indexOf(t)};t.prototype.focusElement=function(t){var e=t;e.focus()};t.prototype.sortItems=function(){var t=Array.from(this.items).filter((function(t){return!t.item.disabled})).sort((function(t,e){return t.position-e.position})).map((function(t){return t.item}));return __spreadArray([],Array.from(new Set(t)))};t.prototype.updateContent=function(t){var e;this.stepperContentContainer.innerHTML="";(e=this.stepperContentContainer).append.apply(e,t)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{requestedContent:["contentWatcher"]}},enumerable:false,configurable:true});return t}());m.style=p;var u="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-right:0.25rem}:host([scale=s]) .stepper-item-subtitle{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-right:0.5rem}:host([scale=m]) .stepper-item-subtitle{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-right:0.75rem}:host([scale=l]) .stepper-item-subtitle{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;position:relative;margin-bottom:var(--calcite-stepper-item-spacing-unit-s)}:host .container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative;border-width:0;border-top-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);cursor:pointer;-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)}.calcite--rtl{margin-left:var(--calcite-stepper-item-spacing-unit-l);margin-right:0}:host{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}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;cursor:pointer}:host .stepper-item-content,:host .stepper-item-header{padding:var(--calcite-stepper-item-spacing-unit-l) var(--calcite-stepper-item-spacing-unit-m);padding-left:0;text-align:left;-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)}.calcite--rtl .stepper-item-content,.calcite--rtl .stepper-item-header{padding-right:0;text-align:right;-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);padding-left:initial}:host .stepper-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{-ms-flex-direction:column;flex-direction:column;width:100%;display:none;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-right:var(--calcite-stepper-item-spacing-unit-m);color:var(--calcite-ui-text-3);margin-top:1px;opacity:var(--calcite-ui-opacity-disabled);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;height:0.75rem;-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)}.calcite--rtl .stepper-item-icon{margin-left:var(--calcite-stepper-item-spacing-unit-l);margin-right:0}:host .stepper-item-header-text{margin-right:auto;-ms-flex-direction:column;flex-direction:column;text-align:initial}.calcite--rtl .stepper-item-header-text{margin-left:auto;margin-right:0}:host .stepper-item-title,:host .stepper-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .stepper-item-title{color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);margin-bottom:0.25rem}:host .stepper-item-subtitle{color:var(--calcite-ui-text-3)}.calcite--rtl .stepper-item-title{margin-right:0;margin-left:auto}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:var(--calcite-stepper-item-spacing-unit-m)}.calcite--rtl .stepper-item-number{margin-left:var(--calcite-stepper-item-spacing-unit-m);margin-right:initial}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]),:host([disabled]) *{cursor:not-allowed;pointer-events:auto}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-top-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-title,:host(:focus:not([disabled]):not([active])) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-subtitle,:host(:focus:not([disabled]):not([active])) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-top-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{-ms-flex:1 1 auto;flex:1 1 auto;border-top-width:0;border-left-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0;padding-bottom:0;padding-right:0;margin-left:0;margin-right:0;margin-top:0;padding-left:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{margin-top:1px;margin-right:0;margin-bottom:0;margin-left:auto;-ms-flex-order:3;order:3;padding-left:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=vertical]) .container .stepper-item-header{padding-right:0}:host([layout=vertical]) .container .stepper-item-content{padding:0}:host([layout=vertical][active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){margin-bottom:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl{border-left-width:0;border-right-width:2px;border-color:var(--calcite-ui-border-3);padding-top:0;padding-bottom:0;padding-left:0;padding-right:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl .stepper-item-icon{margin-bottom:0;margin-left:0;padding-left:0;padding-right:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl .stepper-item-header{padding-left:0;padding-right:intial}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}";var h=t("calcite_stepper_item",function(){function t(t){e(this,t);this.calciteStepperItemKeyEvent=i(this,"calciteStepperItemKeyEvent",7);this.calciteStepperItemSelect=i(this,"calciteStepperItemSelect",7);this.calciteStepperItemRegister=i(this,"calciteStepperItemRegister",7);this.active=false;this.complete=false;this.error=false;this.disabled=false;this.icon=false;this.numbered=false;this.scale="m"}t.prototype.disabledWatcher=function(){this.registerStepperItem()};t.prototype.componentWillLoad=function(){this.icon=s(this.el,"icon",false);this.numbered=s(this.el,"numbered",false);this.layout=s(this.el,"layout",false);this.scale=s(this.el,"scale","m");this.parentStepperEl=this.el.parentElement};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.itemContent=this.getItemContent();this.registerStepperItem();if(this.active){this.emitRequestedItem()}};t.prototype.componentDidUpdate=function(){if(this.active){this.emitRequestedItem()}};t.prototype.render=function(){var t;var e=this;var i=c(this.el);return n(o,{"aria-expanded":this.active.toString(),onClick:function(){return e.emitRequestedItem()},tabindex:this.disabled?null:0},n("div",{class:(t={container:true},t[l.rtl]=i==="rtl",t)},n("div",{class:"stepper-item-header"},this.icon?this.renderIcon():null,this.numbered?n("div",{class:"stepper-item-number"},this.getItemPosition()+1,"."):null,n("div",{class:"stepper-item-header-text"},n("span",{class:"stepper-item-title"},this.itemTitle),n("span",{class:"stepper-item-subtitle"},this.itemSubtitle))),n("div",{class:"stepper-item-content"},n("slot",null))))};t.prototype.keyDownHandler=function(t){if(!this.disabled&&t.target===this.el){switch(a(t.key)){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteStepperItemKeyEvent.emit({item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){if(t.target===this.parentStepperEl){this.activePosition=t.detail.position;this.determineActiveItem()}};t.prototype.renderIcon=function(){var t=this.active?"circleF":this.error?"exclamationMarkCircleF":this.complete?"checkCircleF":"circle";return n("calcite-icon",{class:"stepper-item-icon",icon:t,scale:"s"})};t.prototype.determineActiveItem=function(){this.active=!this.disabled&&this.itemPosition===this.activePosition};t.prototype.registerStepperItem=function(){this.calciteStepperItemRegister.emit({position:this.itemPosition,content:this.itemContent})};t.prototype.emitRequestedItem=function(){if(!this.disabled){this.calciteStepperItemSelect.emit({position:this.itemPosition,content:this.itemContent})}};t.prototype.getItemContent=function(){var t;return((t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))?this.el.shadowRoot.querySelector("slot").assignedNodes({flatten:true}):this.el.querySelector(".stepper-item-content")?this.el.querySelector(".stepper-item-content").childNodes:null};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parentStepperEl.querySelectorAll("calcite-stepper-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"]}},enumerable:false,configurable:true});return t}());h.style=u}}}));
|
|
@@ -2,4 +2,4 @@
|
|
|
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
4
|
*/
|
|
5
|
-
import{r as t,h as a,F as i,g as n}from"./p-
|
|
5
|
+
import{r as t,h as a,F as i,g as n}from"./p-05d1dfc6.js";import{S as e,I as o,T as r}from"./p-f243b615.js";import{g as s}from"./p-52cc870b.js";import{S as c}from"./p-26508b91.js";import"./p-8a63221d.js";let l=class{constructor(a){t(this,a),this.expanded=!1,this.layout="vertical",this.menuOpen=!1,this.setMenuOpen=t=>{this.menuOpen=!!t.detail}}expandedHandler(){this.menuOpen=!1}renderTooltip(){const{el:t}=this;return s(t,e.menuTooltip)?a("slot",{name:e.menuTooltip,slot:c.tooltip}):null}renderMenu(){const{el:t,expanded:i,intlMore:n,menuOpen:l,scale:m}=this;return s(t,e.menuActions)?a("calcite-action-menu",{expanded:i,flipPlacements:["left","right"],label:n||r.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:l,placement:"leading-start",scale:m},a("calcite-action",{icon:o.menu,scale:m,slot:c.trigger,text:n||r.more,textEnabled:i}),a("slot",{name:e.menuActions}),this.renderTooltip()):null}render(){return a(i,null,a("slot",null),this.renderMenu())}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"]}}};l.style='@-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:300ms}.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{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-top:0}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){background-color:var(--calcite-ui-background);display:grid;grid-gap:1px;gap:1px;place-content:stretch;padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';export{l as calcite_action_group}
|
|
@@ -2,4 +2,4 @@
|
|
|
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
4
|
*/
|
|
5
|
-
import{r as t,c as i,h as e,H as s,g as a}from"./p-cbdf0e6c.js";import{g as n}from"./p-8a63221d.js";import{g as o,n as r,i as c}from"./p-72563742.js";import{i as h}from"./p-b2ab0485.js";import{c as l,d as p,g as u}from"./p-2ba00b89.js";import"./p-52cc870b.js";function m(t){if(!h(t))return null;const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function d(t){if(!h(t))return null;const i=parseInt(t);return 0===i?"12":i>12?w(i-12):t}function b(t){const i=f(t),[e,s,a]=i?i.split(":"):[null,null,null];return{hour:e,minute:s,second:a||(e&&s?"00":null)}}function f(t){if(!t||t.endsWith(":")||t.startsWith(":"))return null;const i=t.split(":");if(i.length>1){const[t,e,s]=i,a=parseInt(i[0]),n=parseInt(i[1]),o=parseInt(i[2]),r=h(t)&&a>=0&&a<24,c=h(e)&&n>=0&&n<60,l=h(s)&&o>=0&&o<60;if(r&&c&&!s||r&&c&&l){let t=`${w(a)}:${w(n)}`;return l&&(t=`${t}:${w(o)}`),t}}return null}function w(t){const i=t.toString();return t>=0&&t<=9?i.padStart(2,"0"):i}let k=class{constructor(e){t(this,e),this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7),this.active=!1,this.disabled=!1,this.hourDisplayFormat="12",this.scale="m",this.step=60,this.value=null,this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${n()}`,this.calciteInputBlurHandler=()=>{this.active=!1;const t=f(this.calciteInputEl.value)||f(this.value);t!==this.calciteInputEl.value&&this.setInputValue(t)},this.calciteInputFocusHandler=()=>{this.active=!0},this.calciteInputInputHandler=t=>{this.setValue({value:t.detail.value})},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setInputValue=t=>{if(this.calciteInputEl)if("12"===this.hourDisplayFormat){const{hour:i,minute:e,second:s}=b(t);this.calciteInputEl.value=t?`${d(i)}:${e}${60!==this.step?":"+s:""} ${m(i)}`:null}else this.calciteInputEl.value=t},this.setValue=({value:t,origin:i="input"})=>{const e=this.value,s=f(t);this.internalValueChange="external"!==i&&"loading"!==i;const a="loading"!==i&&"external"!==i&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!s)||s!==this.previousValidValue&&s);t?(a&&(this.previousValidValue=s),s&&s!==this.value&&(this.value=s)):this.value=t,"time-picker"!==i&&"external"!==i||this.setInputValue(s),a&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=e,this.setInputValue(e),this.previousValidValue=e):this.previousValidValue=s)}}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}keyUpHandler(t){"Escape"===o(t.key)&&this.active&&(this.active=!1)}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!1}timePickerChangeHandler(t){if(t.preventDefault(),t.stopPropagation(),t.detail){const{hour:i,minute:e,second:s}=t.detail;let a;a=i&&e?s&&60!==this.step?`${i}:${e}:${s}`:`${i}:${e}`:"",this.setValue({value:a,origin:"time-picker"})}}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!0}async setFocus(){this.calciteInputEl.setFocus()}onLabelClick(){this.setFocus()}connectedCallback(){this.value&&this.setValue({value:this.value,origin:"loading"}),l(this)}componentDidLoad(){this.calciteInputEl.value!==this.value&&this.setInputValue(this.value)}disconnectedCallback(){p(this)}render(){const{hour:t,minute:i,second:a}=b(this.value),n=`${this.referenceElementId}-popover`;return e(s,null,e("div",{"aria-controls":n,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":n,id:this.referenceElementId,role:"combobox"},e("calcite-input",{disabled:this.disabled,icon:"clock",label:u(this),name:this.name,onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),e("calcite-popover",{id:n,label:"Time Picker",open:this.active||!1,referenceElement:this.referenceElementId},e("calcite-time-picker",{hour:t,"hour-display-format":this.hourDisplayFormat,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,minute:i,scale:this.scale,second:a,step:this.step})))}get el(){return a(this)}static get watchers(){return{value:["valueWatcher"]}}};k.style="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}";let x=class{constructor(e){t(this,e),this.calciteTimePickerBlur=i(this,"calciteTimePickerBlur",7),this.calciteTimePickerChange=i(this,"calciteTimePickerChange",7),this.calciteTimePickerFocus=i(this,"calciteTimePickerFocus",7),this.hour=null,this.hourDisplayFormat="12",this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.minute=null,this.second=null,this.scale="m",this.step=60,this.timeChanged=!1,this.meridiem=null,this.displayHour=this.getDisplayHour(),this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setTime("hour",t)},this.decrementMeridiem=()=>{this.setTime("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let i;if(h(this[t])){const e=parseInt(this[t]);i=0===e?59:e-1}else i=59;this.setTime(t,i)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const i=o(t.key);if(r.includes(i)){const t=parseInt(i);let e;if(h(this.hour))switch(this.hourDisplayFormat){case"12":e="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":e="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else e=t;this.setTime("hour",e)}else switch(i){case"Backspace":case"Delete":this.setTime("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setTime("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=h(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setTime("hour",t)},this.incrementMinuteOrSecond=t=>{const i=h(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setTime(t,i)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(o(t.key)){case"a":this.setTime("meridiem","AM");break;case"p":this.setTime("meridiem","PM");break;case"Backspace":case"Delete":this.setTime("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":case"Spacebar":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const i=o(t.key);if(r.includes(i)){const t=parseInt(i);let e;if(h(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>5?t:`${i}${t}`}else e=t;this.setTime("minute",e)}else switch(i){case"Backspace":case"Delete":this.setTime("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const i=o(t.key);if(r.includes(i)){const t=parseInt(i);let e;if(h(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>5?t:`${i}${t}`}else e=t;this.setTime("second",e)}else switch(i){case"Backspace":case"Delete":this.setTime("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setTime=(t,i,e=!0)=>{switch(t){default:return;case"hour":this.hour="number"==typeof i?w(i):i;break;case"minute":this.minute="number"==typeof i?w(i):i;break;case"second":this.second="number"==typeof i?w(i):i;break;case"meridiem":if(h(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":t>=12&&(this.hour=w(t-12));break;case"PM":t<12&&(this.hour=w(t+12))}this.meridiem=i}else this.meridiem=i}this.timeChanged=!0,e&&this.calciteTimePickerChange.emit(this.getTime())}}hourChanged(t){"12"===this.hourDisplayFormat&&h(t)&&(this.meridiem=m(t))}timeChangeHandler(){const{hour:t,minute:i}=this.getTime();t||i||this.setTime("meridiem",null,!1),this.timeChanged&&(this.timeChanged=!1)}hostBlurHandler(){this.calciteTimePickerBlur.emit()}hostFocusHandler(){this.calciteTimePickerFocus.emit()}keyDownHandler(t){const i=o(t.key);switch(this.activeEl){case this.hourEl:"ArrowRight"===i&&this.setFocus("minute");break;case this.minuteEl:switch(i){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":60!==this.step?this.setFocus("second"):"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.secondEl:switch(i){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.meridiemEl:switch(i){case"ArrowLeft":this.setFocus(60!==this.step?"second":"minute")}}}async setFocus(t){var i;null===(i=this[`${t||"hour"}El`])||void 0===i||i.focus()}buttonActivated(t){const i=o(t.key);return" "===i&&t.preventDefault(),c(i)}getDisplayHour(){return this.hour?"12"===this.hourDisplayFormat?d(this.hour):this.hour:"--"}getTime(){return{hour:this.hour,minute:this.minute,second:this.second}}connectedCallback(){"12"===this.hourDisplayFormat&&(this.meridiem=m(this.hour)),h(this.hour)&&(this.hour=w(parseInt(this.hour))),h(this.minute)&&(this.minute=w(parseInt(this.minute))),h(this.second)&&(this.second=w(parseInt(this.second)))}render(){const t="s"===this.scale||"m"===this.scale?"s":"m",i=60!==this.step,a=h(this.hour),n=h(this.minute),o=h(this.second);return e(s,null,e("div",{class:"time-picker"},e("div",{role:"group"},e("span",{"aria-label":this.intlHourUp,class:{button:!0,"button--hour-up":!0,"button--top-left":!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":a&&parseInt(this.hour),"aria-valuetext":this.hour,class:{input:!0,hour:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:t=>this.hourEl=t,role:"spinbutton",tabIndex:0},this.getDisplayHour()),e("span",{"aria-label":this.intlHourDown,class:{button:!0,"button--hour-down":!0,"button--bottom-left":!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),e("span",{class:"delimiter"},":"),e("div",{role:"group"},e("span",{"aria-label":this.intlMinuteUp,class:{button:!0,"button--minute-up":!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":n&&parseInt(this.minute),"aria-valuetext":this.minute,class:{input:!0,minute:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:t=>this.minuteEl=t,role:"spinbutton",tabIndex:0},this.minute?this.minute:"--"),e("span",{"aria-label":this.intlMinuteDown,class:{button:!0,"button--minute-down":!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),i&&e("span",{class:"delimiter"},":"),i&&e("div",{role:"group"},e("span",{"aria-label":this.intlSecondUp,class:{button:!0,"button--second-up":!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":o&&parseInt(this.second),"aria-valuetext":this.second,class:{input:!0,second:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:t=>this.secondEl=t,role:"spinbutton",tabIndex:0},this.second?this.second:"--"),e("span",{"aria-label":this.intlSecondDown,class:{button:!0,"button--second-down":!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),"12"===this.hourDisplayFormat&&e("div",{role:"group"},e("span",{"aria-label":this.intlMeridiemUp,class:{button:!0,"button--meridiem-up":!0,"button--top-right":!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"AM"===this.meridiem?"1":"PM"===this.meridiem?"2":void 0,"aria-valuetext":this.meridiem,class:{input:!0,meridiem:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:t=>this.meridiemEl=t,role:"spinbutton",tabIndex:0},this.meridiem?this.meridiem:"--"),e("span",{"aria-label":this.intlMeridiemDown,class:{button:!0,"button--meridiem-down":!0,"button--bottom-right":!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t})))))}get el(){return a(this)}static get watchers(){return{hour:["hourChanged","timeChangeHandler"],minute:["timeChangeHandler"],second:["timeChangeHandler"]}}};x.style='@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{color:var(--calcite-ui-text-1);display:inline-block;font-weight:var(--calcite-font-weight-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.time-picker{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;border-radius:var(--calcite-border-radius)}span{-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}span.button{cursor:pointer}span.button:hover,span.button:focus{background-color:var(--calcite-ui-foreground-2)}span.button:focus{outline:2px solid transparent;outline-offset:2px}span.button:active{background-color:var(--calcite-ui-foreground-3)}span.button.top-left{border-top-left-radius:var(--calcite-border-radius)}span.button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}span.button.top-right{border-top-right-radius:var(--calcite-border-radius)}span.button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}span.button calcite-icon{color:var(--calcite-ui-text-3)}span.input{font-weight:var(--calcite-font-weight-medium);position:relative}span.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)}span.input:focus,span.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)}:host([scale=s]){font-size:var(--calcite-font-size--1)}:host([scale=s]) span{height:24px;width:40px}:host([scale=s]) .delimiter{height:72px}:host([scale=s][hour-display-format="12"]) .time-picker{width:124.2px}:host([scale=s][hour-display-format="12"]:not([step="60"])) .time-picker{width:168px}:host([scale=s][hour-display-format="24"]) .time-picker{width:84.2px}:host([scale=s][hour-display-format="24"]:not([step="60"])) .time-picker{width:128.4px}:host([scale=m]){font-size:var(--calcite-font-size-0)}:host([scale=m]) span{height:32px;width:44px}:host([scale=m]) .delimiter{height:96px}:host([scale=m][hour-display-format="12"]) .time-picker{width:136.8px}:host([scale=m][hour-display-format="12"]:not([step="60"])) .time-picker{width:186px}:host([scale=m][hour-display-format="24"]) .time-picker{width:92.8px}:host([scale=m][hour-display-format="24"]:not([step="60"])) .time-picker{width:141.6px}:host([scale=l]){font-size:var(--calcite-font-size-1)}:host([scale=l]) span{height:48px;width:64px}:host([scale=l]) .delimiter{height:144px}:host([scale=l][hour-display-format="12"]) .time-picker{width:198px}:host([scale=l][hour-display-format="12"]:not([step="60"])) .time-picker{width:268px}:host([scale=l][hour-display-format="24"]) .time-picker{width:134px}:host([scale=l][hour-display-format="24"]:not([step="60"])) .time-picker{width:204px}';export{k as calcite_input_time_picker,x as calcite_time_picker}
|
|
5
|
+
import{r as t,c as i,h as e,H as s,g as a}from"./p-05d1dfc6.js";import{g as n}from"./p-8a63221d.js";import{g as o,n as r,i as c}from"./p-72563742.js";import{i as h}from"./p-b2ab0485.js";import{c as l,d as p,g as u}from"./p-2ba00b89.js";import"./p-52cc870b.js";function m(t){if(!h(t))return null;const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function d(t){if(!h(t))return null;const i=parseInt(t);return 0===i?"12":i>12?w(i-12):t}function b(t){const i=f(t),[e,s,a]=i?i.split(":"):[null,null,null];return{hour:e,minute:s,second:a||(e&&s?"00":null)}}function f(t){if(!t||t.endsWith(":")||t.startsWith(":"))return null;const i=t.split(":");if(i.length>1){const[t,e,s]=i,a=parseInt(i[0]),n=parseInt(i[1]),o=parseInt(i[2]),r=h(t)&&a>=0&&a<24,c=h(e)&&n>=0&&n<60,l=h(s)&&o>=0&&o<60;if(r&&c&&!s||r&&c&&l){let t=`${w(a)}:${w(n)}`;return l&&(t=`${t}:${w(o)}`),t}}return null}function w(t){const i=t.toString();return t>=0&&t<=9?i.padStart(2,"0"):i}let k=class{constructor(e){t(this,e),this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7),this.active=!1,this.disabled=!1,this.hourDisplayFormat="12",this.scale="m",this.step=60,this.value=null,this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${n()}`,this.calciteInputBlurHandler=()=>{this.active=!1;const t=f(this.calciteInputEl.value)||f(this.value);t!==this.calciteInputEl.value&&this.setInputValue(t)},this.calciteInputFocusHandler=()=>{this.active=!0},this.calciteInputInputHandler=t=>{this.setValue({value:t.detail.value})},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setInputValue=t=>{if(this.calciteInputEl)if("12"===this.hourDisplayFormat){const{hour:i,minute:e,second:s}=b(t);this.calciteInputEl.value=t?`${d(i)}:${e}${60!==this.step?":"+s:""} ${m(i)}`:null}else this.calciteInputEl.value=t},this.setValue=({value:t,origin:i="input"})=>{const e=this.value,s=f(t);this.internalValueChange="external"!==i&&"loading"!==i;const a="loading"!==i&&"external"!==i&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!s)||s!==this.previousValidValue&&s);t?(a&&(this.previousValidValue=s),s&&s!==this.value&&(this.value=s)):this.value=t,"time-picker"!==i&&"external"!==i||this.setInputValue(s),a&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=e,this.setInputValue(e),this.previousValidValue=e):this.previousValidValue=s)}}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}keyUpHandler(t){"Escape"===o(t.key)&&this.active&&(this.active=!1)}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!1}timePickerChangeHandler(t){if(t.preventDefault(),t.stopPropagation(),t.detail){const{hour:i,minute:e,second:s}=t.detail;let a;a=i&&e?s&&60!==this.step?`${i}:${e}:${s}`:`${i}:${e}`:"",this.setValue({value:a,origin:"time-picker"})}}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!0}async setFocus(){this.calciteInputEl.setFocus()}onLabelClick(){this.setFocus()}connectedCallback(){this.value&&this.setValue({value:this.value,origin:"loading"}),l(this)}componentDidLoad(){this.calciteInputEl.value!==this.value&&this.setInputValue(this.value)}disconnectedCallback(){p(this)}render(){const{hour:t,minute:i,second:a}=b(this.value),n=`${this.referenceElementId}-popover`;return e(s,null,e("div",{"aria-controls":n,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":n,id:this.referenceElementId,role:"combobox"},e("calcite-input",{disabled:this.disabled,icon:"clock",label:u(this),name:this.name,onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),e("calcite-popover",{id:n,label:"Time Picker",open:this.active||!1,referenceElement:this.referenceElementId},e("calcite-time-picker",{hour:t,"hour-display-format":this.hourDisplayFormat,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,minute:i,scale:this.scale,second:a,step:this.step})))}get el(){return a(this)}static get watchers(){return{value:["valueWatcher"]}}};k.style="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}";let x=class{constructor(e){t(this,e),this.calciteTimePickerBlur=i(this,"calciteTimePickerBlur",7),this.calciteTimePickerChange=i(this,"calciteTimePickerChange",7),this.calciteTimePickerFocus=i(this,"calciteTimePickerFocus",7),this.hour=null,this.hourDisplayFormat="12",this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.minute=null,this.second=null,this.scale="m",this.step=60,this.timeChanged=!1,this.meridiem=null,this.displayHour=this.getDisplayHour(),this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setTime("hour",t)},this.decrementMeridiem=()=>{this.setTime("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let i;if(h(this[t])){const e=parseInt(this[t]);i=0===e?59:e-1}else i=59;this.setTime(t,i)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const i=o(t.key);if(r.includes(i)){const t=parseInt(i);let e;if(h(this.hour))switch(this.hourDisplayFormat){case"12":e="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":e="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else e=t;this.setTime("hour",e)}else switch(i){case"Backspace":case"Delete":this.setTime("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setTime("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=h(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setTime("hour",t)},this.incrementMinuteOrSecond=t=>{const i=h(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setTime(t,i)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(o(t.key)){case"a":this.setTime("meridiem","AM");break;case"p":this.setTime("meridiem","PM");break;case"Backspace":case"Delete":this.setTime("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":case"Spacebar":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const i=o(t.key);if(r.includes(i)){const t=parseInt(i);let e;if(h(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>5?t:`${i}${t}`}else e=t;this.setTime("minute",e)}else switch(i){case"Backspace":case"Delete":this.setTime("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const i=o(t.key);if(r.includes(i)){const t=parseInt(i);let e;if(h(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>5?t:`${i}${t}`}else e=t;this.setTime("second",e)}else switch(i){case"Backspace":case"Delete":this.setTime("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setTime=(t,i,e=!0)=>{switch(t){default:return;case"hour":this.hour="number"==typeof i?w(i):i;break;case"minute":this.minute="number"==typeof i?w(i):i;break;case"second":this.second="number"==typeof i?w(i):i;break;case"meridiem":if(h(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":t>=12&&(this.hour=w(t-12));break;case"PM":t<12&&(this.hour=w(t+12))}this.meridiem=i}else this.meridiem=i}this.timeChanged=!0,e&&this.calciteTimePickerChange.emit(this.getTime())}}hourChanged(t){"12"===this.hourDisplayFormat&&h(t)&&(this.meridiem=m(t))}timeChangeHandler(){const{hour:t,minute:i}=this.getTime();t||i||this.setTime("meridiem",null,!1),this.timeChanged&&(this.timeChanged=!1)}hostBlurHandler(){this.calciteTimePickerBlur.emit()}hostFocusHandler(){this.calciteTimePickerFocus.emit()}keyDownHandler(t){const i=o(t.key);switch(this.activeEl){case this.hourEl:"ArrowRight"===i&&this.setFocus("minute");break;case this.minuteEl:switch(i){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":60!==this.step?this.setFocus("second"):"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.secondEl:switch(i){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.meridiemEl:switch(i){case"ArrowLeft":this.setFocus(60!==this.step?"second":"minute")}}}async setFocus(t){var i;null===(i=this[`${t||"hour"}El`])||void 0===i||i.focus()}buttonActivated(t){const i=o(t.key);return" "===i&&t.preventDefault(),c(i)}getDisplayHour(){return this.hour?"12"===this.hourDisplayFormat?d(this.hour):this.hour:"--"}getTime(){return{hour:this.hour,minute:this.minute,second:this.second}}connectedCallback(){"12"===this.hourDisplayFormat&&(this.meridiem=m(this.hour)),h(this.hour)&&(this.hour=w(parseInt(this.hour))),h(this.minute)&&(this.minute=w(parseInt(this.minute))),h(this.second)&&(this.second=w(parseInt(this.second)))}render(){const t="s"===this.scale||"m"===this.scale?"s":"m",i=60!==this.step,a=h(this.hour),n=h(this.minute),o=h(this.second);return e(s,null,e("div",{class:"time-picker"},e("div",{role:"group"},e("span",{"aria-label":this.intlHourUp,class:{button:!0,"button--hour-up":!0,"button--top-left":!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":a&&parseInt(this.hour),"aria-valuetext":this.hour,class:{input:!0,hour:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:t=>this.hourEl=t,role:"spinbutton",tabIndex:0},this.getDisplayHour()),e("span",{"aria-label":this.intlHourDown,class:{button:!0,"button--hour-down":!0,"button--bottom-left":!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),e("span",{class:"delimiter"},":"),e("div",{role:"group"},e("span",{"aria-label":this.intlMinuteUp,class:{button:!0,"button--minute-up":!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":n&&parseInt(this.minute),"aria-valuetext":this.minute,class:{input:!0,minute:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:t=>this.minuteEl=t,role:"spinbutton",tabIndex:0},this.minute?this.minute:"--"),e("span",{"aria-label":this.intlMinuteDown,class:{button:!0,"button--minute-down":!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),i&&e("span",{class:"delimiter"},":"),i&&e("div",{role:"group"},e("span",{"aria-label":this.intlSecondUp,class:{button:!0,"button--second-up":!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":o&&parseInt(this.second),"aria-valuetext":this.second,class:{input:!0,second:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:t=>this.secondEl=t,role:"spinbutton",tabIndex:0},this.second?this.second:"--"),e("span",{"aria-label":this.intlSecondDown,class:{button:!0,"button--second-down":!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),"12"===this.hourDisplayFormat&&e("div",{role:"group"},e("span",{"aria-label":this.intlMeridiemUp,class:{button:!0,"button--meridiem-up":!0,"button--top-right":!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"AM"===this.meridiem?"1":"PM"===this.meridiem?"2":void 0,"aria-valuetext":this.meridiem,class:{input:!0,meridiem:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:t=>this.meridiemEl=t,role:"spinbutton",tabIndex:0},this.meridiem?this.meridiem:"--"),e("span",{"aria-label":this.intlMeridiemDown,class:{button:!0,"button--meridiem-down":!0,"button--bottom-right":!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t})))))}get el(){return a(this)}static get watchers(){return{hour:["hourChanged","timeChangeHandler"],minute:["timeChangeHandler"],second:["timeChangeHandler"]}}};x.style='@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{color:var(--calcite-ui-text-1);display:inline-block;font-weight:var(--calcite-font-weight-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.time-picker{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;border-radius:var(--calcite-border-radius)}span{-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}span.button{cursor:pointer}span.button:hover,span.button:focus{background-color:var(--calcite-ui-foreground-2)}span.button:focus{outline:2px solid transparent;outline-offset:2px}span.button:active{background-color:var(--calcite-ui-foreground-3)}span.button.top-left{border-top-left-radius:var(--calcite-border-radius)}span.button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}span.button.top-right{border-top-right-radius:var(--calcite-border-radius)}span.button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}span.button calcite-icon{color:var(--calcite-ui-text-3)}span.input{font-weight:var(--calcite-font-weight-medium);position:relative}span.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)}span.input:focus,span.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)}:host([scale=s]){font-size:var(--calcite-font-size--1)}:host([scale=s]) span{height:24px;width:40px}:host([scale=s]) .delimiter{height:72px}:host([scale=s][hour-display-format="12"]) .time-picker{width:124.2px}:host([scale=s][hour-display-format="12"]:not([step="60"])) .time-picker{width:168px}:host([scale=s][hour-display-format="24"]) .time-picker{width:84.2px}:host([scale=s][hour-display-format="24"]:not([step="60"])) .time-picker{width:128.4px}:host([scale=m]){font-size:var(--calcite-font-size-0)}:host([scale=m]) span{height:32px;width:44px}:host([scale=m]) .delimiter{height:96px}:host([scale=m][hour-display-format="12"]) .time-picker{width:136.8px}:host([scale=m][hour-display-format="12"]:not([step="60"])) .time-picker{width:186px}:host([scale=m][hour-display-format="24"]) .time-picker{width:92.8px}:host([scale=m][hour-display-format="24"]:not([step="60"])) .time-picker{width:141.6px}:host([scale=l]){font-size:var(--calcite-font-size-1)}:host([scale=l]) span{height:48px;width:64px}:host([scale=l]) .delimiter{height:144px}:host([scale=l][hour-display-format="12"]) .time-picker{width:198px}:host([scale=l][hour-display-format="12"]:not([step="60"])) .time-picker{width:268px}:host([scale=l][hour-display-format="24"]) .time-picker{width:134px}:host([scale=l][hour-display-format="24"]:not([step="60"])) .time-picker{width:204px}';export{k as calcite_input_time_picker,x as calcite_time_picker}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
+
*/
|
|
5
|
+
import{h as t}from"./p-05d1dfc6.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const c=`h${e.level}`;return delete e.level,t(c,Object.assign({},e),r)};export{r as C,e as c}
|