@esri/calcite-components 1.0.0-beta.68 → 1.0.0-beta.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/assets/calcite-icon/checkExtent16.json +1 -0
- package/dist/calcite/assets/calcite-icon/checkExtent24.json +1 -0
- package/dist/calcite/assets/calcite-icon/checkExtent32.json +1 -0
- package/dist/calcite/assets/calcite-icon/cloudy16.json +1 -0
- package/dist/calcite/assets/calcite-icon/cloudy24.json +1 -0
- package/dist/calcite/assets/calcite-icon/cloudy32.json +1 -0
- package/dist/calcite/assets/calcite-icon/displaySelectionLock16.json +1 -0
- package/dist/calcite/assets/calcite-icon/displaySelectionLock24.json +1 -0
- package/dist/calcite/assets/calcite-icon/displaySelectionLock32.json +1 -0
- package/dist/calcite/assets/calcite-icon/displaySelectionUnlock16.json +1 -0
- package/dist/calcite/assets/calcite-icon/displaySelectionUnlock24.json +1 -0
- package/dist/calcite/assets/calcite-icon/displaySelectionUnlock32.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTime16.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTime24.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTime32.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeLargest16.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeLargest24.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeLargest32.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeSmallest16.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeSmallest24.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeSmallest32.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeThreshold16.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeThreshold24.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeThreshold32.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeXBar16.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeXBar24.json +1 -0
- package/dist/calcite/assets/calcite-icon/driveTimeXBar32.json +1 -0
- package/dist/calcite/assets/calcite-icon/fog16.json +1 -0
- package/dist/calcite/assets/calcite-icon/fog24.json +1 -0
- package/dist/calcite/assets/calcite-icon/fog32.json +1 -0
- package/dist/calcite/assets/calcite-icon/groupItems16.json +1 -0
- package/dist/calcite/assets/calcite-icon/groupItems24.json +1 -0
- package/dist/calcite/assets/calcite-icon/groupItems32.json +1 -0
- package/dist/calcite/assets/calcite-icon/groupLayoutElements16.json +1 -0
- package/dist/calcite/assets/calcite-icon/groupLayoutElements24.json +1 -0
- package/dist/calcite/assets/calcite-icon/groupLayoutElements32.json +1 -0
- package/dist/calcite/assets/calcite-icon/heavyRain16.json +1 -0
- package/dist/calcite/assets/calcite-icon/heavyRain24.json +1 -0
- package/dist/calcite/assets/calcite-icon/heavyRain32.json +1 -0
- package/dist/calcite/assets/calcite-icon/heavySnow16.json +1 -0
- package/dist/calcite/assets/calcite-icon/heavySnow24.json +1 -0
- package/dist/calcite/assets/calcite-icon/heavySnow32.json +1 -0
- package/dist/calcite/assets/calcite-icon/lightRain16.json +1 -0
- package/dist/calcite/assets/calcite-icon/lightRain24.json +1 -0
- package/dist/calcite/assets/calcite-icon/lightRain32.json +1 -0
- package/dist/calcite/assets/calcite-icon/lightSnow16.json +1 -0
- package/dist/calcite/assets/calcite-icon/lightSnow24.json +1 -0
- package/dist/calcite/assets/calcite-icon/lightSnow32.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloud16.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloud24.json +1 -0
- package/dist/calcite/assets/calcite-icon/partlyCloud32.json +1 -0
- package/dist/calcite/assets/calcite-icon/rain16.json +1 -0
- package/dist/calcite/assets/calcite-icon/rain24.json +1 -0
- package/dist/calcite/assets/calcite-icon/rain32.json +1 -0
- package/dist/calcite/assets/calcite-icon/rainSnow16.json +1 -0
- package/dist/calcite/assets/calcite-icon/rainSnow24.json +1 -0
- package/dist/calcite/assets/calcite-icon/rainSnow32.json +1 -0
- package/dist/calcite/assets/calcite-icon/rainThunder16.json +1 -0
- package/dist/calcite/assets/calcite-icon/rainThunder24.json +1 -0
- package/dist/calcite/assets/calcite-icon/rainThunder32.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsLargest16.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsLargest24.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsLargest32.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsSmallest16.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsSmallest24.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsSmallest32.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsThreshold16.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsThreshold24.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsThreshold32.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsXBar16.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsXBar24.json +1 -0
- package/dist/calcite/assets/calcite-icon/ringsXBar32.json +1 -0
- package/dist/calcite/assets/calcite-icon/selectVisible16.json +1 -0
- package/dist/calcite/assets/calcite-icon/selectVisible24.json +1 -0
- package/dist/calcite/assets/calcite-icon/selectVisible32.json +1 -0
- package/dist/calcite/assets/calcite-icon/snow16.json +1 -0
- package/dist/calcite/assets/calcite-icon/snow24.json +1 -0
- package/dist/calcite/assets/calcite-icon/snow32.json +1 -0
- package/dist/calcite/assets/calcite-icon/snowThunder16.json +1 -0
- package/dist/calcite/assets/calcite-icon/snowThunder24.json +1 -0
- package/dist/calcite/assets/calcite-icon/snowThunder32.json +1 -0
- package/dist/calcite/assets/calcite-icon/ungroupItems16.json +1 -0
- package/dist/calcite/assets/calcite-icon/ungroupItems24.json +1 -0
- package/dist/calcite/assets/calcite-icon/ungroupItems32.json +1 -0
- package/dist/calcite/assets/calcite-icon/ungroupLayoutElements16.json +1 -0
- package/dist/calcite/assets/calcite-icon/ungroupLayoutElements24.json +1 -0
- package/dist/calcite/assets/calcite-icon/ungroupLayoutElements32.json +1 -0
- package/dist/calcite/calcite.css +1 -1
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/p-04a2538a.entry.js +5 -0
- package/dist/calcite/{p-18078190.entry.js → p-051cc8c6.entry.js} +1 -1
- package/dist/calcite/{p-41e9b889.entry.js → p-058ee7b0.entry.js} +1 -1
- package/dist/calcite/p-0c827dec.entry.js +5 -0
- package/dist/calcite/{p-021d44b7.system.entry.js → p-0f33798d.system.entry.js} +1 -1
- package/dist/calcite/{p-5cb26137.system.entry.js → p-0f9f1f89.system.entry.js} +1 -1
- package/dist/calcite/{p-61038b30.js → p-1161e56f.js} +1 -1
- package/dist/calcite/{p-69548a7d.system.entry.js → p-18fbf2af.system.entry.js} +1 -1
- package/dist/calcite/{p-1aaf7f83.entry.js → p-198902ca.entry.js} +1 -1
- package/dist/calcite/{p-ac3d8784.entry.js → p-1ad123f9.entry.js} +1 -1
- package/dist/calcite/{p-318e95d7.system.entry.js → p-1eb04aad.system.entry.js} +1 -1
- package/dist/calcite/{p-bd555b2e.system.entry.js → p-1f809e6c.system.entry.js} +1 -1
- package/dist/calcite/{p-7c0debe0.system.entry.js → p-2033f545.system.entry.js} +1 -1
- package/dist/calcite/p-20f91a4e.system.entry.js +5 -0
- package/dist/calcite/{p-9e4f2697.system.entry.js → p-227bc238.system.entry.js} +1 -1
- package/dist/calcite/p-239b44dd.system.entry.js +5 -0
- package/dist/calcite/{p-9dbb69f7.entry.js → p-23bc2d32.entry.js} +1 -1
- package/dist/calcite/p-266ee9db.entry.js +5 -0
- package/dist/calcite/p-288bc438.system.js +5 -0
- package/dist/calcite/p-2c66fb61.entry.js +5 -0
- package/dist/calcite/p-2d09cc25.js +5 -0
- package/dist/calcite/p-2e29554c.js +5 -0
- package/dist/calcite/{p-8efb43fc.entry.js → p-33802886.entry.js} +1 -1
- package/dist/calcite/p-343cd887.entry.js +5 -0
- package/dist/calcite/{p-32fbf8cd.system.js → p-34e5baa7.system.js} +1 -1
- package/dist/calcite/{p-eb3ee207.entry.js → p-3d69fba9.entry.js} +1 -1
- package/dist/calcite/p-3ec67fae.entry.js +5 -0
- package/dist/calcite/p-42091a1f.system.entry.js +5 -0
- package/dist/calcite/p-42c7e2f0.system.entry.js +5 -0
- package/dist/calcite/p-43020fb5.js +5 -0
- package/dist/calcite/p-44a07313.system.entry.js +5 -0
- package/dist/calcite/p-47f55191.system.js +5 -0
- package/dist/calcite/p-4a8b3cf3.system.entry.js +5 -0
- package/dist/calcite/p-4cc182af.system.entry.js +5 -0
- package/dist/calcite/p-4ee2f6cf.system.entry.js +5 -0
- package/dist/calcite/p-50273eed.entry.js +5 -0
- package/dist/calcite/p-5035488d.entry.js +5 -0
- package/dist/calcite/p-52578054.js +5 -0
- package/dist/calcite/p-538e542a.system.entry.js +5 -0
- package/dist/calcite/{p-51cb078a.entry.js → p-55bfe4fc.entry.js} +1 -1
- package/dist/calcite/{p-99da965d.system.entry.js → p-57e9b7cb.system.entry.js} +1 -1
- package/dist/calcite/{p-8655c0a1.entry.js → p-659898bf.entry.js} +1 -1
- package/dist/calcite/{p-87e83c0d.system.entry.js → p-6c5b849f.system.entry.js} +1 -1
- package/dist/calcite/p-6ca051ef.entry.js +5 -0
- package/dist/calcite/p-702140ce.entry.js +5 -0
- package/dist/calcite/{p-7839d1c9.entry.js → p-714ae4f6.entry.js} +1 -1
- package/dist/calcite/p-71cdeee3.system.js +5 -0
- package/dist/calcite/p-71e299a6.system.js +5 -0
- package/dist/calcite/{p-4c7e3d8e.system.entry.js → p-730b8963.system.entry.js} +2 -2
- package/dist/calcite/{p-3929447c.system.entry.js → p-7325e7fc.system.entry.js} +1 -1
- package/dist/calcite/{p-31c4a271.system.entry.js → p-784e4e32.system.entry.js} +1 -1
- package/dist/calcite/{p-c57f8690.entry.js → p-7bb94bfa.entry.js} +1 -1
- package/dist/calcite/{p-c0dd929a.entry.js → p-80a527ef.entry.js} +1 -1
- package/dist/calcite/{p-20042561.entry.js → p-82c6cd9a.entry.js} +1 -1
- package/dist/calcite/{p-45d123be.system.entry.js → p-832affcb.system.entry.js} +1 -1
- package/dist/calcite/p-8340b572.js +5 -0
- package/dist/calcite/p-837f9bb4.system.entry.js +5 -0
- package/dist/calcite/{p-a93678c6.system.entry.js → p-83fca16e.system.entry.js} +2 -2
- package/dist/calcite/p-84d6696b.entry.js +5 -0
- package/dist/calcite/p-87f1831b.entry.js +5 -0
- package/dist/calcite/{p-22ad79b1.entry.js → p-88b4f504.entry.js} +1 -1
- package/dist/calcite/{p-95a3a0ce.entry.js → p-89987575.entry.js} +1 -1
- package/dist/calcite/{p-cd8f7781.system.entry.js → p-8b2d4eac.system.entry.js} +1 -1
- package/dist/calcite/{p-57f5866d.system.entry.js → p-8b2ead09.system.entry.js} +1 -1
- package/dist/calcite/p-8da7ad4b.entry.js +5 -0
- package/dist/calcite/p-8e252799.system.js +5 -0
- package/dist/calcite/p-8fef13ca.system.entry.js +5 -0
- package/dist/calcite/{p-473cfb74.system.entry.js → p-9470d123.system.entry.js} +1 -1
- package/dist/calcite/{p-c3922ef7.system.entry.js → p-95b9a0f2.system.entry.js} +1 -1
- package/dist/calcite/{p-0fc8b24c.system.entry.js → p-99de28b4.system.entry.js} +1 -1
- package/dist/calcite/p-99e52ea7.system.entry.js +5 -0
- package/dist/calcite/{p-9358deb1.system.entry.js → p-9abbbcbd.system.entry.js} +1 -1
- package/dist/calcite/{p-10ccc21d.entry.js → p-9be50494.entry.js} +1 -1
- package/dist/calcite/{p-050dc7e6.system.entry.js → p-a821e9b3.system.entry.js} +1 -1
- package/dist/calcite/p-a98e5444.system.entry.js +5 -0
- package/dist/calcite/p-ab9c6a18.entry.js +5 -0
- package/dist/calcite/{p-acaad99b.system.entry.js → p-abdc7a4b.system.entry.js} +1 -1
- package/dist/calcite/{p-9d83f268.system.entry.js → p-ac38b743.system.entry.js} +2 -2
- package/dist/calcite/{p-1b2c1f55.entry.js → p-aced5f01.entry.js} +1 -1
- package/dist/calcite/p-b0b6baf4.system.entry.js +5 -0
- package/dist/calcite/{p-e693758c.entry.js → p-b16b831d.entry.js} +1 -1
- package/dist/calcite/p-b174f9ac.entry.js +5 -0
- package/dist/calcite/{p-3ba8024a.system.entry.js → p-b37b7b9e.system.entry.js} +1 -1
- package/dist/calcite/p-b3e418f0.entry.js +5 -0
- package/dist/calcite/{p-bb916828.system.entry.js → p-b4b1081f.system.entry.js} +1 -1
- package/dist/calcite/{p-ba9b4f62.system.entry.js → p-b5d21a5d.system.entry.js} +1 -1
- package/dist/calcite/p-b5f412fb.entry.js +5 -0
- package/dist/calcite/p-b6b6ec04.js +5 -0
- package/dist/calcite/{p-d7e5b807.system.entry.js → p-b7518275.system.entry.js} +1 -1
- package/dist/calcite/p-b75ffebb.system.entry.js +5 -0
- package/dist/calcite/p-bef1f0d9.entry.js +5 -0
- package/dist/calcite/p-c0690971.entry.js +5 -0
- package/dist/calcite/{p-37cee0ea.entry.js → p-c12e88cd.entry.js} +1 -1
- package/dist/calcite/p-c1794615.entry.js +5 -0
- package/dist/calcite/{p-0e30afe6.entry.js → p-c3ba61ea.entry.js} +1 -1
- package/dist/calcite/{p-64d90b14.system.js → p-c937f25f.system.js} +1 -1
- package/dist/calcite/p-c9551366.entry.js +5 -0
- package/dist/calcite/{p-f141da0f.entry.js → p-ca5c0679.entry.js} +1 -1
- package/dist/calcite/{p-34a6550f.system.entry.js → p-cbe9f1a2.system.entry.js} +1 -1
- package/dist/calcite/{p-7b600760.entry.js → p-cd1cdf3c.entry.js} +1 -1
- package/dist/calcite/p-d07ff1ee.system.js +5 -0
- package/dist/calcite/{p-c20278e8.system.entry.js → p-d102e280.system.entry.js} +1 -1
- package/dist/calcite/p-d830efad.entry.js +5 -0
- package/dist/calcite/p-dacd3cf8.entry.js +5 -0
- package/dist/calcite/p-dcc6b40f.entry.js +5 -0
- package/dist/calcite/p-dccb5ffd.entry.js +5 -0
- package/dist/calcite/{p-3b17d8d0.system.js → p-dff7dc90.system.js} +1 -1
- package/dist/calcite/{p-aad45edf.system.js → p-e095517f.system.js} +1 -1
- package/dist/calcite/{p-e3a30266.system.entry.js → p-e2d18d39.system.entry.js} +1 -1
- package/dist/calcite/p-e5305b02.js +5 -0
- package/dist/calcite/{p-e33a2dd2.system.entry.js → p-e6a47d34.system.entry.js} +1 -1
- package/dist/calcite/p-e78e743b.entry.js +5 -0
- package/dist/calcite/{p-a20df95c.js → p-e956e279.js} +1 -1
- package/dist/calcite/p-ea3fee96.entry.js +5 -0
- package/dist/calcite/p-eada9cef.entry.js +5 -0
- package/dist/calcite/p-eb0f1e0f.system.entry.js +5 -0
- package/dist/calcite/p-ed3f000d.system.entry.js +5 -0
- package/dist/calcite/p-ee40deba.system.entry.js +5 -0
- package/dist/calcite/p-ee45cff5.system.entry.js +5 -0
- package/dist/calcite/{p-85a2bf7c.system.entry.js → p-eeb8dfe5.system.entry.js} +1 -1
- package/dist/calcite/{p-a8cd5cde.system.entry.js → p-f0338acf.system.entry.js} +1 -1
- package/dist/calcite/p-f05b5dc9.system.entry.js +5 -0
- package/dist/calcite/{p-ff04f827.system.entry.js → p-f1832595.system.entry.js} +1 -1
- package/dist/calcite/p-f2620bc3.js +5 -0
- package/dist/calcite/{p-1f99b038.entry.js → p-f333e31b.entry.js} +1 -1
- package/dist/calcite/p-f6323ffa.system.entry.js +5 -0
- package/dist/calcite/p-f87ba8eb.system.js +5 -0
- package/dist/calcite/p-f97e1a2d.entry.js +5 -0
- package/dist/calcite/p-fb817417.entry.js +5 -0
- package/dist/calcite/{p-75793454.entry.js → p-fb8b2c96.entry.js} +1 -1
- package/dist/calcite/{p-2920aa02.entry.js → p-fba77b86.entry.js} +1 -1
- package/dist/calcite/{p-da9603a3.entry.js → p-fc32b022.entry.js} +1 -1
- package/dist/calcite/{p-32faf98b.system.entry.js → p-fc47547f.system.entry.js} +1 -1
- package/dist/calcite/p-fccc1605.entry.js +5 -0
- package/dist/calcite/{p-175764f3.system.entry.js → p-fd1ddcd2.system.entry.js} +1 -1
- package/dist/cjs/{CalciteExpandToggle-0d802f83.js → CalciteExpandToggle-ca629f39.js} +4 -4
- package/dist/cjs/{CalciteHeading-381b977d.js → CalciteHeading-112c19f9.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +5 -2
- package/dist/cjs/calcite-action-bar.cjs.entry.js +3 -3
- package/dist/cjs/calcite-action-group.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action-menu.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action-pad.cjs.entry.js +3 -3
- package/dist/cjs/calcite-action.cjs.entry.js +1 -1
- package/dist/cjs/calcite-alert.cjs.entry.js +20 -8
- package/dist/cjs/calcite-avatar.cjs.entry.js +2 -2
- package/dist/cjs/calcite-block_2.cjs.entry.js +6 -8
- package/dist/cjs/calcite-button.cjs.entry.js +4 -4
- package/dist/cjs/calcite-card.cjs.entry.js +3 -3
- package/dist/cjs/calcite-checkbox.cjs.entry.js +36 -85
- package/dist/cjs/calcite-chip.cjs.entry.js +2 -2
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +50 -45
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +85 -26
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +29 -11
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +6 -6
- package/dist/cjs/calcite-fab.cjs.entry.js +2 -2
- package/dist/cjs/calcite-filter.cjs.entry.js +44 -15
- package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
- package/dist/cjs/calcite-graph_2.cjs.entry.js +49 -25
- package/dist/cjs/calcite-handle.cjs.entry.js +1 -1
- package/dist/cjs/calcite-icon.cjs.entry.js +2 -2
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +52 -43
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +71 -18
- package/dist/cjs/calcite-input-message.cjs.entry.js +2 -2
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +15 -6
- package/dist/cjs/calcite-input.cjs.entry.js +126 -78
- package/dist/cjs/calcite-label.cjs.entry.js +2 -2
- package/dist/cjs/calcite-link.cjs.entry.js +2 -2
- package/dist/cjs/calcite-list_3.cjs.entry.js +4 -4
- package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
- package/dist/cjs/calcite-modal.cjs.entry.js +3 -3
- package/dist/cjs/calcite-notice.cjs.entry.js +2 -2
- package/dist/cjs/calcite-option_3.cjs.entry.js +34 -7
- package/dist/cjs/calcite-pagination.cjs.entry.js +2 -2
- package/dist/cjs/calcite-panel.cjs.entry.js +11 -9
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +4 -4
- package/dist/cjs/calcite-popover_2.cjs.entry.js +6 -6
- 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 +36 -42
- package/dist/cjs/calcite-radio_2.cjs.entry.js +84 -82
- package/dist/cjs/calcite-rating.cjs.entry.js +14 -5
- package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
- package/dist/cjs/calcite-shell_3.cjs.entry.js +170 -9
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
- package/dist/cjs/calcite-split-button.cjs.entry.js +5 -3
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-switch.cjs.entry.js +30 -49
- package/dist/cjs/calcite-tab_4.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -6
- package/dist/cjs/calcite-tile.cjs.entry.js +3 -3
- package/dist/cjs/calcite-tip_3.cjs.entry.js +4 -4
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-tree_2.cjs.entry.js +18 -11
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +3 -3
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{dom-19822169.js → dom-41ce6029.js} +7 -0
- package/dist/cjs/form-7f276aa5.js +179 -0
- package/dist/cjs/{index-1987a382.js → index-6b5d2de5.js} +81 -429
- package/dist/cjs/{label-549c3d9d.js → label-98a31f7d.js} +34 -5
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/math-145c80e2.js +21 -0
- package/dist/cjs/{popper-cd9c0742.js → popper-4c24a334.js} +93 -67
- package/dist/cjs/{resources-d0619f6a.js → resources-1177e39b.js} +2 -2
- package/dist/cjs/{resources-7dcd68d1.js → resources-3f7b51c8.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 +11 -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 +25 -11
- package/dist/collection/components/calcite-block/calcite-block.css +7 -22
- package/dist/collection/components/calcite-block/calcite-block.js +6 -9
- package/dist/collection/components/calcite-block-section/calcite-block-section.js +2 -2
- package/dist/collection/components/calcite-button/calcite-button.css +20 -14
- 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.css +22 -11
- package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +71 -120
- package/dist/collection/components/calcite-chip/calcite-chip.js +2 -2
- package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +63 -62
- package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js +15 -19
- package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js +2 -2
- package/dist/collection/components/calcite-combobox/calcite-combobox.css +15 -0
- package/dist/collection/components/calcite-combobox/calcite-combobox.js +148 -28
- package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +51 -21
- 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 +6 -6
- 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 +108 -19
- 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-icon/assets/calcite-icon/checkExtent16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/checkExtent24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/checkExtent32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/cloudy16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/cloudy24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/cloudy32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/displaySelectionLock16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/displaySelectionLock24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/displaySelectionLock32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/displaySelectionUnlock16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/displaySelectionUnlock24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/displaySelectionUnlock32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTime16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTime24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTime32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeLargest16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeLargest24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeLargest32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeSmallest16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeSmallest24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeSmallest32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeThreshold16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeThreshold24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeThreshold32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeXBar16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeXBar24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeXBar32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/fog16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/fog24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/fog32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/groupItems16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/groupItems24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/groupItems32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/groupLayoutElements16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/groupLayoutElements24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/groupLayoutElements32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/heavyRain16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/heavyRain24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/heavyRain32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/heavySnow16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/heavySnow24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/heavySnow32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/lightRain16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/lightRain24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/lightRain32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/lightSnow16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/lightSnow24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/lightSnow32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloud16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloud24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloud32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rain16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rain24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rain32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rainSnow16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rainSnow24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rainSnow32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rainThunder16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rainThunder24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/rainThunder32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsLargest16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsLargest24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsLargest32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsSmallest16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsSmallest24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsSmallest32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsThreshold16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsThreshold24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsThreshold32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsXBar16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsXBar24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsXBar32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/selectVisible16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/selectVisible24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/selectVisible32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/snow16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/snow24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/snow32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/snowThunder16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/snowThunder24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/snowThunder32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupItems16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupItems24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupItems32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupLayoutElements16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupLayoutElements24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupLayoutElements32.json +1 -0
- package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.css +8 -54
- package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +55 -44
- package/dist/collection/components/calcite-inline-editable/resources.js +7 -7
- package/dist/collection/components/calcite-input/calcite-input.css +104 -68
- package/dist/collection/components/calcite-input/calcite-input.js +170 -93
- package/dist/collection/components/calcite-input/resources.js +14 -12
- package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.css +15 -0
- package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.js +174 -51
- package/dist/collection/components/calcite-input-message/calcite-input-message.js +2 -2
- package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.css +15 -0
- package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js +36 -5
- package/dist/collection/components/calcite-label/calcite-label.js +2 -2
- package/dist/collection/components/calcite-list-item/calcite-list-item.css +7 -0
- package/dist/collection/components/calcite-loader/calcite-loader.css +0 -3
- package/dist/collection/components/calcite-modal/calcite-modal.js +3 -3
- 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 +19 -6
- package/dist/collection/components/calcite-panel/calcite-panel.js +11 -9
- package/dist/collection/components/calcite-panel/resources.js +2 -0
- package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +10 -10
- package/dist/collection/components/calcite-popover/calcite-popover.css +1 -0
- 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.css +18 -1
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +96 -102
- package/dist/collection/components/calcite-radio-button/resources.js +1 -1
- package/dist/collection/components/calcite-radio-group/calcite-radio-group.css +15 -0
- package/dist/collection/components/calcite-radio-group/calcite-radio-group.js +74 -40
- package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +3 -3
- package/dist/collection/components/calcite-rating/calcite-rating.css +15 -0
- package/dist/collection/components/calcite-rating/calcite-rating.js +53 -5
- package/dist/collection/components/calcite-scrim/calcite-scrim.js +2 -2
- package/dist/collection/components/calcite-select/calcite-select.css +15 -0
- package/dist/collection/components/calcite-select/calcite-select.js +93 -6
- package/dist/collection/components/calcite-shell/calcite-shell.css +11 -11
- package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.css +82 -21
- package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.js +205 -7
- package/dist/collection/components/calcite-shell-panel/resources.js +6 -1
- package/dist/collection/components/calcite-slider/calcite-slider.css +18 -4
- package/dist/collection/components/calcite-slider/calcite-slider.js +74 -17
- package/dist/collection/components/calcite-split-button/calcite-split-button.js +28 -3
- 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.css +15 -0
- package/dist/collection/components/calcite-switch/calcite-switch.js +35 -66
- package/dist/collection/components/calcite-tab/calcite-tab.css +5 -0
- package/dist/collection/components/calcite-tab/calcite-tab.js +4 -4
- package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js +17 -17
- package/dist/collection/components/calcite-tab-title/calcite-tab-title.js +19 -19
- 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-tile-select/calcite-tile-select.js +20 -11
- package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +30 -30
- package/dist/collection/components/calcite-tip-manager/calcite-tip-manager.js +2 -2
- 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.css +47 -69
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +35 -28
- package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.js +6 -6
- package/dist/collection/components/functional/CalciteExpandToggle.js +3 -3
- package/dist/collection/utils/dom.js +6 -0
- package/dist/collection/utils/form.js +167 -14
- package/dist/collection/utils/label.js +33 -4
- package/dist/collection/utils/math.js +11 -0
- package/dist/collection/utils/popper.js +2 -2
- package/dist/components/CalciteExpandToggle.js +3 -3
- package/dist/components/calcite-accordion-item.js +8 -2
- package/dist/components/calcite-accordion.js +5 -2
- package/dist/components/calcite-action-bar.js +5 -2
- package/dist/components/calcite-action-group2.js +5 -2
- package/dist/components/calcite-action-menu2.js +5 -2
- package/dist/components/calcite-action-pad.js +5 -2
- package/dist/components/calcite-action2.js +5 -2
- package/dist/components/calcite-alert.js +23 -8
- package/dist/components/calcite-avatar.js +6 -3
- package/dist/components/calcite-block-section.js +7 -4
- package/dist/components/calcite-block.js +8 -7
- package/dist/components/calcite-button2.js +8 -5
- package/dist/components/calcite-card.js +14 -5
- package/dist/components/calcite-checkbox2.js +42 -89
- package/dist/components/calcite-chip2.js +5 -2
- package/dist/components/calcite-color-picker-hex-input2.js +16 -17
- package/dist/components/calcite-color-picker-swatch2.js +25 -14
- package/dist/components/calcite-color-picker.js +22 -18
- package/dist/components/calcite-combobox-item-group.js +5 -2
- package/dist/components/calcite-combobox-item.js +5 -2
- package/dist/components/calcite-combobox.js +90 -25
- package/dist/components/calcite-date-picker-day2.js +5 -2
- package/dist/components/calcite-date-picker-month-header2.js +5 -2
- package/dist/components/calcite-date-picker-month2.js +5 -2
- package/dist/components/calcite-date-picker2.js +30 -9
- package/dist/components/calcite-dropdown-group.js +5 -2
- package/dist/components/calcite-dropdown-item.js +6 -3
- package/dist/components/calcite-dropdown2.js +7 -4
- package/dist/components/calcite-fab.js +5 -2
- package/dist/components/calcite-filter2.js +50 -16
- package/dist/components/calcite-flow.js +5 -2
- package/dist/components/calcite-graph2.js +23 -10
- package/dist/components/calcite-handle2.js +5 -2
- package/dist/components/calcite-icon2.js +5 -2
- package/dist/components/calcite-inline-editable.js +56 -43
- package/dist/components/calcite-input-date-picker.js +74 -15
- package/dist/components/calcite-input-message.js +5 -2
- package/dist/components/calcite-input-time-picker.js +18 -5
- package/dist/components/calcite-input2.js +133 -79
- package/dist/components/calcite-label.js +1 -75
- package/dist/components/calcite-label2.js +84 -0
- package/dist/components/calcite-link2.js +5 -2
- package/dist/components/calcite-list-item-group.js +5 -2
- package/dist/components/calcite-list-item.js +6 -3
- package/dist/components/calcite-list.js +5 -2
- package/dist/components/calcite-loader2.js +6 -3
- package/dist/components/calcite-modal.js +7 -4
- package/dist/components/calcite-notice.js +5 -2
- package/dist/components/calcite-option-group.js +5 -2
- package/dist/components/calcite-option.js +5 -2
- package/dist/components/calcite-pagination.js +5 -2
- package/dist/components/calcite-panel.js +14 -9
- package/dist/components/calcite-pick-list-group.js +5 -2
- package/dist/components/calcite-pick-list-item2.js +5 -2
- package/dist/components/calcite-pick-list.js +5 -2
- package/dist/components/calcite-popover-manager.js +6 -3
- package/dist/components/calcite-popover2.js +7 -4
- package/dist/components/calcite-progress2.js +5 -2
- package/dist/components/calcite-radio-button-group.js +5 -2
- package/dist/components/calcite-radio-button.js +89 -83
- package/dist/components/calcite-radio-group-item.js +5 -2
- package/dist/components/calcite-radio-group.js +41 -42
- package/dist/components/calcite-radio2.js +5 -2
- package/dist/components/calcite-rating.js +18 -4
- package/dist/components/calcite-scrim2.js +5 -2
- package/dist/components/calcite-select.js +39 -6
- package/dist/components/calcite-shell-center-row.js +5 -2
- package/dist/components/calcite-shell-panel.js +177 -10
- package/dist/components/calcite-shell.js +6 -3
- package/dist/components/calcite-slider.js +38 -17
- package/dist/components/calcite-sortable-list.js +5 -2
- package/dist/components/calcite-split-button.js +9 -3
- package/dist/components/calcite-stepper-item.js +5 -2
- package/dist/components/calcite-stepper.js +5 -2
- package/dist/components/calcite-switch2.js +35 -53
- package/dist/components/calcite-tab-nav2.js +8 -5
- package/dist/components/calcite-tab-title2.js +8 -5
- package/dist/components/calcite-tab2.js +6 -3
- package/dist/components/calcite-tabs2.js +5 -2
- package/dist/components/calcite-tile-select-group.js +5 -2
- package/dist/components/calcite-tile-select.js +9 -8
- package/dist/components/calcite-tile2.js +6 -3
- package/dist/components/calcite-time-picker2.js +5 -2
- package/dist/components/calcite-tip-group.js +5 -2
- package/dist/components/calcite-tip-manager.js +7 -4
- package/dist/components/calcite-tip.js +5 -2
- package/dist/components/calcite-tooltip-manager2.js +5 -2
- package/dist/components/calcite-tooltip.js +6 -3
- package/dist/components/calcite-tree-item.js +22 -12
- package/dist/components/calcite-tree.js +5 -2
- package/dist/components/calcite-value-list-item.js +5 -2
- package/dist/components/calcite-value-list.js +5 -2
- package/dist/components/dom.js +7 -1
- package/dist/components/form.js +169 -15
- package/dist/components/label.js +34 -5
- package/dist/components/math.js +12 -1
- package/dist/components/popper.js +92 -66
- package/dist/custom-elements/index.js +1532 -916
- package/dist/esm/{CalciteExpandToggle-151a563a.js → CalciteExpandToggle-4b38a7d1.js} +4 -4
- package/dist/esm/{CalciteHeading-1735f17a.js → CalciteHeading-1d6cd311.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +5 -2
- package/dist/esm/calcite-action-bar.entry.js +3 -3
- package/dist/esm/calcite-action-group.entry.js +2 -2
- package/dist/esm/calcite-action-menu.entry.js +2 -2
- package/dist/esm/calcite-action-pad.entry.js +3 -3
- package/dist/esm/calcite-action.entry.js +1 -1
- package/dist/esm/calcite-alert.entry.js +20 -8
- package/dist/esm/calcite-avatar.entry.js +2 -2
- package/dist/esm/calcite-block_2.entry.js +6 -8
- package/dist/esm/calcite-button.entry.js +4 -4
- package/dist/esm/calcite-card.entry.js +3 -3
- package/dist/esm/calcite-checkbox.entry.js +36 -85
- package/dist/esm/calcite-chip.entry.js +2 -2
- package/dist/esm/calcite-color-picker_3.entry.js +50 -45
- package/dist/esm/calcite-combobox_3.entry.js +85 -26
- package/dist/esm/calcite-date-picker_4.entry.js +29 -11
- package/dist/esm/calcite-dropdown_3.entry.js +6 -6
- package/dist/esm/calcite-fab.entry.js +2 -2
- package/dist/esm/calcite-filter.entry.js +44 -15
- package/dist/esm/calcite-flow.entry.js +1 -1
- package/dist/esm/calcite-graph_2.entry.js +49 -25
- package/dist/esm/calcite-handle.entry.js +1 -1
- package/dist/esm/calcite-icon.entry.js +2 -2
- package/dist/esm/calcite-inline-editable.entry.js +52 -43
- package/dist/esm/calcite-input-date-picker.entry.js +71 -18
- package/dist/esm/calcite-input-message.entry.js +2 -2
- package/dist/esm/calcite-input-time-picker_2.entry.js +15 -6
- package/dist/esm/calcite-input.entry.js +126 -78
- package/dist/esm/calcite-label.entry.js +2 -2
- package/dist/esm/calcite-link.entry.js +2 -2
- package/dist/esm/calcite-list_3.entry.js +4 -4
- package/dist/esm/calcite-loader.entry.js +2 -2
- package/dist/esm/calcite-modal.entry.js +3 -3
- package/dist/esm/calcite-notice.entry.js +2 -2
- package/dist/esm/calcite-option_3.entry.js +34 -7
- package/dist/esm/calcite-pagination.entry.js +2 -2
- package/dist/esm/calcite-panel.entry.js +11 -9
- package/dist/esm/calcite-pick-list_3.entry.js +4 -4
- package/dist/esm/calcite-popover_2.entry.js +6 -6
- 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 +36 -42
- package/dist/esm/calcite-radio_2.entry.js +84 -82
- package/dist/esm/calcite-rating.entry.js +14 -5
- package/dist/esm/calcite-scrim.entry.js +1 -1
- package/dist/esm/calcite-shell_3.entry.js +170 -9
- package/dist/esm/calcite-sortable-list.entry.js +1 -1
- package/dist/esm/calcite-split-button.entry.js +5 -3
- package/dist/esm/calcite-stepper_2.entry.js +2 -2
- package/dist/esm/calcite-switch.entry.js +30 -49
- package/dist/esm/calcite-tab_4.entry.js +7 -7
- package/dist/esm/calcite-tile-select_2.entry.js +4 -6
- package/dist/esm/calcite-tile.entry.js +3 -3
- package/dist/esm/calcite-tip_3.entry.js +4 -4
- package/dist/esm/calcite-tooltip_2.entry.js +4 -4
- package/dist/esm/calcite-tree_2.entry.js +18 -11
- package/dist/esm/calcite-value-list_2.entry.js +3 -3
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{dom-f24e866c.js → dom-dc012a45.js} +7 -1
- package/dist/esm/form-6b717ce8.js +174 -0
- package/dist/esm/{index-d653c37f.js → index-9de00868.js} +81 -429
- package/dist/esm/{label-bb61bdef.js → label-0d804a87.js} +34 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/math-456207f5.js +18 -0
- package/dist/esm/{popper-7499ea4f.js → popper-ed1eefa6.js} +93 -67
- package/dist/esm/{resources-3b481489.js → resources-bece7a88.js} +1 -1
- package/dist/esm/{resources-510eed1a.js → resources-eafda211.js} +2 -2
- package/dist/esm-es5/CalciteExpandToggle-4b38a7d1.js +5 -0
- package/dist/esm-es5/{CalciteHeading-1735f17a.js → CalciteHeading-1d6cd311.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 +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm-es5/calcite-input-date-picker.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm-es5/calcite-radio_2.entry.js +2 -2
- 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 +2 -2
- 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/dom-dc012a45.js +5 -0
- package/dist/esm-es5/form-6b717ce8.js +5 -0
- package/dist/esm-es5/index-9de00868.js +5 -0
- package/dist/esm-es5/label-0d804a87.js +5 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/math-456207f5.js +5 -0
- package/dist/esm-es5/popper-ed1eefa6.js +5 -0
- package/dist/esm-es5/{resources-3b481489.js → resources-bece7a88.js} +1 -1
- package/dist/esm-es5/{resources-510eed1a.js → resources-eafda211.js} +1 -1
- package/dist/extras/docs-json.json +887 -484
- package/dist/types/components/calcite-alert/calcite-alert.d.ts +4 -1
- package/dist/types/components/calcite-checkbox/calcite-checkbox.d.ts +22 -23
- package/dist/types/components/calcite-color-picker/calcite-color-picker.d.ts +1 -2
- package/dist/types/components/calcite-combobox/calcite-combobox.d.ts +21 -3
- package/dist/types/components/calcite-date-picker/calcite-date-picker.d.ts +20 -8
- package/dist/types/components/calcite-filter/calcite-filter.d.ts +24 -1
- package/dist/types/components/calcite-graph/calcite-graph.d.ts +4 -0
- package/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts +5 -6
- package/dist/types/components/calcite-input/calcite-input.d.ts +22 -11
- package/dist/types/components/calcite-input/resources.d.ts +2 -0
- package/dist/types/components/calcite-input-date-picker/calcite-input-date-picker.d.ts +37 -8
- package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +12 -3
- package/dist/types/components/calcite-modal/calcite-modal.d.ts +2 -2
- package/dist/types/components/calcite-panel/resources.d.ts +2 -0
- package/dist/types/components/calcite-radio-button/calcite-radio-button.d.ts +14 -15
- package/dist/types/components/calcite-radio-group/calcite-radio-group.d.ts +14 -6
- package/dist/types/components/calcite-rating/calcite-rating.d.ts +12 -1
- package/dist/types/components/calcite-select/calcite-select.d.ts +19 -1
- package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts +31 -0
- package/dist/types/components/calcite-shell-panel/resources.d.ts +5 -0
- package/dist/types/components/calcite-slider/calcite-slider.d.ts +17 -3
- package/dist/types/components/calcite-split-button/calcite-split-button.d.ts +3 -0
- package/dist/types/components/calcite-switch/calcite-switch.d.ts +10 -9
- package/dist/types/components/calcite-tile-select/calcite-tile-select.d.ts +3 -3
- package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +2 -0
- package/dist/types/components.d.ts +235 -26
- package/dist/types/utils/dom.d.ts +4 -0
- package/dist/types/utils/form.d.ts +112 -1
- package/dist/types/utils/label.d.ts +5 -0
- package/dist/types/utils/math.d.ts +1 -0
- package/dist/types/utils/popper.d.ts +1 -1
- package/hydrate/index.js +1388 -749
- package/package.json +34 -34
- package/readme.md +2 -2
- package/dist/calcite/p-00d72f16.entry.js +0 -5
- package/dist/calcite/p-01c3783e.system.entry.js +0 -5
- 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-157d05ce.js +0 -5
- package/dist/calcite/p-18574b32.entry.js +0 -5
- package/dist/calcite/p-24b86e03.entry.js +0 -5
- package/dist/calcite/p-26045881.entry.js +0 -5
- package/dist/calcite/p-29b110b2.entry.js +0 -5
- package/dist/calcite/p-2ba00b89.js +0 -5
- package/dist/calcite/p-349333f8.system.entry.js +0 -5
- package/dist/calcite/p-34a1c944.entry.js +0 -5
- package/dist/calcite/p-361ddbb6.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-47313747.system.js +0 -5
- package/dist/calcite/p-485062f4.system.entry.js +0 -5
- package/dist/calcite/p-4e06a168.entry.js +0 -5
- package/dist/calcite/p-52cc870b.js +0 -5
- package/dist/calcite/p-530584ff.system.entry.js +0 -5
- package/dist/calcite/p-568ed3d6.system.entry.js +0 -5
- package/dist/calcite/p-5c221c33.system.entry.js +0 -5
- package/dist/calcite/p-67fd79db.entry.js +0 -5
- package/dist/calcite/p-693a4d5f.entry.js +0 -5
- package/dist/calcite/p-6cc23c39.system.js +0 -5
- package/dist/calcite/p-727c8f36.system.entry.js +0 -5
- package/dist/calcite/p-728501db.system.js +0 -5
- package/dist/calcite/p-72ffc6d7.entry.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-7b01fe89.js +0 -5
- package/dist/calcite/p-7cdfec27.system.js +0 -5
- package/dist/calcite/p-7f4a5f8e.system.entry.js +0 -5
- package/dist/calcite/p-81a82d01.system.entry.js +0 -5
- package/dist/calcite/p-87b93729.entry.js +0 -5
- package/dist/calcite/p-8fcfe861.js +0 -5
- package/dist/calcite/p-93d8a7d5.entry.js +0 -5
- package/dist/calcite/p-9965ea81.system.js +0 -5
- package/dist/calcite/p-9ac1fa0b.system.entry.js +0 -5
- package/dist/calcite/p-9caae570.entry.js +0 -5
- package/dist/calcite/p-9d3ee5cf.system.entry.js +0 -5
- package/dist/calcite/p-a7521c0d.entry.js +0 -5
- package/dist/calcite/p-b701101e.entry.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-be3b0fee.entry.js +0 -5
- package/dist/calcite/p-bfc162ee.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-c74fc589.system.js +0 -5
- package/dist/calcite/p-cb228ac0.entry.js +0 -5
- package/dist/calcite/p-cbdf0e6c.js +0 -5
- package/dist/calcite/p-d35e423d.js +0 -5
- package/dist/calcite/p-d5d62977.entry.js +0 -5
- package/dist/calcite/p-d7a7a544.system.entry.js +0 -5
- package/dist/calcite/p-de0f4633.entry.js +0 -5
- package/dist/calcite/p-e9044cc1.entry.js +0 -5
- package/dist/calcite/p-f37563ac.system.entry.js +0 -5
- package/dist/calcite/p-f4299b95.entry.js +0 -5
- package/dist/calcite/p-f5d25746.system.entry.js +0 -5
- package/dist/calcite/p-f8d975a1.system.entry.js +0 -5
- package/dist/calcite/p-fb1da0f5.system.js +0 -5
- package/dist/calcite/p-fc4846f0.system.entry.js +0 -5
- package/dist/calcite/p-fe52131d.entry.js +0 -5
- package/dist/calcite/p-fff0a881.entry.js +0 -5
- package/dist/cjs/form-00fb301c.js +0 -22
- package/dist/cjs/math-9d44163f.js +0 -9
- package/dist/collection/components/calcite-label/interfaces.js +0 -1
- package/dist/esm/form-cee9f632.js +0 -20
- package/dist/esm/math-250d4476.js +0 -7
- package/dist/esm-es5/CalciteExpandToggle-151a563a.js +0 -5
- package/dist/esm-es5/dom-f24e866c.js +0 -5
- package/dist/esm-es5/form-cee9f632.js +0 -5
- package/dist/esm-es5/index-d653c37f.js +0 -5
- package/dist/esm-es5/label-bb61bdef.js +0 -5
- package/dist/esm-es5/math-250d4476.js +0 -5
- package/dist/esm-es5/popper-7499ea4f.js +0 -5
|
@@ -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{h}from"./index-
|
|
5
|
+
import{h}from"./index-9de00868.js";function constrainHeadingLevel(e){return Math.min(Math.max(Math.ceil(e),1),6)}var CalciteHeading=function(e,a){var n="h"+e.level;delete e.level;return h(n,Object.assign({},e),a)};export{CalciteHeading as C,constrainHeadingLevel as c};
|
|
@@ -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 registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-d653c37f.js";import{g as getKey}from"./key-69001a68.js";import{d as getElementProp,a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import"./guid-196bd5ea.js";var calciteAccordionCss="@-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 CalciteAccordion=function(){function t(t){registerInstance(this,t);this.calciteAccordionChange=createEvent(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 h("slot",null)};t.prototype.calciteAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var o=getKey(i.key);var a=t.target;var c=this.itemIndex(a)===0;var n=this.itemIndex(a)===this.items.length-1;switch(o){case"ArrowDown":if(n){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 getElement(this)},enumerable:false,configurable:true});return t}();CalciteAccordion.style=calciteAccordionCss;var calciteAccordionItemCss="@-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 CalciteAccordionItem=function(){function t(t){var i=this;registerInstance(this,t);this.calciteAccordionItemKeyEvent=createEvent(this,"calciteAccordionItemKeyEvent",7);this.calciteAccordionItemSelect=createEvent(this,"calciteAccordionItemSelect",7);this.calciteAccordionItemClose=createEvent(this,"calciteAccordionItemClose",7);this.calciteAccordionItemRegister=createEvent(this,"calciteAccordionItemRegister",7);this.active=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return i.emitRequestedItem()}}t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=getElementProp(this.el,"selection-mode","multi");this.iconType=getElementProp(this.el,"icon-type","chevron");this.iconPosition=getElementProp(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=getElementDir(this.el);var o=h("calcite-icon",{class:"accordion-item-icon",icon:this.icon,scale:"s"});return h(Host,{"aria-expanded":this.active.toString(),tabindex:"0"},h("div",{class:(t={},t["icon-position--"+this.iconPosition]=true,t["icon-type--"+this.iconType]=true,t)},h("div",{class:(i={"accordion-item-header":true},i[CSS_UTILITY.rtl]=e==="rtl",i),onClick:this.itemHeaderClickHandler},this.icon?o:null,h("div",{class:"accordion-item-header-text"},h("span",{class:"accordion-item-title"},this.itemTitle),this.itemSubtitle?h("span",{class:"accordion-item-subtitle"},this.itemSubtitle):null),h("calcite-icon",{class:"accordion-item-expand-icon",icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.active?"minus":"plus",scale:"s"})),h("div",{class:"accordion-item-content"},h("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(getKey(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 getElement(this)},enumerable:false,configurable:true});return t}();CalciteAccordionItem.style=calciteAccordionItemCss;export{CalciteAccordion as calcite_accordion,CalciteAccordionItem as calcite_accordion_item};
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-9de00868.js";import{g as getKey}from"./key-69001a68.js";import{e as getElementProp,b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import"./guid-196bd5ea.js";var calciteAccordionCss="@-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 CalciteAccordion=function(){function t(t){registerInstance(this,t);this.calciteAccordionChange=createEvent(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 h("slot",null)};t.prototype.calciteAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var o=getKey(i.key);var a=t.target;var c=this.itemIndex(a)===0;var n=this.itemIndex(a)===this.items.length-1;switch(o){case"ArrowDown":if(n){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 getElement(this)},enumerable:false,configurable:true});return t}();CalciteAccordion.style=calciteAccordionCss;var calciteAccordionItemCss="@-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 CalciteAccordionItem=function(){function t(t){var i=this;registerInstance(this,t);this.calciteAccordionItemKeyEvent=createEvent(this,"calciteAccordionItemKeyEvent",7);this.calciteAccordionItemSelect=createEvent(this,"calciteAccordionItemSelect",7);this.calciteAccordionItemClose=createEvent(this,"calciteAccordionItemClose",7);this.calciteAccordionItemRegister=createEvent(this,"calciteAccordionItemRegister",7);this.active=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return i.emitRequestedItem()}}t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=getElementProp(this.el,"selection-mode","multi");this.iconType=getElementProp(this.el,"icon-type","chevron");this.iconPosition=getElementProp(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=getElementDir(this.el);var o=h("calcite-icon",{class:"accordion-item-icon",icon:this.icon,scale:"s"});return h(Host,{"aria-expanded":this.active.toString(),tabindex:"0"},h("div",{class:(t={},t["icon-position--"+this.iconPosition]=true,t["icon-type--"+this.iconType]=true,t)},h("div",{class:(i={"accordion-item-header":true},i[CSS_UTILITY.rtl]=e==="rtl",i),onClick:this.itemHeaderClickHandler},this.icon?o:null,h("div",{class:"accordion-item-header-text"},h("span",{class:"accordion-item-title"},this.itemTitle),this.itemSubtitle?h("span",{class:"accordion-item-subtitle"},this.itemSubtitle):null),h("calcite-icon",{class:"accordion-item-expand-icon",icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.active?"minus":"plus",scale:"s"})),h("div",{class:"accordion-item-content"},h("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(getKey(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;if(this.el.parentNode!==this.requestedAccordionItem.parentNode){return}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 getElement(this)},enumerable:false,configurable:true});return t}();CalciteAccordionItem.style=calciteAccordionItemCss;export{CalciteAccordion as calcite_accordion,CalciteAccordionItem as calcite_accordion_item};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,n,o){function i(e){return e ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{t as toggleChildActionText,o as overflowActionsDebounceInMs,q as queryActions,a as overflowActions,C as CalciteExpandToggle,g as getOverflowCount}from"./CalciteExpandToggle-4b38a7d1.js";import{f as focusElement,g as getSlotted}from"./dom-dc012a45.js";import{c as createObserver}from"./observers-8f0bc419.js";import{d as debounce}from"./debounce-79648d42.js";import"./resources-584acd9b.js";import"./resources-7c6029b6.js";import"./guid-196bd5ea.js";var CSS={actionGroupBottom:"action-group--bottom"};var SLOTS={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var TEXT={expand:"Expand",collapse:"Collapse"};var calciteActionBarCss="@-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{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;pointer-events:auto;max-width:15vw}:host([overflow-actions-disabled]){overflow-y:auto}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2)}::slotted(calcite-action-group:last-child){border-bottom-width:0}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";var CalciteActionBar=function(){function e(e){var t=this;registerInstance(this,e);this.calciteActionBarToggle=createEvent(this,"calciteActionBarToggle",7);this.expandDisabled=false;this.expanded=false;this.overflowActionsDisabled=false;this.mutationObserver=createObserver("mutation",(function(){var e=t,n=e.el,o=e.expanded;toggleChildActionText({parent:n,expanded:o});t.conditionallyOverflowActions()}));this.resizeObserver=createObserver("resize",(function(e){return t.resizeHandlerEntries(e)}));this.actionMenuOpenChangeHandler=function(e){if(e.detail){var n=e.composedPath();Array.from(t.el.querySelectorAll("calcite-action-group")).forEach((function(e){if(!n.includes(e)){e.menuOpen=false}}))}};this.resizeHandlerEntries=function(e){e.forEach(t.resizeHandler)};this.resizeHandler=function(e){var n=e.contentRect.height;t.resize(n)};this.resize=debounce((function(e){var n;var o=t,i=o.el,a=o.expanded,r=o.expandDisabled;if(!e){return}var s=queryActions(i);var l=r?s.length:s.length+1;var c=Array.from(i.querySelectorAll("calcite-action-group"));var d=getSlotted(i,SLOTS.bottomActions)||!r?c.length+1:c.length;var p=getOverflowCount({actionCount:l,actionHeight:(n=s[0])===null||n===void 0?void 0:n.clientHeight,height:e,groupCount:d});overflowActions({actionGroups:c,expanded:a,overflowCount:p})}),overflowActionsDebounceInMs);this.conditionallyOverflowActions=function(){if(!t.overflowActionsDisabled){t.overflowActions()}};this.toggleExpand=function(){t.expanded=!t.expanded};this.setExpandToggleRef=function(e){t.expandToggleEl=e}}e.prototype.expandHandler=function(e){if(!e){toggleChildActionText({parent:this.el,expanded:this.expanded})}this.conditionallyOverflowActions()};e.prototype.expandedHandler=function(e){if(!this.expandDisabled){toggleChildActionText({parent:this.el,expanded:e})}this.calciteActionBarToggle.emit()};e.prototype.overflowDisabledHandler=function(e){e?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};e.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};e.prototype.connectedCallback=function(){var e,t;var n=this,o=n.el,i=n.expandDisabled,a=n.expanded;if(!i){toggleChildActionText({parent:o,expanded:a})}(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(o,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(o)}this.conditionallyOverflowActions()};e.prototype.disconnectedCallback=function(){var e,t;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()};e.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.resize(this.el.clientHeight);return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(e==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:t.sent();return[2];case 2:this.el.focus();return[2]}}))}))};e.prototype.renderBottomActionGroup=function(){var e=this,t=e.expanded,n=e.expandDisabled,o=e.intlExpand,i=e.intlCollapse,a=e.el,r=e.position,s=e.toggleExpand,l=e.scale;var c=getSlotted(a,SLOTS.expandTooltip);var d=o||TEXT.expand;var p=i||TEXT.collapse;var f=!n?h(CalciteExpandToggle,{el:a,expanded:t,intlCollapse:p,intlExpand:d,position:r,ref:this.setExpandToggleRef,scale:l,toggle:s,tooltip:c}):null;return getSlotted(a,SLOTS.bottomActions)||f?h("calcite-action-group",{class:CSS.actionGroupBottom,scale:l},h("slot",{name:SLOTS.bottomActions}),h("slot",{name:SLOTS.expandTooltip}),f):null};e.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("slot",null),this.renderBottomActionGroup())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return e}();CalciteActionBar.style=calciteActionBarCss;export{CalciteActionBar as calcite_action_bar};
|
|
@@ -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 registerInstance,h,F as Fragment,g as getElement}from"./index-
|
|
5
|
+
import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{S as SLOTS,I as ICONS,T as TEXT}from"./resources-7c6029b6.js";import{g as getSlotted}from"./dom-dc012a45.js";import{S as SLOTS$1}from"./resources-584acd9b.js";import"./guid-196bd5ea.js";var calciteActionGroupCss='@-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)}';var CalciteActionGroup=function(){function t(t){var e=this;registerInstance(this,t);this.expanded=false;this.layout="vertical";this.menuOpen=false;this.setMenuOpen=function(t){e.menuOpen=!!t.detail}}t.prototype.expandedHandler=function(){this.menuOpen=false};t.prototype.renderTooltip=function(){var t=this.el;var e=getSlotted(t,SLOTS.menuTooltip);return e?h("slot",{name:SLOTS.menuTooltip,slot:SLOTS$1.tooltip}):null};t.prototype.renderMenu=function(){var t=this,e=t.el,a=t.expanded,n=t.intlMore,i=t.menuOpen,o=t.scale;var r=getSlotted(e,SLOTS.menuActions);return r?h("calcite-action-menu",{expanded:a,flipPlacements:["left","right"],label:n||TEXT.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:i,placement:"leading-start",scale:o},h("calcite-action",{icon:ICONS.menu,scale:o,slot:SLOTS$1.trigger,text:n||TEXT.more,textEnabled:a}),h("slot",{name:SLOTS.menuActions}),this.renderTooltip()):null};t.prototype.render=function(){return h(Fragment,null,h("slot",null),this.renderMenu())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();CalciteActionGroup.style=calciteActionGroupCss;export{CalciteActionGroup as calcite_action_group};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,n,i){function o(e){return e ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-d653c37f.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-584acd9b.js";import{g as getSlotted,f as focusElement}from"./dom-f24e866c.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";import{g as guid}from"./guid-196bd5ea.js";import{c as createObserver}from"./observers-8f0bc419.js";var calciteActionMenuCss="@-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}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var CalciteActionMenu=function(){function e(e){var t=this;registerInstance(this,e);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",7);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=createObserver("mutation",(function(){return t.getActions()}));this.guid="calcite-action-menu-"+guid();this.menuId=this.guid+"-menu";this.menuButtonId=this.guid+"-menu-button";this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var e=t,n=e.el,i=e.menuButtonId,o=e.menuId,a=e.open,r=e.label;var l=getSlotted(n,SLOTS.trigger)||t.defaultMenuButtonEl;if(t.menuButtonEl===l){return}t.disconnectMenuButtonEl();t.menuButtonEl=l;t.setTooltipReferenceElement();if(!l){return}l.active=a;l.setAttribute("aria-controls",o);l.setAttribute("aria-expanded",a.toString());l.setAttribute("aria-haspopup","true");if(!l.id){l.id=i}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("click",t.menuButtonClick);l.addEventListener("keydown",t.menuButtonKeyDown);l.addEventListener("keyup",t.menuButtonKeyUp)};this.disconnectMenuButtonEl=function(){var e=t.menuButtonEl;if(!e){return}e.removeEventListener("click",t.menuButtonClick);e.removeEventListener("keydown",t.menuButtonKeyDown);e.removeEventListener("keyup",t.menuButtonKeyUp)};this.setDefaultMenuButtonEl=function(e){t.defaultMenuButtonEl=e;t.connectMenuButtonEl()};this.handleCalciteActionClick=function(){t.open=false;t.setFocus()};this.menuButtonClick=function(){t.toggleOpen()};this.setTooltipReferenceElement=function(){var e=t,n=e.el,i=e.expanded,o=e.menuButtonEl;var a=getSlotted(n,SLOTS.tooltip);var r=(a===null||a===void 0?void 0:a.tagName)==="SLOT"?a.assignedElements()[0]:a;if((r===null||r===void 0?void 0:r.tagName)==="CALCITE-TOOLTIP"){r.referenceElement=!i?o:null}};this.updateAction=function(e,n){var i=t,o=i.guid,a=i.activeMenuItemIndex;var r=o+"-action-"+n;e.tabIndex=-1;e.setAttribute("role","menuitem");if(!e.id){e.id=r}e.active=n===a};this.updateActions=function(e){e===null||e===void 0?void 0:e.forEach(t.updateAction)};this.getActions=function(){var e=t.el;var n=t.getAssignedElements().filter((function(e){return e.tagName==="CALCITE-ACTION"&&e.slot!=="trigger"}));var i=n.length?n:Array.from(e.querySelectorAll("calcite-action:not([slot=trigger])"));t.updateActions(i);t.actionElements=i;t.connectMenuButtonEl()};this.menuButtonKeyUp=function(e){var n=e.key;var i=t.actionElements;if(!t.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}e.preventDefault();if(!i.length){return}t.toggleOpen(true);t.handleActionNavigation(n,i)};this.menuButtonKeyDown=function(e){var n=e.key;if(!t.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}e.preventDefault()};this.menuActionsContainerKeyDown=function(e){var n=e.key;var i=t,o=i.actionElements,a=i.activeMenuItemIndex;if(n==="Tab"){t.open=false;return}if(n===" "||n==="Enter"){e.preventDefault();var r=o[a];r?r.click():t.toggleOpen(false);return}if(t.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){e.preventDefault()}};this.menuActionsContainerKeyUp=function(e){var n=e.key;var i=t.actionElements;if(n==="Escape"){t.toggleOpen(false);return}if(!t.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){return}e.preventDefault();if(!i.length){return}t.handleActionNavigation(n,i)};this.handleActionNavigation=function(e,n){var i=t.activeMenuItemIndex;if(e==="Home"){t.activeMenuItemIndex=0}if(e==="End"){t.activeMenuItemIndex=n.length-1}if(e==="ArrowUp"){t.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(e==="ArrowDown"){t.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){t.setFocus();t.el.removeEventListener("calcitePopoverOpen",t.toggleOpenEnd)};this.toggleOpen=function(e){if(e===void 0){e=!t.open}t.el.addEventListener("calcitePopoverOpen",t.toggleOpenEnd);t.open=e}}e.prototype.connectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true});this.getActions()};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.disconnectMenuButtonEl()};e.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};e.prototype.openHandler=function(e){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=e}this.calciteActionMenuOpenChange.emit(e)};e.prototype.closeCalciteActionMenuOnClick=function(e){var t=e.composedPath();if(t.includes(this.el)){return}this.open=false};e.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){focusElement(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};e.prototype.renderMenuButton=function(){var e=this,t=e.el,n=e.label,i=e.scale;var o=h("slot",{name:SLOTS.trigger},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:i,text:n}));return getSlotted(t,SLOTS.tooltip)?h("calcite-tooltip-manager",null,o):o};e.prototype.renderMenuItems=function(){var e=this;var t=this,n=t.actionElements,i=t.activeMenuItemIndex,o=t.open,a=t.menuId,r=t.menuButtonEl,l=t.label,s=t.placement,c=t.overlayPositioning;var u=n[i];var f=(u===null||u===void 0?void 0:u.id)||null;return h("calcite-popover",{disablePointer:true,label:l,offsetDistance:0,open:o,overlayPositioning:c,placement:s,referenceElement:r},h("div",{"aria-activedescendant":f,"aria-labelledby":r===null||r===void 0?void 0:r.id,class:CSS.menu,id:a,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,onKeyUp:this.menuActionsContainerKeyUp,ref:function(t){return e.menuEl=t},role:"menu",tabIndex:-1},h("slot",null)))};e.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip}))};e.prototype.getAssignedElements=function(){return Array.from(this.el.querySelectorAll("slot")).map((function(e){return e.assignedElements({flatten:true})})).reduce((function(e,t){return e.concat(t)}),[])};e.prototype.isValidKey=function(e,t){return!!t.find((function(t){return t===e}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return e}();CalciteActionMenu.style=calciteActionMenuCss;export{CalciteActionMenu as calcite_action_menu};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-584acd9b.js";import{g as getSlotted,f as focusElement}from"./dom-dc012a45.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";import{g as guid}from"./guid-196bd5ea.js";import{c as createObserver}from"./observers-8f0bc419.js";var calciteActionMenuCss="@-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}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var CalciteActionMenu=function(){function e(e){var t=this;registerInstance(this,e);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",7);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=createObserver("mutation",(function(){return t.getActions()}));this.guid="calcite-action-menu-"+guid();this.menuId=this.guid+"-menu";this.menuButtonId=this.guid+"-menu-button";this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var e=t,n=e.el,i=e.menuButtonId,o=e.menuId,a=e.open,r=e.label;var l=getSlotted(n,SLOTS.trigger)||t.defaultMenuButtonEl;if(t.menuButtonEl===l){return}t.disconnectMenuButtonEl();t.menuButtonEl=l;t.setTooltipReferenceElement();if(!l){return}l.active=a;l.setAttribute("aria-controls",o);l.setAttribute("aria-expanded",a.toString());l.setAttribute("aria-haspopup","true");if(!l.id){l.id=i}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("click",t.menuButtonClick);l.addEventListener("keydown",t.menuButtonKeyDown);l.addEventListener("keyup",t.menuButtonKeyUp)};this.disconnectMenuButtonEl=function(){var e=t.menuButtonEl;if(!e){return}e.removeEventListener("click",t.menuButtonClick);e.removeEventListener("keydown",t.menuButtonKeyDown);e.removeEventListener("keyup",t.menuButtonKeyUp)};this.setDefaultMenuButtonEl=function(e){t.defaultMenuButtonEl=e;t.connectMenuButtonEl()};this.handleCalciteActionClick=function(){t.open=false;t.setFocus()};this.menuButtonClick=function(){t.toggleOpen()};this.setTooltipReferenceElement=function(){var e=t,n=e.el,i=e.expanded,o=e.menuButtonEl;var a=getSlotted(n,SLOTS.tooltip);var r=(a===null||a===void 0?void 0:a.tagName)==="SLOT"?a.assignedElements()[0]:a;if((r===null||r===void 0?void 0:r.tagName)==="CALCITE-TOOLTIP"){r.referenceElement=!i?o:null}};this.updateAction=function(e,n){var i=t,o=i.guid,a=i.activeMenuItemIndex;var r=o+"-action-"+n;e.tabIndex=-1;e.setAttribute("role","menuitem");if(!e.id){e.id=r}e.active=n===a};this.updateActions=function(e){e===null||e===void 0?void 0:e.forEach(t.updateAction)};this.getActions=function(){var e=t.el;var n=t.getAssignedElements().filter((function(e){return e.tagName==="CALCITE-ACTION"&&e.slot!=="trigger"}));var i=n.length?n:Array.from(e.querySelectorAll("calcite-action:not([slot=trigger])"));t.updateActions(i);t.actionElements=i;t.connectMenuButtonEl()};this.menuButtonKeyUp=function(e){var n=e.key;var i=t.actionElements;if(!t.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}e.preventDefault();if(!i.length){return}t.toggleOpen(true);t.handleActionNavigation(n,i)};this.menuButtonKeyDown=function(e){var n=e.key;if(!t.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}e.preventDefault()};this.menuActionsContainerKeyDown=function(e){var n=e.key;var i=t,o=i.actionElements,a=i.activeMenuItemIndex;if(n==="Tab"){t.open=false;return}if(n===" "||n==="Enter"){e.preventDefault();var r=o[a];r?r.click():t.toggleOpen(false);return}if(t.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){e.preventDefault()}};this.menuActionsContainerKeyUp=function(e){var n=e.key;var i=t.actionElements;if(n==="Escape"){t.toggleOpen(false);return}if(!t.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){return}e.preventDefault();if(!i.length){return}t.handleActionNavigation(n,i)};this.handleActionNavigation=function(e,n){var i=t.activeMenuItemIndex;if(e==="Home"){t.activeMenuItemIndex=0}if(e==="End"){t.activeMenuItemIndex=n.length-1}if(e==="ArrowUp"){t.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(e==="ArrowDown"){t.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){t.setFocus();t.el.removeEventListener("calcitePopoverOpen",t.toggleOpenEnd)};this.toggleOpen=function(e){if(e===void 0){e=!t.open}t.el.addEventListener("calcitePopoverOpen",t.toggleOpenEnd);t.open=e}}e.prototype.connectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true});this.getActions()};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.disconnectMenuButtonEl()};e.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};e.prototype.openHandler=function(e){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=e}this.calciteActionMenuOpenChange.emit(e)};e.prototype.closeCalciteActionMenuOnClick=function(e){var t=e.composedPath();if(t.includes(this.el)){return}this.open=false};e.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){focusElement(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};e.prototype.renderMenuButton=function(){var e=this,t=e.el,n=e.label,i=e.scale;var o=h("slot",{name:SLOTS.trigger},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:i,text:n}));return getSlotted(t,SLOTS.tooltip)?h("calcite-tooltip-manager",null,o):o};e.prototype.renderMenuItems=function(){var e=this;var t=this,n=t.actionElements,i=t.activeMenuItemIndex,o=t.open,a=t.menuId,r=t.menuButtonEl,l=t.label,s=t.placement,c=t.overlayPositioning;var u=n[i];var f=(u===null||u===void 0?void 0:u.id)||null;return h("calcite-popover",{disablePointer:true,label:l,offsetDistance:0,open:o,overlayPositioning:c,placement:s,referenceElement:r},h("div",{"aria-activedescendant":f,"aria-labelledby":r===null||r===void 0?void 0:r.id,class:CSS.menu,id:a,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,onKeyUp:this.menuActionsContainerKeyUp,ref:function(t){return e.menuEl=t},role:"menu",tabIndex:-1},h("slot",null)))};e.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip}))};e.prototype.getAssignedElements=function(){return Array.from(this.el.querySelectorAll("slot")).map((function(e){return e.assignedElements({flatten:true})})).reduce((function(e,t){return e.concat(t)}),[])};e.prototype.isValidKey=function(e,t){return!!t.find((function(t){return t===e}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return e}();CalciteActionMenu.style=calciteActionMenuCss;export{CalciteActionMenu as calcite_action_menu};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,n){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
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{t as toggleChildActionText,C as CalciteExpandToggle}from"./CalciteExpandToggle-4b38a7d1.js";import{f as focusElement,g as getSlotted,b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import"./resources-584acd9b.js";import"./resources-7c6029b6.js";import"./guid-196bd5ea.js";var CSS={actionGroupBottom:"action-group--bottom",container:"container"};var TEXT={expand:"Expand",collapse:"Collapse"};var SLOTS={expandTooltip:"expand-tooltip"};var calciteActionPadCss="@-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 CalciteActionPad=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionPadToggle=createEvent(this,"calciteActionPadToggle",7);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.actionMenuOpenChangeHandler=function(t){if(t.detail){var a=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!a.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=function(){e.expanded=!e.expanded};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(t){if(!t){toggleChildActionText({parent:this.el,expanded:this.expanded})}};t.prototype.expandedHandler=function(t){if(!this.expandDisabled){toggleChildActionText({parent:this.el,expanded:t})}this.calciteActionPadToggle.emit()};t.prototype.componentWillLoad=function(){var t=this,e=t.el,a=t.expandDisabled,n=t.expanded;if(!a){toggleChildActionText({parent:e,expanded:n})}};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,focusElement(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,a=t.expandDisabled,n=t.intlExpand,i=t.intlCollapse,o=t.el,r=t.position,l=t.toggleExpand,c=t.scale;var s=getSlotted(o,SLOTS.expandTooltip);var d=n||TEXT.expand;var p=i||TEXT.collapse;var u=!a?h(CalciteExpandToggle,{el:o,expanded:e,intlCollapse:p,intlExpand:d,position:r,ref:this.setExpandToggleRef,scale:c,toggle:l,tooltip:s}):null;return u?h("calcite-action-group",{class:CSS.actionGroupBottom,scale:c},h("slot",{name:SLOTS.expandTooltip}),u):null};t.prototype.render=function(){var t;var e=getElementDir(this.el)==="rtl";var a=(t={},t[CSS.container]=true,t[CSS_UTILITY.rtl]=e,t);return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("div",{class:a},h("slot",null),this.renderBottomActionGroup()))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();CalciteActionPad.style=calciteActionPadCss;export{CalciteActionPad as calcite_action_pad};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(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
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,f as forceUpdate}from"./index-d653c37f.js";import{c as createObserver}from"./observers-8f0bc419.js";var CSS={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible"};var TEXT={loading:"Loading"};var calciteActionCss='@-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;background-color:transparent}:host([disabled]){pointer-events:none}.button{background-color:var(--calcite-ui-foreground-1);border-style:none;cursor:pointer;fill:var(--calcite-ui-text-3);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;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:0;position:relative;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);width:auto;font-family:inherit;text-align:unset}.button:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none;min-width:1rem;min-height:1rem}.button .text-container{line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;width:0;opacity:0;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-property:width;transition-property:width}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{font-weight:var(--calcite-font-weight-normal);padding:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{font-weight:var(--calcite-font-weight-normal);padding:1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{font-weight:var(--calcite-font-weight-normal);padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0;padding-right:0}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-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([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-right:0;color:var(--calcite-ui-text-3)}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-1)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-3)}:host([indicator]) .button::after{content:"";position:absolute;border-width:2px;background-color:var(--calcite-ui-brand);border-radius:9999px;height:0.5rem;width:0.5rem;z-index:10;border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}';var CalciteAction=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionClick=createEvent(this,"calciteActionClick",7);this.active=false;this.appearance="solid";this.compact=false;this.disabled=false;this.indicator=false;this.intlLoading=TEXT.loading;this.loading=false;this.scale="m";this.textEnabled=false;this.mutationObserver=createObserver("mutation",(function(){return forceUpdate(e)}));this.calciteActionClickHandler=function(){if(!e.disabled){e.calciteActionClick.emit()}}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonEl.focus();return[2]}))}))};t.prototype.renderTextContainer=function(){var t;var e=this,i=e.text,n=e.textEnabled;var o=(t={},t[CSS.textContainer]=true,t[CSS.textContainerVisible]=n,t);return i?h("div",{class:o,key:"text-container"},i):null};t.prototype.renderIconContainer=function(){var t;var e;var i=this,n=i.loading,o=i.icon,a=i.scale,r=i.el,c=i.intlLoading;var s=a==="l"?"m":"s";var l=n?h("calcite-loader",{active:true,inline:true,label:c,scale:s}):null;var u=o?h("calcite-icon",{icon:o,scale:s}):null;var b=l||u;var d=b||((e=r.children)===null||e===void 0?void 0:e.length);var f=h("div",{class:(t={},t[CSS.slotContainer]=true,t[CSS.slotContainerHidden]=n,t)},h("slot",null));return d?h("div",{"aria-hidden":"true",class:CSS.iconContainer,key:"icon-container"},b,f):null};t.prototype.render=function(){var t;var e=this;var i=this,n=i.compact,o=i.disabled,a=i.loading,r=i.textEnabled,c=i.label,s=i.text;var l=c||s;var u=(t={},t[CSS.button]=true,t[CSS.buttonTextVisible]=r,t[CSS.buttonCompact]=n,t);return h(Host,{onClick:this.calciteActionClickHandler},h("button",{"aria-busy":a.toString(),"aria-disabled":o.toString(),"aria-label":l,class:u,disabled:o,ref:function(t){return e.buttonEl=t}},this.renderIconContainer(),this.renderTextContainer()))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteAction.style=calciteActionCss;export{CalciteAction as calcite_action};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,f as forceUpdate}from"./index-9de00868.js";import{c as createObserver}from"./observers-8f0bc419.js";var CSS={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible"};var TEXT={loading:"Loading"};var calciteActionCss='@-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;background-color:transparent}:host([disabled]){pointer-events:none}.button{background-color:var(--calcite-ui-foreground-1);border-style:none;cursor:pointer;fill:var(--calcite-ui-text-3);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;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:0;position:relative;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);width:auto;font-family:inherit;text-align:unset}.button:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none;min-width:1rem;min-height:1rem}.button .text-container{line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;width:0;opacity:0;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-property:width;transition-property:width}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{font-weight:var(--calcite-font-weight-normal);padding:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{font-weight:var(--calcite-font-weight-normal);padding:1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{font-weight:var(--calcite-font-weight-normal);padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0;padding-right:0}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-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([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-right:0;color:var(--calcite-ui-text-3)}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-1)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-3)}:host([indicator]) .button::after{content:"";position:absolute;border-width:2px;background-color:var(--calcite-ui-brand);border-radius:9999px;height:0.5rem;width:0.5rem;z-index:10;border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}';var CalciteAction=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionClick=createEvent(this,"calciteActionClick",7);this.active=false;this.appearance="solid";this.compact=false;this.disabled=false;this.indicator=false;this.intlLoading=TEXT.loading;this.loading=false;this.scale="m";this.textEnabled=false;this.mutationObserver=createObserver("mutation",(function(){return forceUpdate(e)}));this.calciteActionClickHandler=function(){if(!e.disabled){e.calciteActionClick.emit()}}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonEl.focus();return[2]}))}))};t.prototype.renderTextContainer=function(){var t;var e=this,i=e.text,n=e.textEnabled;var o=(t={},t[CSS.textContainer]=true,t[CSS.textContainerVisible]=n,t);return i?h("div",{class:o,key:"text-container"},i):null};t.prototype.renderIconContainer=function(){var t;var e;var i=this,n=i.loading,o=i.icon,a=i.scale,r=i.el,c=i.intlLoading;var s=a==="l"?"m":"s";var l=n?h("calcite-loader",{active:true,inline:true,label:c,scale:s}):null;var u=o?h("calcite-icon",{icon:o,scale:s}):null;var b=l||u;var d=b||((e=r.children)===null||e===void 0?void 0:e.length);var f=h("div",{class:(t={},t[CSS.slotContainer]=true,t[CSS.slotContainerHidden]=n,t)},h("slot",null));return d?h("div",{"aria-hidden":"true",class:CSS.iconContainer,key:"icon-container"},b,f):null};t.prototype.render=function(){var t;var e=this;var i=this,n=i.compact,o=i.disabled,a=i.loading,r=i.textEnabled,c=i.label,s=i.text;var l=c||s;var u=(t={},t[CSS.button]=true,t[CSS.buttonTextVisible]=r,t[CSS.buttonCompact]=n,t);return h(Host,{onClick:this.calciteActionClickHandler},h("button",{"aria-busy":a.toString(),"aria-disabled":o.toString(),"aria-label":l,class:u,disabled:o,ref:function(t){return e.buttonEl=t}},this.renderIconContainer(),this.renderTextContainer()))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteAction.style=calciteActionCss;export{CalciteAction as calcite_action};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{n(a.next(t))}catch(t){o(t)}}function l(t){try{n(a["throw"](t))}catch(t){o(t)}}function n(t){t.done?i(t.value):s(t.value).then(r,l)}n((a=a.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:[]},a,s,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return n([t,e])}}function n(r){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,s&&(o=r[0]&2?s["return"]:r[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,r[1])).done)return o;if(s=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++;s=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];s=0}finally{a=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
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
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-d653c37f.js";import{s as setRequestedIcon,a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{S as StatusIcons}from"./interfaces-51dc4e1b.js";import"./guid-196bd5ea.js";var TEXT={intlClose:"Close"};var DURATIONS={slow:14e3,medium:1e4,fast:6e3};var SLOTS={title:"title",message:"message",link:"link"};var calciteAlertCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing: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-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-1);line-height:1.375;margin-bottom:0.25rem}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{display:block}:host .container{-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);display:-ms-flexbox;display:flex;position:fixed;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;background-color:var(--calcite-ui-foreground-1);opacity:0;left:0;right:0;bottom:0;border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:90%;max-height:0;z-index:101;-webkit-transform:translate3d(0, 1.5rem, 0);transform:translate3d(0, 1.5rem, 0);-webkit-transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){opacity:1;max-height:100%;border-top-width:2px;-webkit-transform:translate3d(0, -1.5rem, 0);transform:translate3d(0, -1.5rem, 0);pointer-events:initial}slot[name=title]::slotted(*),*::slotted([slot=title]){font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0);line-height:1.375;color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){display:inline;margin:0;margin-right:0.5rem;font-weight:var(--calcite-font-weight-normal);font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-ui-text-link);display:-ms-inline-flexbox;display:inline-flex}.calcite--rtl slot[name=message]::slotted(*),.calcite--rtl *::slotted([slot=message]){margin-left:0.5rem;margin-right:unset}.alert-content{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) 0;border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){padding-left:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.calcite--rtl .alert-content{padding:var(--calcite-alert-spacing-token-small) 0 var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small)}.calcite--rtl .alert-content:first-of-type:not(:only-child){padding-right:var(--calcite-alert-spacing-token-large)}.alert-icon{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}.alert-close{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--calcite-ui-text-3);overflow:hidden;border-bottom-right-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.calcite--rtl .alert-close{border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:unset}.alert-queue-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;visibility:hidden;font-weight:var(--calcite-font-weight-medium);text-align:center;color:var(--calcite-ui-text-2);background-color:var(--calcite-ui-foreground-1);opacity:0;cursor:default;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{border-right:0px solid transparent}:host([auto-dismiss]) .calcite--rtl>.alert-queue-count{border-left:0px solid transparent}.alert-dismiss-progress{display:block;position:absolute;left:0;right:0;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{top:0;right:0;display:block;position:absolute;height:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104}.calcite--rtl .alert-dismiss-progress:after{left:0;right:initial}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}@keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}';var CalciteAlert=function(){function e(e){var t=this;registerInstance(this,e);this.calciteAlertClose=createEvent(this,"calciteAlertClose",7);this.calciteAlertOpen=createEvent(this,"calciteAlertOpen",7);this.calciteAlertSync=createEvent(this,"calciteAlertSync",7);this.calciteAlertRegister=createEvent(this,"calciteAlertRegister",7);this.active=false;this.autoDismiss=false;this.autoDismissDuration=this.autoDismiss?"medium":null;this.color="blue";this.intlClose=TEXT.intlClose;this.scale="m";this.queue=[];this.queueLength=0;this.queued=false;this.closeAlert=function(){t.queued=false;t.active=false;t.queue=t.queue.filter((function(e){return e!==t.el}));t.determineActiveAlert();t.calciteAlertSync.emit({queue:t.queue});t.calciteAlertClose.emit({el:t.el,queue:t.queue})}}e.prototype.watchActive=function(){var e=this;if(this.active&&!this.queued){this.calciteAlertRegister.emit()}if(!this.active){this.queue=this.queue.filter((function(t){return t!==e.el}));this.calciteAlertSync.emit({queue:this.queue})}};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};e.prototype.connectedCallback=function(){if(this.active&&!this.queued){this.calciteAlertRegister.emit()}};e.prototype.componentWillLoad=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};e.prototype.componentDidLoad=function(){this.alertLinkEl=this.el.querySelectorAll("calcite-link")[0]};e.prototype.render=function(){var e;var t=this;var i=getElementDir(this.el);var a=h("button",{"aria-label":this.intlClose,class:"alert-close",onClick:this.closeAlert,ref:function(e){return t.closeButton=e},type:"button"},h("calcite-icon",{icon:"x",scale:this.scale==="l"?"m":"s"}));var s="+"+(this.queueLength>2?this.queueLength-1:1);var r=h("div",{class:(this.queueLength>1?"active ":"")+"alert-queue-count"},h("calcite-chip",{scale:this.scale,value:s},s));var o=this,l=o.active,n=o.autoDismiss,c=o.label,u=o.queued,m=o.requestedIcon;var d=h("div",{class:"alert-dismiss-progress"});var f=n?"alert":"alertdialog";var p=!l;return h(Host,{"aria-hidden":p.toString(),"aria-label":c,"calcite-hydrated-hidden":p,role:f},h("div",{class:(e={container:true,queued:u},e[CSS_UTILITY.rtl]=i==="rtl",e)},m?h("div",{class:"alert-icon"},h("calcite-icon",{icon:m,scale:this.scale==="l"?"m":"s"})):null,h("div",{class:"alert-content"},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.message}),h("slot",{name:SLOTS.link})),r,!n?a:null,l&&!u&&n?d:null))};e.prototype.alertSync=function(e){if(this.queue!==e.detail.queue){this.queue=e.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert()};e.prototype.alertRegister=function(){if(this.active&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteAlertSync.emit({queue:this.queue});this.determineActiveAlert()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.closeButton&&!this.alertLinkEl){return[2]}else if(this.alertLinkEl){this.alertLinkEl.setFocus()}else if(this.closeButton){this.closeButton.focus()}return[2]}))}))};e.prototype.determineActiveAlert=function(){var e=this;var t;if(((t=this.queue)===null||t===void 0?void 0:t[0])===this.el){this.openAlert();clearTimeout(this.autoDismissTimeout);if(this.autoDismiss){this.autoDismissTimeout=window.setTimeout((function(){return e.closeAlert()}),DURATIONS[this.autoDismissDuration])}}else{return}};e.prototype.openAlert=function(){var e=this;clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((function(){return e.queued=false}),300);this.calciteAlertOpen.emit({el:this.el,queue:this.queue})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["watchActive"],icon:["updateRequestedIcon"],color:["updateRequestedIcon"]}},enumerable:false,configurable:true});return e}();CalciteAlert.style=calciteAlertCss;export{CalciteAlert as calcite_alert};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{s as setRequestedIcon,b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import{S as StatusIcons}from"./interfaces-51dc4e1b.js";import"./guid-196bd5ea.js";var TEXT={intlClose:"Close"};var DURATIONS={slow:14e3,medium:1e4,fast:6e3};var SLOTS={title:"title",message:"message",link:"link"};var calciteAlertCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing: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-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-1);line-height:1.375;margin-bottom:0.25rem}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{display:block}:host .container{-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);display:-ms-flexbox;display:flex;position:fixed;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;background-color:var(--calcite-ui-foreground-1);opacity:0;left:0;right:0;bottom:0;border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:90%;max-height:0;z-index:101;-webkit-transform:translate3d(0, 1.5rem, 0);transform:translate3d(0, 1.5rem, 0);-webkit-transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){opacity:1;max-height:100%;border-top-width:2px;-webkit-transform:translate3d(0, -1.5rem, 0);transform:translate3d(0, -1.5rem, 0);pointer-events:initial}slot[name=title]::slotted(*),*::slotted([slot=title]){font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0);line-height:1.375;color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){display:inline;margin:0;margin-right:0.5rem;font-weight:var(--calcite-font-weight-normal);font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-ui-text-link);display:-ms-inline-flexbox;display:inline-flex}.calcite--rtl slot[name=message]::slotted(*),.calcite--rtl *::slotted([slot=message]){margin-left:0.5rem;margin-right:unset}.alert-content{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) 0;border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){padding-left:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.calcite--rtl .alert-content{padding:var(--calcite-alert-spacing-token-small) 0 var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small)}.calcite--rtl .alert-content:first-of-type:not(:only-child){padding-right:var(--calcite-alert-spacing-token-large)}.alert-icon{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}.alert-close{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--calcite-ui-text-3);overflow:hidden;border-bottom-right-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.calcite--rtl .alert-close{border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:unset}.alert-queue-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;visibility:hidden;font-weight:var(--calcite-font-weight-medium);text-align:center;color:var(--calcite-ui-text-2);background-color:var(--calcite-ui-foreground-1);opacity:0;cursor:default;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{border-right:0px solid transparent}:host([auto-dismiss]) .calcite--rtl>.alert-queue-count{border-left:0px solid transparent}.alert-dismiss-progress{display:block;position:absolute;left:0;right:0;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{top:0;right:0;display:block;position:absolute;height:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104}.calcite--rtl .alert-dismiss-progress:after{left:0;right:initial}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}@keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}';var CalciteAlert=function(){function t(t){var e=this;registerInstance(this,t);this.calciteAlertClose=createEvent(this,"calciteAlertClose",7);this.calciteAlertOpen=createEvent(this,"calciteAlertOpen",7);this.calciteAlertSync=createEvent(this,"calciteAlertSync",7);this.calciteAlertRegister=createEvent(this,"calciteAlertRegister",7);this.active=false;this.autoDismiss=false;this.autoDismissDuration=this.autoDismiss?"medium":null;this.color="blue";this.intlClose=TEXT.intlClose;this.scale="m";this.queue=[];this.queueLength=0;this.queued=false;this.autoDismissTimeoutId=null;this.trackTimer=Date.now();this.closeAlert=function(){e.autoDismissTimeoutId=null;e.queued=false;e.active=false;e.queue=e.queue.filter((function(t){return t!==e.el}));e.determineActiveAlert();e.calciteAlertSync.emit({queue:e.queue});e.calciteAlertClose.emit({el:e.el,queue:e.queue})}}t.prototype.watchActive=function(){var t=this;if(this.active&&!this.queued){this.calciteAlertRegister.emit()}if(!this.active){this.queue=this.queue.filter((function(e){return e!==t.el}));this.calciteAlertSync.emit({queue:this.queue})}};t.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};t.prototype.updateDuration=function(){var t=this;if(this.autoDismiss&&this.autoDismissTimeoutId){window.clearTimeout(this.autoDismissTimeoutId);this.autoDismissTimeoutId=window.setTimeout((function(){return t.closeAlert()}),DURATIONS[this.autoDismissDuration]-(Date.now()-this.trackTimer))}};t.prototype.connectedCallback=function(){if(this.active&&!this.queued){this.calciteAlertRegister.emit()}};t.prototype.componentWillLoad=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};t.prototype.componentDidLoad=function(){this.alertLinkEl=this.el.querySelectorAll("calcite-link")[0]};t.prototype.disconnectedCallback=function(){window.clearTimeout(this.autoDismissTimeoutId)};t.prototype.render=function(){var t;var e=this;var i=getElementDir(this.el);var a=h("button",{"aria-label":this.intlClose,class:"alert-close",onClick:this.closeAlert,ref:function(t){return e.closeButton=t},type:"button"},h("calcite-icon",{icon:"x",scale:this.scale==="l"?"m":"s"}));var s="+"+(this.queueLength>2?this.queueLength-1:1);var o=h("div",{class:(this.queueLength>1?"active ":"")+"alert-queue-count"},h("calcite-chip",{scale:this.scale,value:s},s));var r=this,l=r.active,n=r.autoDismiss,c=r.label,u=r.queued,m=r.requestedIcon;var d=n?"alert":"alertdialog";var f=!l;return h(Host,{"aria-hidden":f.toString(),"aria-label":c,"calcite-hydrated-hidden":f,role:d},h("div",{class:(t={container:true,queued:u},t[CSS_UTILITY.rtl]=i==="rtl",t)},m?h("div",{class:"alert-icon"},h("calcite-icon",{icon:m,scale:this.scale==="l"?"m":"s"})):null,h("div",{class:"alert-content"},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.message}),h("slot",{name:SLOTS.link})),o,!n?a:null,l&&!u&&n?h("div",{class:"alert-dismiss-progress"}):null))};t.prototype.alertSync=function(t){if(this.queue!==t.detail.queue){this.queue=t.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert()};t.prototype.alertRegister=function(){if(this.active&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteAlertSync.emit({queue:this.queue});this.determineActiveAlert()};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.closeButton&&!this.alertLinkEl){return[2]}else if(this.alertLinkEl){this.alertLinkEl.setFocus()}else if(this.closeButton){this.closeButton.focus()}return[2]}))}))};t.prototype.determineActiveAlert=function(){var t=this;var e;if(((e=this.queue)===null||e===void 0?void 0:e[0])===this.el){this.openAlert();if(this.autoDismiss&&!this.autoDismissTimeoutId){this.trackTimer=Date.now();this.autoDismissTimeoutId=window.setTimeout((function(){return t.closeAlert()}),DURATIONS[this.autoDismissDuration])}}else{return}};t.prototype.openAlert=function(){var t=this;clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((function(){return t.queued=false}),300);this.calciteAlertOpen.emit({el:this.el,queue:this.queue})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["watchActive"],icon:["updateRequestedIcon"],color:["updateRequestedIcon"],autoDismissDuration:["updateDuration"]}},enumerable:false,configurable:true});return t}();CalciteAlert.style=calciteAlertCss;export{CalciteAlert as calcite_alert};
|
|
@@ -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 registerInstance,h,g as getElement}from"./index-
|
|
5
|
+
import{r as registerInstance,h,g as getElement}from"./index-9de00868.js";import{b as getElementDir,c as getThemeName}from"./dom-dc012a45.js";import{h as hexToRGB,i as isValidHex}from"./utils-6beb0662.js";import"./guid-196bd5ea.js";function stringToHex(t){var e=0;for(var a=0;a<t.length;a++){e=t.charCodeAt(a)+((e<<5)-e)}var i="#";for(var r=0;r<3;r++){var n=e>>r*8&255;i+=("00"+n.toString(16)).substr(-2)}return i}function rgbToHue(t){var e=t.r,a=t.g,i=t.b;e/=255;a/=255;i/=255;var r=Math.max(e,a,i);var n=Math.min(e,a,i);var s=r-n;if(r===n){return 0}var o=(r+n)/2;switch(r){case e:o=(a-i)/s+(a<i?6:0);break;case a:o=(i-e)/s+2;break;case i:o=(e-a)/s+4;break}return Math.round(o*60)}function hexToHue(t){return rgbToHue(hexToRGB(t))}var calciteAvatarCss="@-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-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;overflow:hidden}:host([scale=s]){width:1.5rem;height:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){width:2rem;height:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){width:2.75rem;height:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:-ms-flexbox;display:flex}.background{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-ui-text-3)}.thumbnail{width:100%;height:100%;border-radius:50%}";var CalciteAvatar=function(){function t(t){registerInstance(this,t);this.scale="m";this.error=false}t.prototype.render=function(){return this.determineContent()};t.prototype.determineContent=function(){var t=this;var e=getElementDir(this.el);if(this.thumbnail&&!this.error){return h("img",{alt:"",class:"thumbnail",dir:e,onError:function(){return t.error=true},src:this.thumbnail})}var a=this.generateInitials();var i=this.generateFillColor();return h("span",{class:"background",dir:e,style:{backgroundColor:i}},a?h("span",{"aria-hidden":"true",class:"initials"},a):h("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))};t.prototype.generateFillColor=function(){var t=this,e=t.userId,a=t.username,i=t.fullName,r=t.el;var n=getThemeName(r);var s=e&&"#"+e.substr(e.length-6);var o=a||i||"";var l=s&&isValidHex(s)?s:stringToHex(o);if(!e&&!o||!isValidHex(l)){return"var(--calcite-ui-foreground-2)"}var c=hexToHue(l);var m=n==="dark"?20:90;return"hsl("+c+", 60%, "+m+"%)"};t.prototype.generateInitials=function(){var t=this,e=t.fullName,a=t.username;if(e){return e.trim().split(" ").map((function(t){return t.substring(0,1)})).join("")}else if(a){return a.substring(0,2)}return false};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteAvatar.style=calciteAvatarCss;export{CalciteAvatar as calcite_avatar};
|
|
@@ -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 registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-d653c37f.js";import{g as getSlotted,a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{C as CalciteHeading}from"./CalciteHeading-1735f17a.js";import"./guid-196bd5ea.js";var CSS$1={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var TEXT$1={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var SLOTS={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var ICONS$1={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var HEADING_LEVEL=4;var calciteBlockCss='@-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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;padding:0;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);border-width:0;border-bottom-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;-ms-flex-preferred-size:auto;flex-basis:auto}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}.heading{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.header-container>.header{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}.toggle{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;font-family:inherit;-ms-flex-align:center;align-items:center;margin:0;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0;border-style:none;cursor:pointer;text-align:left;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;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0}.header .title .heading{padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;line-height:1.25;-webkit-transition-property:color;transition-property:color;-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)}.summary{padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);margin-top:0.125rem;word-wrap:break-word;word-break:break-word}.icon{margin-left:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-right:1rem;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-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)}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;position:relative;-webkit-animation:in var(--calcite-animation-timing) ease-in-out;animation:in var(--calcite-animation-timing) ease-in-out}.control-container{display:-ms-flexbox;display:flex;margin:0;grid-area:control}calcite-action-menu{grid-area:menu}.calcite--rtl .toggle-icon{margin-right:0;margin-left:1rem}.calcite--rtl .icon{margin-left:0;margin-right:0.75rem}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:0.25rem}';var CalciteBlock=function(){function e(e){var t=this;registerInstance(this,e);this.calciteBlockToggle=createEvent(this,"calciteBlockToggle",7);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlLoading=TEXT$1.loading;this.intlOptions=TEXT$1.options;this.loading=false;this.open=false;this.onHeaderClick=function(){t.open=!t.open;t.calciteBlockToggle.emit()}}e.prototype.renderScrim=function(){var e=this,t=e.disabled,i=e.loading;var a=h("slot",null);return[i||t?h("calcite-scrim",{loading:i}):null,a]};e.prototype.renderIcon=function(){var e;var t=this,i=t.el,a=t.status;var n=this.loading&&!this.open;var o=n?ICONS$1.refresh:ICONS$1[a];var r=getSlotted(i,SLOTS.icon)||o;var l=!o?h("slot",{name:SLOTS.icon}):h("calcite-icon",{class:(e={},e[CSS$1.statusIcon]=true,e[CSS$1.valid]=a=="valid",e[CSS$1.invalid]=a=="invalid",e[CSS$1.loading]=n,e),icon:o,scale:"m"});return r?h("div",{class:CSS$1.icon},l):null};e.prototype.render=function(){var e;var t=this,i=t.collapsible,a=t.disabled,n=t.el,o=t.heading,r=t.intlCollapse,l=t.intlExpand,s=t.loading,c=t.open,m=t.summary,d=t.intlLoading,g=t.headingLevel;var f=c?r||TEXT$1.collapse:l||TEXT$1.expand;var p=h("header",{class:CSS$1.header},this.renderIcon(),h("div",{class:CSS$1.title},h(CalciteHeading,{class:CSS$1.heading,level:g||HEADING_LEVEL},o),m?h("div",{class:CSS$1.summary},m):null));var u=!!getSlotted(n,SLOTS.control);var b=!!getSlotted(n,SLOTS.headerMenuActions);var w=c?ICONS$1.opened:ICONS$1.closed;var v=h("div",{class:CSS$1.headerContainer},this.dragHandle?h("calcite-handle",null):null,i?h("button",{"aria-expanded":i?c.toString():null,"aria-label":f,class:CSS$1.toggle,onClick:this.onHeaderClick,title:f},p,!u&&!b?h("calcite-icon",{"aria-hidden":"true",class:CSS$1.toggleIcon,icon:w,scale:"s"}):null):p,s?h("calcite-loader",{inline:true,"is-active":true,label:d}):u?h("div",{class:CSS$1.controlContainer},h("slot",{name:SLOTS.control})):null,b?h("calcite-action-menu",{label:this.intlOptions||TEXT$1.options},h("slot",{name:SLOTS.headerMenuActions})):null);var k=getElementDir(n)==="rtl";return h(Host,{tabIndex:a?-1:null},h("article",{"aria-busy":s.toString(),class:(e={},e[CSS$1.article]=true,e[CSS_UTILITY.rtl]=k,e)},v,h("div",{class:CSS$1.content,hidden:!c},this.renderScrim())))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteBlock.style=calciteBlockCss;var CSS={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var TEXT={collapse:"Collapse",expand:"Expand"};var ICONS={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var calciteBlockSectionCss="@-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{-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);display:block}:host([open]){border-style:solid;border-width:0;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px}:host(:last-child){border-bottom-width:0}.toggle{background-color:transparent;border-width:0;color:var(--calcite-ui-text-2);font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);width:100%}.toggle--switch,.section-header{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;margin-left:0;margin-right:0;margin-top:0.25rem;margin-bottom:0.25rem;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--calcite-font-size--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}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{-ms-flex:1 1 auto;flex:1 1 auto;margin-left:0.75rem;margin-right:0.75rem;margin-top:0;margin-bottom:0;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;margin-left:0.25rem}.toggle--switch .status-icon{margin-left:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:0.25rem}.calcite--rtl .toggle--switch .status-icon{margin-left:0;margin-right:0.5rem}";var CalciteBlockSection=function(){function e(e){var t=this;registerInstance(this,e);this.calciteBlockSectionToggle=createEvent(this,"calciteBlockSectionToggle",7);this.open=false;this.toggleDisplay="button";this.handleHeaderKeyDown=function(e){if(e.key===" "||e.key==="Enter"){t.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=function(){t.open=!t.open;t.calciteBlockSectionToggle.emit()}}e.prototype.renderStatusIcon=function(){var e;var t;var i=this.status;var a=(t=ICONS[i])!==null&&t!==void 0?t:false;var n=(e={},e[CSS.statusIcon]=true,e[CSS.valid]=i=="valid",e[CSS.invalid]=i=="invalid",e);return!!a?h("calcite-icon",{class:n,icon:a,scale:"s"}):null};e.prototype.render=function(){var e,t,i;var a=this,n=a.el,o=a.intlCollapse,r=a.intlExpand,l=a.open,s=a.text,c=a.toggleDisplay;var m=getElementDir(n);var d=l?ICONS.menuOpen:m==="rtl"?ICONS.menuClosedLeft:ICONS.menuClosedRight;var g=l?o||TEXT.collapse:r||TEXT.expand;var f=c==="switch"?h("div",{"aria-label":g,class:(e={},e[CSS.toggle]=true,e[CSS.toggleSwitch]=true,e),onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:g},h("div",{class:CSS.toggleSwitchContent},h("span",{class:CSS.toggleSwitchText},s)),h("calcite-switch",{checked:l,label:g,scale:"s",tabIndex:-1}),this.renderStatusIcon()):h("button",{"aria-label":g,class:(t={},t[CSS.sectionHeader]=true,t[CSS.toggle]=true,t),name:g,onClick:this.toggleSection},h("calcite-icon",{icon:d,scale:"s"}),h("span",{class:CSS.sectionHeaderText},s),this.renderStatusIcon());return h("section",{"aria-expanded":l.toString(),class:(i={},i[CSS_UTILITY.rtl]=m==="rtl",i)},f,h("div",{class:CSS.content,hidden:!l},h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteBlockSection.style=calciteBlockSectionCss;export{CalciteBlock as calcite_block,CalciteBlockSection as calcite_block_section};
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as getSlotted,a as getElementStyleDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import"./guid-196bd5ea.js";var CSS$1={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var TEXT$1={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var SLOTS={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var ICONS$1={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var HEADING_LEVEL=4;var calciteBlockCss='@-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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;padding:0;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);border-width:0;border-bottom-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;-ms-flex-preferred-size:auto;flex-basis:auto}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}.heading{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.header-container>.header{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}.toggle{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;font-family:inherit;-ms-flex-align:center;align-items:center;margin:0;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0;border-style:none;cursor:pointer;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-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding-inline:0.75rem;padding-block:0px}.header .title .heading{padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;line-height:1.25;-webkit-transition-property:color;transition-property:color;-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)}.summary{padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);margin-top:0.125rem;word-wrap:break-word;word-break:break-word}.icon{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem;-webkit-margin-end:0px;margin-inline-end:0px}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0px;margin-inline-start:0px}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;position:relative;-webkit-animation:in var(--calcite-animation-timing) ease-in-out;animation:in var(--calcite-animation-timing) ease-in-out}.control-container{display:-ms-flexbox;display:flex;margin:0;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}';var CalciteBlock=function(){function e(e){var t=this;registerInstance(this,e);this.calciteBlockToggle=createEvent(this,"calciteBlockToggle",7);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlLoading=TEXT$1.loading;this.intlOptions=TEXT$1.options;this.loading=false;this.open=false;this.onHeaderClick=function(){t.open=!t.open;t.calciteBlockToggle.emit()}}e.prototype.renderScrim=function(){var e=this,t=e.disabled,i=e.loading;var a=h("slot",null);return[i||t?h("calcite-scrim",{loading:i}):null,a]};e.prototype.renderIcon=function(){var e;var t=this,i=t.el,a=t.status;var n=this.loading&&!this.open;var o=n?ICONS$1.refresh:ICONS$1[a];var r=getSlotted(i,SLOTS.icon)||o;var l=!o?h("slot",{name:SLOTS.icon}):h("calcite-icon",{class:(e={},e[CSS$1.statusIcon]=true,e[CSS$1.valid]=a=="valid",e[CSS$1.invalid]=a=="invalid",e[CSS$1.loading]=n,e),icon:o,scale:"m"});return r?h("div",{class:CSS$1.icon},l):null};e.prototype.render=function(){var e;var t=this,i=t.collapsible,a=t.disabled,n=t.el,o=t.heading,r=t.intlCollapse,l=t.intlExpand,s=t.loading,c=t.open,m=t.summary,d=t.intlLoading,g=t.headingLevel;var p=c?r||TEXT$1.collapse:l||TEXT$1.expand;var f=h("header",{class:CSS$1.header},this.renderIcon(),h("div",{class:CSS$1.title},h(CalciteHeading,{class:CSS$1.heading,level:g||HEADING_LEVEL},o),m?h("div",{class:CSS$1.summary},m):null));var u=!!getSlotted(n,SLOTS.control);var b=!!getSlotted(n,SLOTS.headerMenuActions);var w=c?ICONS$1.opened:ICONS$1.closed;var k=h("div",{class:CSS$1.headerContainer},this.dragHandle?h("calcite-handle",null):null,i?h("button",{"aria-expanded":i?c.toString():null,"aria-label":p,class:CSS$1.toggle,onClick:this.onHeaderClick,title:p},f,!u&&!b?h("calcite-icon",{"aria-hidden":"true",class:CSS$1.toggleIcon,icon:w,scale:"s"}):null):f,s?h("calcite-loader",{inline:true,"is-active":true,label:d}):u?h("div",{class:CSS$1.controlContainer},h("slot",{name:SLOTS.control})):null,b?h("calcite-action-menu",{label:this.intlOptions||TEXT$1.options},h("slot",{name:SLOTS.headerMenuActions})):null);return h(Host,{tabIndex:a?-1:null},h("article",{"aria-busy":s.toString(),class:(e={},e[CSS$1.article]=true,e)},k,h("div",{class:CSS$1.content,hidden:!c},this.renderScrim())))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteBlock.style=calciteBlockCss;var CSS={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var TEXT={collapse:"Collapse",expand:"Expand"};var ICONS={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var calciteBlockSectionCss="@-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{-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);display:block}:host([open]){border-style:solid;border-width:0;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px}:host(:last-child){border-bottom-width:0}.toggle{background-color:transparent;border-width:0;color:var(--calcite-ui-text-2);font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);width:100%}.toggle--switch,.section-header{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;margin-left:0;margin-right:0;margin-top:0.25rem;margin-bottom:0.25rem;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--calcite-font-size--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}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{-ms-flex:1 1 auto;flex:1 1 auto;margin-left:0.75rem;margin-right:0.75rem;margin-top:0;margin-bottom:0;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;margin-left:0.25rem}.toggle--switch .status-icon{margin-left:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:0.25rem}.calcite--rtl .toggle--switch .status-icon{margin-left:0;margin-right:0.5rem}";var CalciteBlockSection=function(){function e(e){var t=this;registerInstance(this,e);this.calciteBlockSectionToggle=createEvent(this,"calciteBlockSectionToggle",7);this.open=false;this.toggleDisplay="button";this.handleHeaderKeyDown=function(e){if(e.key===" "||e.key==="Enter"){t.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=function(){t.open=!t.open;t.calciteBlockSectionToggle.emit()}}e.prototype.renderStatusIcon=function(){var e;var t;var i=this.status;var a=(t=ICONS[i])!==null&&t!==void 0?t:false;var n=(e={},e[CSS.statusIcon]=true,e[CSS.valid]=i=="valid",e[CSS.invalid]=i=="invalid",e);return!!a?h("calcite-icon",{class:n,icon:a,scale:"s"}):null};e.prototype.render=function(){var e,t,i;var a=this,n=a.el,o=a.intlCollapse,r=a.intlExpand,l=a.open,s=a.text,c=a.toggleDisplay;var m=getElementStyleDir(n);var d=l?ICONS.menuOpen:m==="rtl"?ICONS.menuClosedLeft:ICONS.menuClosedRight;var g=l?o||TEXT.collapse:r||TEXT.expand;var p=c==="switch"?h("div",{"aria-label":g,class:(e={},e[CSS.toggle]=true,e[CSS.toggleSwitch]=true,e),onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:g},h("div",{class:CSS.toggleSwitchContent},h("span",{class:CSS.toggleSwitchText},s)),h("calcite-switch",{checked:l,label:g,scale:"s",tabIndex:-1}),this.renderStatusIcon()):h("button",{"aria-label":g,class:(t={},t[CSS.sectionHeader]=true,t[CSS.toggle]=true,t),name:g,onClick:this.toggleSection},h("calcite-icon",{icon:d,scale:"s"}),h("span",{class:CSS.sectionHeaderText},s),this.renderStatusIcon());return h("section",{"aria-expanded":l.toString(),class:(i={},i[CSS_UTILITY.rtl]=m==="rtl",i)},p,h("div",{class:CSS.content,hidden:!l},h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteBlockSection.style=calciteBlockSectionCss;export{CalciteBlock as calcite_block,CalciteBlockSection as calcite_block_section};
|