@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
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{s(a.next(t))}catch(t){o(t)}}function c(t){try{s(a["throw"](t))}catch(t){o(t)}}function s(t){t.done?i(t.value):n(t.value).then(r,c)}s((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,n,o,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(t){return function(e){return s([t,e])}}function s(r){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(o=r[0]&2?n["return"]:r[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,r[1])).done)return o;if(n=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++;n=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];n=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-
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import{g as getKey}from"./key-69001a68.js";import{c as connectLabel,d as disconnectLabel,g as getLabelText}from"./label-0d804a87.js";import{c as connectForm,d as disconnectForm,H as HiddenFormInputSlot}from"./form-6b717ce8.js";import"./guid-196bd5ea.js";var calciteSwitchCss="@-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]) .container{height:0.75rem}:host([scale=s]) .track{width:1.5rem;height:0.75rem}:host([scale=s]) .handle{width:0.5rem;height:0.5rem}:host([scale=m]) .container{height:1rem}:host([scale=m]) .track{width:2rem;height:1rem}:host([scale=m]) .handle{width:0.75rem;height:0.75rem}:host([scale=l]) .container{height:1.5rem}:host([scale=l]) .track{width:3rem;height:1.5rem}:host([scale=l]) .handle{width:1.25rem;height:1.25rem}:host{display:inline-block;position:relative;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none;cursor:default}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;width:auto}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.track{position:relative;display:inline-block;vertical-align:top;background-color:var(--calcite-ui-foreground-2);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:9999px}.handle{position:absolute;display:block;right:auto;background-color:var(--calcite-ui-foreground-1);border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:9999px;pointer-events:none;top:-1px;left:-1px}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{background-color:var(--calcite-ui-brand);border-color:var(--calcite-ui-brand-hover)}:host([checked]) .handle{left:auto;border-color:var(--calcite-ui-brand);right:-1px}:host([checked]:hover) .track{background-color:var(--calcite-ui-brand);border-color:var(--calcite-ui-brand-hover)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}.calcite--rtl .handle{left:auto;right:-1px}:host([checked]) .calcite--rtl .handle{right:auto;left:-1px}:host([checked]:active) .calcite--rtl .handle{right:auto;left:-1px}:host([checked]:focus) .calcite--rtl .handle{right:auto;left:-1px}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var CalciteSwitch=function(){function t(t){var e=this;registerInstance(this,t);this.calciteSwitchChange=createEvent(this,"calciteSwitchChange",7);this.disabled=false;this.scale="m";this.switched=false;this.checked=false;this.keyDownHandler=function(t){var i=getKey(t.key);if(!e.disabled&&(i===" "||i==="Enter")){e.toggle()}};this.clickHandler=function(){e.toggle()};this.setSwitchEl=function(t){e.switchEl=t}}t.prototype.disabledWatcher=function(t){this.tabindex=t?-1:0};t.prototype.switchedWatcher=function(t){this.checked=t};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.switchEl);return[2]}))}))};t.prototype.onLabelClick=function(){if(!this.disabled){this.toggle();this.setFocus()}};t.prototype.toggle=function(){this.checked=!this.checked;this.calciteSwitchChange.emit({switched:this.checked})};t.prototype.connectedCallback=function(){var t=this.checked||this.switched;if(t){this.switched=this.checked=t}connectLabel(this);connectForm(this)};t.prototype.disconnectedCallback=function(){disconnectLabel(this);disconnectForm(this)};t.prototype.componentWillLoad=function(){this.tabindex=this.el.getAttribute("tabindex")||this.disabled?-1:0};t.prototype.render=function(){var t;var e=getElementDir(this.el);return h(Host,{onKeyDown:this.keyDownHandler},h("div",{"aria-checked":this.checked.toString(),"aria-label":getLabelText(this),class:(t={container:true},t[CSS_UTILITY.rtl]=e==="rtl",t),onClick:this.clickHandler,ref:this.setSwitchEl,role:"switch",tabindex:this.tabindex},h("div",{class:"track"},h("div",{class:"handle"})),h(HiddenFormInputSlot,{component:this})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"],switched:["switchedWatcher"]}},enumerable:false,configurable:true});return t}();CalciteSwitch.style=calciteSwitchCss;export{CalciteSwitch as calcite_switch};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-d653c37f.js";import{g as guid}from"./guid-196bd5ea.js";import{n as nodeListToArray,a as getElementDir,k as filterDirectChildren,d as getElementProp,C as CSS_UTILITY}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import{c as createObserver}from"./observers-8f0bc419.js";var calciteTabCss="@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3)}:host([active]){display:block}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";var CalciteTab=function(){function t(t){registerInstance(this,t);this.calciteTabRegister=createEvent(this,"calciteTabRegister",7);this.active=false;this.scale="m";this.guid="calcite-tab-title-"+guid()}t.prototype.render=function(){var t=this.el.id||this.guid;return h(Host,{"aria-expanded":this.active.toString(),"aria-labelledby":this.labeledBy,id:t,role:"tabpanel"},h("section",null,h("slot",null)))};t.prototype.componentDidLoad=function(){this.calciteTabRegister.emit()};t.prototype.componentWillRender=function(){var t;this.scale=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.scale};t.prototype.disconnectedCallback=function(){var t;(t=document.body)===null||t===void 0?void 0:t.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))};t.prototype.tabChangeHandler=function(t){var e=this;if(t.target.closest("calcite-tabs")!==this.el.closest("calcite-tabs")){return}if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((function(t){return t.matches("calcite-tab")})),this.el)]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.labeledBy=e[t.indexOf(this.el.id)]||null;return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTab.style=calciteTabCss;var calciteTabNavCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex}:host([scale=s]){min-height:1.5rem}:host([scale=m]){min-height:2rem}:host([scale=l]){min-height:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;width:100%;overflow:auto;-ms-flex-pack:start;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding:0.25rem;margin:-0.25rem}:host([layout=center]) .tab-nav{-ms-flex-pack:center;justify-content:center}.tab-nav-active-indicator-container{width:100%;right:0;left:0;bottom:0;position:absolute;overflow:hidden;height:0.125rem}.tab-nav-active-indicator{position:absolute;bottom:0;display:block;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);background-color:var(--calcite-ui-brand);height:0.125rem}:host([position=below]) .tab-nav-active-indicator{bottom:unset;top:0}:host([position=below]) .tab-nav-active-indicator-container{bottom:unset;top:0}:host([bordered]) .tab-nav-active-indicator-container{bottom:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{bottom:0;top:unset}";var CalciteTabNav=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabChange=createEvent(this,"calciteTabChange",7);this.scale="m";this.layout="inline";this.position="below";this.bordered=false;this.animationActiveDuration=.3;this.handleContainerScroll=function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateOffsetPosition()}}t.prototype.selectedTabChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(localStorage&&this.storageId&&this.selectedTab!==undefined&&this.selectedTab!==null){localStorage.setItem("calcite-tab-nav-"+this.storageId,JSON.stringify(this.selectedTab))}this.calciteTabChange.emit({tab:this.selectedTab});t=this;return[4,this.getTabTitleById(this.selectedTab)];case 1:t.selectedTabEl=e.sent();return[2]}}))}))};t.prototype.selectedTabElChanged=function(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=this.animationActiveDuration+"s"};t.prototype.componentWillLoad=function(){var t="calcite-tab-nav-"+this.storageId;if(localStorage&&this.storageId&&localStorage.getItem(t)){var e=JSON.parse(localStorage.getItem(t));this.selectedTab=e;this.calciteTabChange.emit({tab:this.selectedTab})}};t.prototype.componentWillRender=function(){var t,e,i,a;this.layout=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.layout;this.position=(e=this.el.closest("calcite-tabs"))===null||e===void 0?void 0:e.position;this.scale=(i=this.el.closest("calcite-tabs"))===null||i===void 0?void 0:i.scale;this.bordered=(a=this.el.closest("calcite-tabs"))===null||a===void 0?void 0:a.bordered;if(this.selectedTabEl){this.updateOffsetPosition()}};t.prototype.componentDidRender=function(){var t=this;if(this.tabTitles.length&&this.tabTitles.every((function(t){return!t.active}))&&!this.selectedTab){this.tabTitles[0].getTabIdentifier().then((function(e){t.calciteTabChange.emit({tab:e})}))}};t.prototype.render=function(){var t=this;var e=getElementDir(this.el);var i=this.indicatorWidth+"px";var a=this.indicatorOffset+"px";var n=e!=="rtl"?{width:i,left:a}:{width:i,right:a};return h(Host,{role:"tablist"},h("div",{class:"tab-nav",onScroll:this.handleContainerScroll,ref:function(e){return t.tabNavEl=e}},h("div",{class:"tab-nav-active-indicator-container",ref:function(e){return t.activeIndicatorContainerEl=e}},h("div",{class:"tab-nav-active-indicator",ref:function(e){return t.activeIndicatorEl=e},style:n})),h("slot",null)))};t.prototype.resizeHandler=function(){this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()};t.prototype.focusPreviousTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e-1]||this.enabledTabTitles[this.enabledTabTitles.length-1];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.focusNextTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e+1]||this.enabledTabTitles[0];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.activateTabHandler=function(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation();t.preventDefault()};t.prototype.updateTabTitles=function(t){if(t.target.active){this.selectedTab=t.detail}};t.prototype.globalTabChangeHandler=function(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab){this.selectedTab=t.detail.tab}};t.prototype.updateOffsetPosition=function(){var t,e,i,a,n;var r=getElementDir(this.el);var o=(t=this.activeIndicatorContainerEl)===null||t===void 0?void 0:t.offsetWidth;var s=(e=this.selectedTabEl)===null||e===void 0?void 0:e.offsetLeft;var l=(i=this.selectedTabEl)===null||i===void 0?void 0:i.offsetWidth;var c=o-(s+l);this.indicatorOffset=r!=="rtl"?s-((a=this.tabNavEl)===null||a===void 0?void 0:a.scrollLeft):c+((n=this.tabNavEl)===null||n===void 0?void 0:n.scrollLeft)};t.prototype.updateActiveWidth=function(){var t;this.indicatorWidth=(t=this.selectedTabEl)===null||t===void 0?void 0:t.offsetWidth};t.prototype.getIndexOfTabTitle=function(t,e){if(e===void 0){e=this.tabTitles}return e.indexOf(t)};t.prototype.getTabTitleById=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){return[2,Promise.all(this.tabTitles.map((function(t){return t.getTabIdentifier()}))).then((function(i){return e.tabTitles[i.indexOf(t)]}))]}))}))};Object.defineProperty(t.prototype,"tabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"enabledTabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title:not([disabled])")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"],selectedTabEl:["selectedTabElChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabNav.style=calciteTabNavCss;var calciteTabTitleCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-ms-flex:0 1 auto;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;margin-right:1.25rem;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}:host([layout=center]){text-align:center;margin-top:0;margin-bottom:0;margin-left:1.25rem;margin-right:1.25rem;-ms-flex-preferred-size:12rem;flex-basis:12rem}:host([position=below]) a{border-bottom-width:0;border-top-width:2px;border-top-color:transparent;border-top-style:solid}:host a{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) a{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host(:active) a,:host(:focus) a,:host(:hover) a{text-decoration:none;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-border-2)}:host([active]) a{color:var(--calcite-ui-text-1);border-color:transparent}:host([disabled]){pointer-events:none}:host([disabled]) span,:host([disabled]) a{pointer-events:none;opacity:0.5}:host([scale=s]){-webkit-margin-end:1rem;margin-inline-end:1rem}:host([scale=s]) a,:host([scale=s]) span{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) a,:host([scale=m]) span{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}:host([scale=l]) a,:host([scale=l]) span{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}a,span{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:2px;border-bottom-color:transparent;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom-style:solid}span{cursor:default}.calcite-tab-title--icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;-ms-flex-item-align:center;align-self:center}.calcite-tab-title--icon svg{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.container--has-text .calcite-tab-title--icon.icon-start{margin-right:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{margin-left:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-end{margin-left:0;margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-start{margin-left:0.5rem;margin-right:0}:host([icon-start][icon-end]) .calcite--rtl .calcite-tab-title--icon:first-child{margin-left:0.5rem;margin-right:0}:host([bordered]){-webkit-margin-end:0;margin-inline-end:0}:host([bordered][active]){-webkit-box-shadow:inset 0px -2px var(--calcite-ui-foreground-1);box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][active][position=below]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) a,:host([bordered]:focus) a,:host([bordered]:active) a{position:relative}:host([bordered]:hover) a{background-color:var(--calcite-button-transparent-hover);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host([bordered]) a{border-bottom-style:unset}:host([bordered][position=below]) a{border-top-style:unset}:host([active][bordered]) a{border-left:1px solid var(--calcite-ui-border-1);border-right:1px solid var(--calcite-ui-border-1)}:host([bordered]) a,:host([bordered]) span{padding-left:0.75rem;padding-right:0.75rem}:host([bordered][scale=s]) a,:host([bordered][scale=s]) span{padding-left:0.5rem;padding-right:0.5rem}:host([bordered][scale=l]) a,:host([bordered][scale=l]) span{padding-left:1rem;padding-right:1rem}";var CalciteTabTitle=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabsActivate=createEvent(this,"calciteTabsActivate",7);this.calciteTabsFocusNext=createEvent(this,"calciteTabsFocusNext",7);this.calciteTabsFocusPrevious=createEvent(this,"calciteTabsFocusPrevious",7);this.calciteTabTitleRegister=createEvent(this,"calciteTabTitleRegister",7);this.active=false;this.disabled=false;this.bordered=false;this.mutationObserver=createObserver("mutation",(function(){return e.updateHasText()}));this.hasText=false;this.guid="calcite-tab-title-"+guid()}t.prototype.activeTabChanged=function(){if(this.active){this.emitActiveTab()}};t.prototype.connectedCallback=function(){this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=document.body)===null||e===void 0?void 0:e.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}))};t.prototype.componentWillLoad=function(){{this.updateHasText()}if(this.tab&&this.active){this.emitActiveTab()}};t.prototype.componentWillRender=function(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.position=this.parentTabsEl.position;this.scale=this.parentTabsEl.scale;this.bordered=this.parentTabsEl.bordered}if(!this.parentTabsEl&&this.parentTabNavEl){this.position=getElementProp(this.parentTabNavEl,"position",this.position);this.scale=getElementProp(this.parentTabNavEl,"scale",this.scale)}};t.prototype.render=function(){var t;var e=getElementDir(this.el);var i=this.el.id||this.guid;var a=this.disabled?"span":"a";var n=this.bordered&&!this.disabled&&this.layout!=="center";var r=h("calcite-icon",{class:"calcite-tab-title--icon icon-start",dir:e,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var o=h("calcite-icon",{class:"calcite-tab-title--icon icon-end",dir:e,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});return h(Host,{"aria-controls":this.controls,"aria-expanded":this.active.toString(),id:i,role:"tab",tabindex:this.disabled?"-1":"0"},h(a,{class:(t={container:true,"container--has-text":this.hasText},t[CSS_UTILITY.rtl]=e==="rtl",t),style:n&&{width:this.parentTabNavEl.indicatorWidth+"px"}},this.iconStart?r:null,h("slot",null),this.iconEnd?o:null))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:e=(t=this.calciteTabTitleRegister).emit;return[4,this.getTabIdentifier()];case 1:e.apply(t,[i.sent()]);return[2]}}))}))};t.prototype.tabChangeHandler=function(t){var e=this;if(this.parentTabNavEl===t.target){if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}}};t.prototype.onClick=function(){this.emitActiveTab()};t.prototype.keyDownHandler=function(t){switch(getKey(t.key)){case" ":case"Enter":this.emitActiveTab();t.preventDefault();break;case"ArrowRight":if(getElementDir(this.el)==="ltr"){this.calciteTabsFocusNext.emit()}else{this.calciteTabsFocusPrevious.emit()}break;case"ArrowLeft":if(getElementDir(this.el)==="ltr"){this.calciteTabsFocusPrevious.emit()}else{this.calciteTabsFocusNext.emit()}break}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el)]}))}))};t.prototype.getTabIdentifier=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.tab?this.tab:this.getTabIndex()]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.controls=t[e.indexOf(this.el.id)]||null;return[2]}))}))};t.prototype.updateHasText=function(){this.hasText=this.el.textContent.trim().length>0};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.emitActiveTab=function(){if(!this.disabled){this.calciteTabsActivate.emit({tab:this.tab})}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeTabChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabTitle.style=calciteTabTitleCss;var SLOTS={tabNav:"tab-nav"};var calciteTabsCss="@-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}:host([bordered]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav){margin-bottom:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){margin-top:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;border-top-width:1px;border-top-color:var(--calcite-ui-border-1);border-top-style:solid}:host([position=below]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-width:0;border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-bottom-style:solid}";var CalciteTabs=function(){function t(t){registerInstance(this,t);this.layout="inline";this.position="above";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}t.prototype.connectedCallback=function(){if(this.layout==="center"){this.bordered=false}};t.prototype.render=function(){return h(Fragment,null,h("slot",{name:SLOTS.tabNav}),h("section",null,h("slot",null)))};t.prototype.calciteTabTitleRegister=function(t){this.titles=__spreadArray(__spreadArray([],this.titles),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabTitleUnregister=function(t){this.titles=this.titles.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.calciteTabRegister=function(t){this.tabs=__spreadArray(__spreadArray([],this.tabs),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabUnregister=function(t){this.tabs=this.tabs.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.registryHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,a;var n=this;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.tabs.some((function(t){return t.tab}))||this.titles.some((function(t){return t.tab}))))return[3,1];t=this.tabs.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));e=this.titles.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));return[3,4];case 1:return[4,Promise.all(this.tabs.map((function(t){return t.getTabIndex()})))];case 2:i=r.sent();return[4,Promise.all(this.titles.map((function(t){return t.getTabIndex()})))];case 3:a=r.sent();t=i.reduce((function(t,e,i){t[e]=n.tabs[i].id;return t}),[]);e=a.reduce((function(t,e,i){t[e]=n.titles[i].id;return t}),[]);r.label=4;case 4:this.tabs.forEach((function(i){return i.updateAriaInfo(t,e)}));this.titles.forEach((function(i){return i.updateAriaInfo(t,e)}));return[2]}}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTabs.style=calciteTabsCss;export{CalciteTab as calcite_tab,CalciteTabNav as calcite_tab_nav,CalciteTabTitle as calcite_tab_title,CalciteTabs as calcite_tabs};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{n as nodeListToArray,a as getElementStyleDir,l as filterDirectChildren,e as getElementProp,b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import{g as getKey}from"./key-69001a68.js";import{c as createObserver}from"./observers-8f0bc419.js";var calciteTabCss="@-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([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3);width:100%;height:100%}:host([active]){display:block;width:100%;height:100%;overflow:auto}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";var CalciteTab=function(){function t(t){registerInstance(this,t);this.calciteTabRegister=createEvent(this,"calciteTabRegister",7);this.active=false;this.scale="m";this.guid="calcite-tab-title-"+guid()}t.prototype.render=function(){var t=this.el.id||this.guid;return h(Host,{"aria-expanded":this.active.toString(),"aria-labelledby":this.labeledBy,id:t,role:"tabpanel"},h("section",null,h("slot",null)))};t.prototype.componentDidLoad=function(){this.calciteTabRegister.emit()};t.prototype.componentWillRender=function(){var t;this.scale=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.scale};t.prototype.disconnectedCallback=function(){var t;(t=document.body)===null||t===void 0?void 0:t.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))};t.prototype.tabChangeHandler=function(t){var e=this;if(t.target.closest("calcite-tabs")!==this.el.closest("calcite-tabs")){return}if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((function(t){return t.matches("calcite-tab")})),this.el)]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.labeledBy=e[t.indexOf(this.el.id)]||null;return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTab.style=calciteTabCss;var calciteTabNavCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex}:host([scale=s]){min-height:1.5rem}:host([scale=m]){min-height:2rem}:host([scale=l]){min-height:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;width:100%;overflow:auto;-ms-flex-pack:start;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding:0.25rem;margin:-0.25rem}:host([layout=center]) .tab-nav{-ms-flex-pack:center;justify-content:center}.tab-nav-active-indicator-container{width:100%;right:0;left:0;bottom:0;position:absolute;overflow:hidden;height:0.125rem}.tab-nav-active-indicator{position:absolute;bottom:0;display:block;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);background-color:var(--calcite-ui-brand);height:0.125rem}:host([position=below]) .tab-nav-active-indicator{bottom:unset;top:0}:host([position=below]) .tab-nav-active-indicator-container{bottom:unset;top:0}:host([bordered]) .tab-nav-active-indicator-container{bottom:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{bottom:0;top:unset}";var CalciteTabNav=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabChange=createEvent(this,"calciteTabChange",7);this.scale="m";this.layout="inline";this.position="below";this.bordered=false;this.animationActiveDuration=.3;this.handleContainerScroll=function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateOffsetPosition()}}t.prototype.selectedTabChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(localStorage&&this.storageId&&this.selectedTab!==undefined&&this.selectedTab!==null){localStorage.setItem("calcite-tab-nav-"+this.storageId,JSON.stringify(this.selectedTab))}this.calciteTabChange.emit({tab:this.selectedTab});t=this;return[4,this.getTabTitleById(this.selectedTab)];case 1:t.selectedTabEl=e.sent();return[2]}}))}))};t.prototype.selectedTabElChanged=function(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=this.animationActiveDuration+"s"};t.prototype.componentWillLoad=function(){var t="calcite-tab-nav-"+this.storageId;if(localStorage&&this.storageId&&localStorage.getItem(t)){var e=JSON.parse(localStorage.getItem(t));this.selectedTab=e;this.calciteTabChange.emit({tab:this.selectedTab})}};t.prototype.componentWillRender=function(){var t,e,i,a;this.layout=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.layout;this.position=(e=this.el.closest("calcite-tabs"))===null||e===void 0?void 0:e.position;this.scale=(i=this.el.closest("calcite-tabs"))===null||i===void 0?void 0:i.scale;this.bordered=(a=this.el.closest("calcite-tabs"))===null||a===void 0?void 0:a.bordered;if(this.selectedTabEl){this.updateOffsetPosition()}};t.prototype.componentDidRender=function(){var t=this;if(this.tabTitles.length&&this.tabTitles.every((function(t){return!t.active}))&&!this.selectedTab){this.tabTitles[0].getTabIdentifier().then((function(e){t.calciteTabChange.emit({tab:e})}))}};t.prototype.render=function(){var t=this;var e=getElementStyleDir(this.el);var i=this.indicatorWidth+"px";var a=this.indicatorOffset+"px";var n=e!=="rtl"?{width:i,left:a}:{width:i,right:a};return h(Host,{role:"tablist"},h("div",{class:"tab-nav",onScroll:this.handleContainerScroll,ref:function(e){return t.tabNavEl=e}},h("div",{class:"tab-nav-active-indicator-container",ref:function(e){return t.activeIndicatorContainerEl=e}},h("div",{class:"tab-nav-active-indicator",ref:function(e){return t.activeIndicatorEl=e},style:n})),h("slot",null)))};t.prototype.resizeHandler=function(){this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()};t.prototype.focusPreviousTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e-1]||this.enabledTabTitles[this.enabledTabTitles.length-1];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.focusNextTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e+1]||this.enabledTabTitles[0];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.activateTabHandler=function(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation();t.preventDefault()};t.prototype.updateTabTitles=function(t){if(t.target.active){this.selectedTab=t.detail}};t.prototype.globalTabChangeHandler=function(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab){this.selectedTab=t.detail.tab}};t.prototype.updateOffsetPosition=function(){var t,e,i,a,n;var r=getElementStyleDir(this.el);var o=(t=this.activeIndicatorContainerEl)===null||t===void 0?void 0:t.offsetWidth;var s=(e=this.selectedTabEl)===null||e===void 0?void 0:e.offsetLeft;var l=(i=this.selectedTabEl)===null||i===void 0?void 0:i.offsetWidth;var c=o-(s+l);this.indicatorOffset=r!=="rtl"?s-((a=this.tabNavEl)===null||a===void 0?void 0:a.scrollLeft):c+((n=this.tabNavEl)===null||n===void 0?void 0:n.scrollLeft)};t.prototype.updateActiveWidth=function(){var t;this.indicatorWidth=(t=this.selectedTabEl)===null||t===void 0?void 0:t.offsetWidth};t.prototype.getIndexOfTabTitle=function(t,e){if(e===void 0){e=this.tabTitles}return e.indexOf(t)};t.prototype.getTabTitleById=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){return[2,Promise.all(this.tabTitles.map((function(t){return t.getTabIdentifier()}))).then((function(i){return e.tabTitles[i.indexOf(t)]}))]}))}))};Object.defineProperty(t.prototype,"tabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"enabledTabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title:not([disabled])")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"],selectedTabEl:["selectedTabElChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabNav.style=calciteTabNavCss;var calciteTabTitleCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-ms-flex:0 1 auto;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;margin-right:1.25rem;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}:host([layout=center]){text-align:center;margin-top:0;margin-bottom:0;margin-left:1.25rem;margin-right:1.25rem;-ms-flex-preferred-size:12rem;flex-basis:12rem}:host([position=below]) a{border-bottom-width:0;border-top-width:2px;border-top-color:transparent;border-top-style:solid}:host a{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) a{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host(:active) a,:host(:focus) a,:host(:hover) a{text-decoration:none;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-border-2)}:host([active]) a{color:var(--calcite-ui-text-1);border-color:transparent}:host([disabled]){pointer-events:none}:host([disabled]) span,:host([disabled]) a{pointer-events:none;opacity:0.5}:host([scale=s]){-webkit-margin-end:1rem;margin-inline-end:1rem}:host([scale=s]) a,:host([scale=s]) span{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) a,:host([scale=m]) span{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}:host([scale=l]) a,:host([scale=l]) span{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}a,span{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:2px;border-bottom-color:transparent;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom-style:solid}span{cursor:default}.calcite-tab-title--icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;-ms-flex-item-align:center;align-self:center}.calcite-tab-title--icon svg{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.container--has-text .calcite-tab-title--icon.icon-start{margin-right:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{margin-left:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-end{margin-left:0;margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-start{margin-left:0.5rem;margin-right:0}:host([icon-start][icon-end]) .calcite--rtl .calcite-tab-title--icon:first-child{margin-left:0.5rem;margin-right:0}:host([bordered]){-webkit-margin-end:0;margin-inline-end:0}:host([bordered][active]){-webkit-box-shadow:inset 0px -2px var(--calcite-ui-foreground-1);box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][active][position=below]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) a,:host([bordered]:focus) a,:host([bordered]:active) a{position:relative}:host([bordered]:hover) a{background-color:var(--calcite-button-transparent-hover);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host([bordered]) a{border-bottom-style:unset}:host([bordered][position=below]) a{border-top-style:unset}:host([active][bordered]) a{border-left:1px solid var(--calcite-ui-border-1);border-right:1px solid var(--calcite-ui-border-1)}:host([bordered]) a,:host([bordered]) span{padding-left:0.75rem;padding-right:0.75rem}:host([bordered][scale=s]) a,:host([bordered][scale=s]) span{padding-left:0.5rem;padding-right:0.5rem}:host([bordered][scale=l]) a,:host([bordered][scale=l]) span{padding-left:1rem;padding-right:1rem}";var CalciteTabTitle=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabsActivate=createEvent(this,"calciteTabsActivate",7);this.calciteTabsFocusNext=createEvent(this,"calciteTabsFocusNext",7);this.calciteTabsFocusPrevious=createEvent(this,"calciteTabsFocusPrevious",7);this.calciteTabTitleRegister=createEvent(this,"calciteTabTitleRegister",7);this.active=false;this.disabled=false;this.bordered=false;this.mutationObserver=createObserver("mutation",(function(){return e.updateHasText()}));this.hasText=false;this.guid="calcite-tab-title-"+guid()}t.prototype.activeTabChanged=function(){if(this.active){this.emitActiveTab()}};t.prototype.connectedCallback=function(){this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=document.body)===null||e===void 0?void 0:e.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}))};t.prototype.componentWillLoad=function(){{this.updateHasText()}if(this.tab&&this.active){this.emitActiveTab()}};t.prototype.componentWillRender=function(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.position=this.parentTabsEl.position;this.scale=this.parentTabsEl.scale;this.bordered=this.parentTabsEl.bordered}if(!this.parentTabsEl&&this.parentTabNavEl){this.position=getElementProp(this.parentTabNavEl,"position",this.position);this.scale=getElementProp(this.parentTabNavEl,"scale",this.scale)}};t.prototype.render=function(){var t;var e=getElementDir(this.el);var i=this.el.id||this.guid;var a=this.disabled?"span":"a";var n=this.bordered&&!this.disabled&&this.layout!=="center";var r=h("calcite-icon",{class:"calcite-tab-title--icon icon-start",dir:e,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var o=h("calcite-icon",{class:"calcite-tab-title--icon icon-end",dir:e,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});return h(Host,{"aria-controls":this.controls,"aria-expanded":this.active.toString(),id:i,role:"tab",tabindex:this.disabled?"-1":"0"},h(a,{class:(t={container:true,"container--has-text":this.hasText},t[CSS_UTILITY.rtl]=e==="rtl",t),style:n&&{width:this.parentTabNavEl.indicatorWidth+"px"}},this.iconStart?r:null,h("slot",null),this.iconEnd?o:null))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:e=(t=this.calciteTabTitleRegister).emit;return[4,this.getTabIdentifier()];case 1:e.apply(t,[i.sent()]);return[2]}}))}))};t.prototype.tabChangeHandler=function(t){var e=this;if(this.parentTabNavEl===t.target){if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}}};t.prototype.onClick=function(){this.emitActiveTab()};t.prototype.keyDownHandler=function(t){switch(getKey(t.key)){case" ":case"Enter":this.emitActiveTab();t.preventDefault();break;case"ArrowRight":if(getElementStyleDir(this.el)==="ltr"){this.calciteTabsFocusNext.emit()}else{this.calciteTabsFocusPrevious.emit()}break;case"ArrowLeft":if(getElementStyleDir(this.el)==="ltr"){this.calciteTabsFocusPrevious.emit()}else{this.calciteTabsFocusNext.emit()}break}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el)]}))}))};t.prototype.getTabIdentifier=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.tab?this.tab:this.getTabIndex()]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.controls=t[e.indexOf(this.el.id)]||null;return[2]}))}))};t.prototype.updateHasText=function(){this.hasText=this.el.textContent.trim().length>0};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.emitActiveTab=function(){if(!this.disabled){this.calciteTabsActivate.emit({tab:this.tab})}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeTabChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabTitle.style=calciteTabTitleCss;var SLOTS={tabNav:"tab-nav"};var calciteTabsCss="@-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}:host([bordered]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav){margin-bottom:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){margin-top:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;border-top-width:1px;border-top-color:var(--calcite-ui-border-1);border-top-style:solid}:host([position=below]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-width:0;border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-bottom-style:solid}";var CalciteTabs=function(){function t(t){registerInstance(this,t);this.layout="inline";this.position="above";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}t.prototype.connectedCallback=function(){if(this.layout==="center"){this.bordered=false}};t.prototype.render=function(){return h(Fragment,null,h("slot",{name:SLOTS.tabNav}),h("section",null,h("slot",null)))};t.prototype.calciteTabTitleRegister=function(t){this.titles=__spreadArray(__spreadArray([],this.titles),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabTitleUnregister=function(t){this.titles=this.titles.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.calciteTabRegister=function(t){this.tabs=__spreadArray(__spreadArray([],this.tabs),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabUnregister=function(t){this.tabs=this.tabs.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.registryHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,a;var n=this;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.tabs.some((function(t){return t.tab}))||this.titles.some((function(t){return t.tab}))))return[3,1];t=this.tabs.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));e=this.titles.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));return[3,4];case 1:return[4,Promise.all(this.tabs.map((function(t){return t.getTabIndex()})))];case 2:i=r.sent();return[4,Promise.all(this.titles.map((function(t){return t.getTabIndex()})))];case 3:a=r.sent();t=i.reduce((function(t,e,i){t[e]=n.tabs[i].id;return t}),[]);e=a.reduce((function(t,e,i){t[e]=n.titles[i].id;return t}),[]);r.label=4;case 4:this.tabs.forEach((function(i){return i.updateAriaInfo(t,e)}));this.titles.forEach((function(i){return i.updateAriaInfo(t,e)}));return[2]}}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTabs.style=calciteTabsCss;export{CalciteTab as calcite_tab,CalciteTabNav as calcite_tab_nav,CalciteTabTitle as calcite_tab_title,CalciteTabs as calcite_tabs};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-d653c37f.js";import{a as getElementDir,C as CSS_UTILITY}from"./dom-f24e866c.js";import{g as guid}from"./guid-196bd5ea.js";var calciteTileSelectCss="@-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}.root{background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;max-width:300px;padding:0.75rem;position:relative;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;vertical-align:top;z-index:10}:host{display:block}:host(:hover) .root{z-index:20;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-1);box-shadow:0 0 0 1px var(--calcite-ui-border-1)}:host([checked]) .root{z-index:30;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}.root.focused{z-index:30}:host(:not([input-enabled]):hover) .root{-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host(:not([input-enabled])) .root.focused{-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand)}:host([width=full]) .root{max-width:none;display:-ms-flexbox;display:flex}:host([width=full]) calcite-tile{-ms-flex:1 1 auto;flex:1 1 auto}:host([input-alignment=start][width=full]) calcite-tile{-ms-flex-order:1;order:1;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}:host(:not([input-enabled])) ::slotted(calcite-checkbox),:host(:not([input-enabled])) ::slotted(calcite-radio-button){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([heading]:not([icon]):not([description])) .root{-ms-flex-align:center;align-items:center}:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) .root,:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) .root{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) ::slotted(calcite-checkbox),:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) ::slotted(calcite-radio-button),:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) ::slotted(calcite-checkbox),:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) ::slotted(calcite-radio-button){-ms-flex-order:0;order:0}:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) calcite-tile,:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) calcite-tile{-ms-flex-order:1;order:1}:host([input-enabled][input-alignment=start][icon][heading]:not([description])) ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=start][icon][heading]:not([description])) ::slotted(calcite-radio-button){position:absolute;top:0.75rem;left:0.75rem}:host([input-enabled][input-alignment=start][icon][heading]:not([description])) .calcite--rtl ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=start][icon][heading]:not([description])) .calcite--rtl ::slotted(calcite-radio-button){right:0.75rem;left:unset}:host([input-enabled][input-alignment=end][icon][heading]) ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=end][icon][heading]) ::slotted(calcite-radio-button){position:absolute;top:0.75rem;right:0.75rem}:host([input-enabled][input-alignment=end][icon][heading]) .calcite--rtl ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=end][icon][heading]) .calcite--rtl ::slotted(calcite-radio-button){right:unset;left:0.75rem}:host([input-enabled][input-alignment=end][heading]:not([icon]):not([description])) .root{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host([input-enabled][input-alignment=end][heading]:not([icon]):not([description])) ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=end][heading]:not([icon]):not([description])) ::slotted(calcite-radio-button){justify-self:flex-end}:host([hidden]){display:none}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}";var CalciteTileSelect=function(){function t(t){registerInstance(this,t);this.calciteTileSelectChange=createEvent(this,"calciteTileSelectChange",7);this.checked=false;this.disabled=false;this.hidden=false;this.name="";this.inputEnabled=false;this.inputAlignment="start";this.type="radio";this.width="auto";this.guid="calcite-tile-select-"+guid();this.focused=false}t.prototype.checkedChanged=function(t){this.input.checked=t};t.prototype.nameChanged=function(t){this.input.name=t};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.setFocus();return[2]}))}))};t.prototype.checkboxChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.checkboxFocusHandler=function(t){var e=t.target;if(e===this.input){this.focused=t.detail}t.stopPropagation()};t.prototype.radioButtonChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.radioButtonCheckedChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation()};t.prototype.radioButtonFocusHandler=function(t){var e=t.target;if(e===this.input){this.focused=e.focused}t.stopPropagation()};t.prototype.click=function(t){var e=t.target;var i=["calcite-tile","calcite-tile-select"];if(i.includes(e.localName)){this.input.click()}};t.prototype.mouseenter=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=true}if(this.input.localName==="calcite-checkbox"){this.input.hovered=true}};t.prototype.mouseleave=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=false}if(this.input.localName==="calcite-checkbox"){this.input.hovered=false}};t.prototype.connectedCallback=function(){this.renderInput()};t.prototype.disconnectedCallback=function(){this.input.parentNode.removeChild(this.input)};t.prototype.renderInput=function(){this.input=document.createElement(this.type==="radio"?"calcite-radio-button":"calcite-checkbox");this.input.checked=this.checked;this.input.disabled=this.disabled;this.input.hidden=this.hidden;this.input.id=this.guid;this.input.label=this.heading||this.name||"";if(this.name){this.input.name=this.name}if(this.value){this.input.value=this.value!=null?this.value.toString():""}this.el.insertAdjacentElement("beforeend",this.input)};t.prototype.render=function(){var t;var e=getElementDir(this.el);return h("div",{class:(t={focused:this.focused,root:true},t[CSS_UTILITY.rtl]=e==="rtl",t)},h("calcite-tile",{active:this.checked,description:this.description,embed:true,heading:this.heading,icon:this.icon}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();CalciteTileSelect.style=calciteTileSelectCss;var calciteTileSelectGroupCss="@-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-wrap:wrap;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-right:1px;margin-bottom:1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}";var CalciteTileSelectGroup=function(){function t(t){registerInstance(this,t);this.layout="horizontal"}t.prototype.render=function(){return h("slot",null)};return t}();CalciteTileSelectGroup.style=calciteTileSelectGroupCss;export{CalciteTileSelect as calcite_tile_select,CalciteTileSelectGroup as calcite_tile_select_group};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-9de00868.js";import{b as getElementDir,C as CSS_UTILITY}from"./dom-dc012a45.js";import{g as guid}from"./guid-196bd5ea.js";var calciteTileSelectCss="@-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}.root{background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;max-width:300px;padding:0.75rem;position:relative;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;vertical-align:top;z-index:10}:host{display:block}:host(:hover) .root{z-index:20;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-1);box-shadow:0 0 0 1px var(--calcite-ui-border-1)}:host([checked]) .root{z-index:30;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}.root.focused{z-index:30}:host(:not([input-enabled]):hover) .root{-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host(:not([input-enabled])) .root.focused{-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-brand)}:host([width=full]) .root{max-width:none;display:-ms-flexbox;display:flex}:host([width=full]) calcite-tile{-ms-flex:1 1 auto;flex:1 1 auto}:host([input-alignment=start][width=full]) calcite-tile{-ms-flex-order:1;order:1;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}:host(:not([input-enabled])) ::slotted(calcite-checkbox),:host(:not([input-enabled])) ::slotted(calcite-radio-button){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([heading]:not([icon]):not([description])) .root{-ms-flex-align:center;align-items:center}:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) .root,:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) .root{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) ::slotted(calcite-checkbox),:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) ::slotted(calcite-radio-button),:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) ::slotted(calcite-checkbox),:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) ::slotted(calcite-radio-button){-ms-flex-order:0;order:0}:host([width=auto][input-enabled][input-alignment=start][icon][heading][description]) calcite-tile,:host([width=auto][input-enabled][input-alignment=start]:not([icon])[heading]:not([description])) calcite-tile{-ms-flex-order:1;order:1}:host([input-enabled][input-alignment=start][icon][heading]:not([description])) ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=start][icon][heading]:not([description])) ::slotted(calcite-radio-button){position:absolute;top:0.75rem;left:0.75rem}:host([input-enabled][input-alignment=start][icon][heading]:not([description])) .calcite--rtl ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=start][icon][heading]:not([description])) .calcite--rtl ::slotted(calcite-radio-button){right:0.75rem;left:unset}:host([input-enabled][input-alignment=end][icon][heading]) ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=end][icon][heading]) ::slotted(calcite-radio-button){position:absolute;top:0.75rem;right:0.75rem}:host([input-enabled][input-alignment=end][icon][heading]) .calcite--rtl ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=end][icon][heading]) .calcite--rtl ::slotted(calcite-radio-button){right:unset;left:0.75rem}:host([input-enabled][input-alignment=end][heading]:not([icon]):not([description])) .root{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host([input-enabled][input-alignment=end][heading]:not([icon]):not([description])) ::slotted(calcite-checkbox),:host([input-enabled][input-alignment=end][heading]:not([icon]):not([description])) ::slotted(calcite-radio-button){justify-self:flex-end}:host([hidden]){display:none}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}";var CalciteTileSelect=function(){function t(t){registerInstance(this,t);this.calciteTileSelectChange=createEvent(this,"calciteTileSelectChange",7);this.checked=false;this.disabled=false;this.hidden=false;this.inputEnabled=false;this.inputAlignment="start";this.type="radio";this.width="auto";this.guid="calcite-tile-select-"+guid();this.focused=false}t.prototype.checkedChanged=function(t){this.input.checked=t};t.prototype.nameChanged=function(t){this.input.name=t};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.setFocus();return[2]}))}))};t.prototype.checkboxChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.checkboxFocusBlurHandler=function(t){var e=t.target;if(e===this.input){this.focused=t.detail}t.stopPropagation()};t.prototype.radioButtonChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.radioButtonCheckedChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation()};t.prototype.radioButtonFocusBlurHandler=function(t){var e=t.target;if(e===this.input){this.focused=e.focused}t.stopPropagation()};t.prototype.click=function(t){var e=t.target;var i=["calcite-tile","calcite-tile-select"];if(i.includes(e.localName)){this.input.click()}};t.prototype.mouseenter=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=true}if(this.input.localName==="calcite-checkbox"){this.input.hovered=true}};t.prototype.mouseleave=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=false}if(this.input.localName==="calcite-checkbox"){this.input.hovered=false}};t.prototype.connectedCallback=function(){this.renderInput()};t.prototype.disconnectedCallback=function(){this.input.parentNode.removeChild(this.input)};t.prototype.renderInput=function(){this.input=document.createElement(this.type==="radio"?"calcite-radio-button":"calcite-checkbox");this.input.checked=this.checked;this.input.disabled=this.disabled;this.input.hidden=this.hidden;this.input.id=this.guid;this.input.label=this.heading||this.name||"";if(this.name){this.input.name=this.name}if(this.value){this.input.value=this.value!=null?this.value.toString():""}this.el.insertAdjacentElement("beforeend",this.input)};t.prototype.render=function(){var t;var e=getElementDir(this.el);return h("div",{class:(t={focused:this.focused,root:true},t[CSS_UTILITY.rtl]=e==="rtl",t)},h("calcite-tile",{active:this.checked,description:this.description,embed:true,heading:this.heading,icon:this.icon}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();CalciteTileSelect.style=calciteTileSelectCss;var calciteTileSelectGroupCss="@-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-wrap:wrap;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-right:1px;margin-bottom:1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}";var CalciteTileSelectGroup=function(){function t(t){registerInstance(this,t);this.layout="horizontal"}t.prototype.render=function(){return h("slot",null)};return t}();CalciteTileSelectGroup.style=calciteTileSelectGroupCss;export{CalciteTileSelect as calcite_tile_select,CalciteTileSelectGroup as calcite_tile_select_group};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as 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{g as getSlotted}from"./dom-dc012a45.js";import"./guid-196bd5ea.js";var SLOTS={contentStart:"content-start",contentEnd:"content-end"};var calciteTileCss="@-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{background-color:var(--calcite-ui-foreground-1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-ui-text-3);display:inline-block;-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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([embed])){padding:0.75rem;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2)}:host(:not([embed])[href]:hover){cursor:pointer;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-brand)}:host(:not([embed])[href]:active){-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand);box-shadow:0 0 0 3px var(--calcite-ui-brand)}:host([icon][heading]:not([description]):not([embed])){padding:0}:host([icon][heading]:not([description])) .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host([icon][heading]:not([description])) .large-visual{text-align:center}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}.container{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0.5rem;gap:0.5rem;pointer-events:none}.content{-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;grid-gap:0.5rem;gap:0.5rem;width:10%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;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:stretch;align-items:stretch;padding:0;color:var(--calcite-ui-text-2);width:100%}.content-slot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}.content-slot-container:first-child{padding-right:0.75rem}.content-slot-container:last-child{padding-left:0.75rem}.heading{font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2);-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);font-weight:var(--calcite-font-weight-medium);pointer-events:none;word-wrap:break-word;overflow-wrap:break-word}.large-visual{-ms-flex-align:center;align-items:center;min-height:12rem}.large-visual .icon{-ms-flex-item-align:end;align-self:flex-end}.large-visual .content-container{-ms-flex-item-align:center;align-self:center}.description{font-size:var(--calcite-font-size--2);line-height:1.375;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);pointer-events:none}:host(:hover) .heading,:host([active]) .heading{color:var(--calcite-ui-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-ui-text-2)}";var CalciteTile=function(){function t(t){registerInstance(this,t);this.active=false;this.disabled=false;this.embed=false;this.focused=false;this.hidden=false}t.prototype.renderTile=function(){var t=this,e=t.icon,i=t.el,n=t.heading,a=t.description;var o=n&&e&&!a;var r=o?{height:"64px",width:"64px"}:undefined;return h("div",{class:{container:true,"large-visual":o}},e&&h("div",{class:"icon"},h("calcite-icon",{icon:e,scale:"l",style:r})),h("div",{class:"content-container"},getSlotted(i,SLOTS.contentStart)?h("div",{class:"content-slot-container"},h("slot",{name:SLOTS.contentStart})):null,h("div",{class:"content"},n&&h("div",{class:"heading"},n),a&&h("div",{class:"description"},a)),getSlotted(i,SLOTS.contentEnd)?h("div",{class:"content-slot-container"},h("slot",{name:SLOTS.contentEnd})):null))};t.prototype.render=function(){return h(Fragment,null,this.href?h("calcite-link",{disabled:this.disabled,href:this.href},this.renderTile()):this.renderTile())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTile.style=calciteTileCss;export{CalciteTile as calcite_tile};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(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{g as getSlotted,a as getElementDir}from"./dom-f24e866c.js";import{C as CalciteHeading,c as constrainHeadingLevel}from"./CalciteHeading-1735f17a.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";var CSS$1={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};var ICONS$1={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};var TEXT$1={defaultGroupTitle:"Tips",defaultPaginationLabel:"Tip",close:"Close",previous:"Previous",next:"Next"};var HEADING_LEVEL$1=2;var CSS={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};var ICONS={close:"x"};var SLOTS={thumbnail:"thumbnail"};var TEXT={close:"Close"};var HEADING_LEVEL=HEADING_LEVEL$1+1;var calciteTipCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:1rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);-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);line-height:1rem}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.container{padding:1rem;width:100%}:host([dismissed]),:host([dismissed]) .container{display:none}:host([selected]) .container{border-style:none;margin:0;padding:0}.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{margin-bottom:0.5rem}.header .heading{color:var(--calcite-ui-text-1);padding:0}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex}.info{padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;width:70%}.info:only-child{width:100%;padding-left:0;padding-right:0}::slotted(p){margin-top:0}::slotted(a){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;color:var(--calcite-ui-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.image-frame{width:25%}.image-frame img{max-width:100%}::slotted(img){max-width:100%}";var CalciteTip=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTipDismiss=createEvent(this,"calciteTipDismiss",7);this.dismissed=false;this.nonDismissible=false;this.selected=false;this.hideTip=function(){t.dismissed=true;t.calciteTipDismiss.emit()}}e.prototype.renderHeader=function(){var e;var t=this,i=t.heading,a=t.headingLevel,n=t.el;var r=(e=n.closest("calcite-tip-manager"))===null||e===void 0?void 0:e.headingLevel;var o=r?constrainHeadingLevel(r+1):null;var s=a||o||HEADING_LEVEL;return i?h("header",{class:CSS.header},h(CalciteHeading,{class:CSS.heading,level:s},i)):null};e.prototype.renderDismissButton=function(){var e=this,t=e.nonDismissible,i=e.hideTip,a=e.intlClose;var n=a||TEXT.close;return!t?h("calcite-action",{class:CSS.close,icon:ICONS.close,onClick:i,scale:"l",text:n}):null};e.prototype.renderImageFrame=function(){var e=this.el;return getSlotted(e,SLOTS.thumbnail)?h("div",{class:CSS.imageFrame},h("slot",{name:SLOTS.thumbnail})):null};e.prototype.renderInfoNode=function(){return h("div",{class:CSS.info},h("slot",null))};e.prototype.renderContent=function(){return h("div",{class:CSS.content},this.renderImageFrame(),this.renderInfoNode())};e.prototype.render=function(){return h(Fragment,null,h("article",{class:CSS.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTip.style=calciteTipCss;var calciteTipGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-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);line-height:1rem}::slotted(calcite-tip){border-style:none;margin:0}:host-context(calcite-tip-manager){margin-top:0.75rem;margin-bottom:0.75rem}:host-context(calcite-tip-manager) ::slotted(calcite-tip){padding:1rem}";var CalciteTipGroup=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("slot",null)};return e}();CalciteTipGroup.style=calciteTipGroupCss;var calciteTipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-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);line-height:1rem;--calcite-tip-manager-height:19vh}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([closed]){display:none}.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{border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-left:1rem;padding-right:0;padding-top:0;padding-bottom:0}.header h2.heading{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size-1);line-height:1.5rem;padding:0}.container{overflow:hidden;position:relative;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;min-height:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{margin-top:0;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;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-top:1px;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:150ms;animation-duration:150ms;height:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-width:var(--calcite-tip-max-width)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-top:0.75rem;padding-bottom:0.5rem;padding-left:0;padding-right:0}.page-position{font-size:var(--calcite-font-size--2);line-height:1rem;margin-top:0;margin-bottom:0;margin-left:0.5rem;margin-right:0.5rem}:host-context([dir=rtl]) .header.header{padding-right:1rem;padding-left:0;padding-top:0;padding-bottom:0}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}";var CalciteTipManager=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTipManagerToggle=createEvent(this,"calciteTipManagerToggle",7);this.closed=false;this.mutationObserver=createObserver("mutation",(function(){return t.setUpTips()}));this.hideTipManager=function(){t.closed=true;t.calciteTipManagerToggle.emit()};this.previousClicked=function(){t.previousTip()};this.nextClicked=function(){t.nextTip()};this.tipManagerKeyUpHandler=function(e){if(e.target!==t.container){return}switch(e.key){case"ArrowRight":e.preventDefault();t.nextTip();break;case"ArrowLeft":e.preventDefault();t.previousTip();break;case"Home":e.preventDefault();t.selectedIndex=0;break;case"End":e.preventDefault();t.selectedIndex=t.total-1;break}};this.storeContainerRef=function(e){t.container=e}}e.prototype.closedChangeHandler=function(){this.direction=null;this.calciteTipManagerToggle.emit()};e.prototype.selectedChangeHandler=function(){this.showSelectedTip();this.updateGroupTitle()};e.prototype.connectedCallback=function(){var e;this.setUpTips();(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.nextTip=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.direction="advancing";e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total;return[2]}))}))};e.prototype.previousTip=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.direction="retreating";e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total;return[2]}))}))};e.prototype.setUpTips=function(){var e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}var t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((function(e){e.nonDismissible=true}));this.showSelectedTip();this.updateGroupTitle()};e.prototype.showSelectedTip=function(){var e=this;this.tips.forEach((function(t,i){var a=e.selectedIndex===i;t.selected=a;t.hidden=!a}))};e.prototype.updateGroupTitle=function(){var e=this.tips[this.selectedIndex];var t=e.closest("calcite-tip-group");this.groupTitle=(t===null||t===void 0?void 0:t.groupTitle)||this.intlDefaultTitle||TEXT$1.defaultGroupTitle};e.prototype.renderPagination=function(){var e=getElementDir(this.el);var t=this,i=t.selectedIndex,a=t.tips,n=t.total,r=t.intlNext,o=t.intlPrevious,s=t.intlPaginationLabel;var l=r||TEXT$1.next;var c=o||TEXT$1.previous;var m=s||TEXT$1.defaultPaginationLabel;return a.length>1?h("footer",{class:CSS$1.pagination},h("calcite-action",{class:CSS$1.pagePrevious,icon:e==="ltr"?ICONS$1.chevronLeft:ICONS$1.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),h("span",{class:CSS$1.pagePosition},m+" "+(i+1)+"/"+n),h("calcite-action",{class:CSS$1.pageNext,icon:e==="ltr"?ICONS$1.chevronRight:ICONS$1.chevronLeft,onClick:this.nextClicked,scale:"m",text:l})):null};e.prototype.render=function(){var e;var t=this,i=t.closed,a=t.direction,n=t.headingLevel,r=t.groupTitle,o=t.selectedIndex,s=t.intlClose,l=t.total;var c=s||TEXT$1.close;if(l===0){return null}return h("section",{"aria-hidden":i.toString(),class:CSS$1.container,hidden:i,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef,tabIndex:0},h("header",{class:CSS$1.header},h(CalciteHeading,{class:CSS$1.heading,level:n||HEADING_LEVEL$1},r),h("calcite-action",{class:CSS$1.close,onClick:this.hideTipManager,scale:"m",text:c},h("calcite-icon",{icon:ICONS$1.close,scale:"m"}))),h("div",{class:(e={},e[CSS$1.tipContainer]=true,e[CSS$1.tipContainerAdvancing]=!i&&a==="advancing",e[CSS$1.tipContainerRetreating]=!i&&a==="retreating",e),key:o,tabIndex:0},h("slot",null)),this.renderPagination())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:false,configurable:true});return e}();CalciteTipManager.style=calciteTipManagerCss;export{CalciteTip as calcite_tip,CalciteTipGroup as calcite_tip_group,CalciteTipManager as calcite_tip_manager};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{g as getSlotted,a as getElementStyleDir}from"./dom-dc012a45.js";import{C as CalciteHeading,c as constrainHeadingLevel}from"./CalciteHeading-1d6cd311.js";import{c as createObserver}from"./observers-8f0bc419.js";import"./guid-196bd5ea.js";var CSS$1={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};var ICONS$1={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};var TEXT$1={defaultGroupTitle:"Tips",defaultPaginationLabel:"Tip",close:"Close",previous:"Previous",next:"Next"};var HEADING_LEVEL$1=2;var CSS={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};var ICONS={close:"x"};var SLOTS={thumbnail:"thumbnail"};var TEXT={close:"Close"};var HEADING_LEVEL=HEADING_LEVEL$1+1;var calciteTipCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:1rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);-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);line-height:1rem}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.container{padding:1rem;width:100%}:host([dismissed]),:host([dismissed]) .container{display:none}:host([selected]) .container{border-style:none;margin:0;padding:0}.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{margin-bottom:0.5rem}.header .heading{color:var(--calcite-ui-text-1);padding:0}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex}.info{padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;width:70%}.info:only-child{width:100%;padding-left:0;padding-right:0}::slotted(p){margin-top:0}::slotted(a){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;color:var(--calcite-ui-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.image-frame{width:25%}.image-frame img{max-width:100%}::slotted(img){max-width:100%}";var CalciteTip=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTipDismiss=createEvent(this,"calciteTipDismiss",7);this.dismissed=false;this.nonDismissible=false;this.selected=false;this.hideTip=function(){t.dismissed=true;t.calciteTipDismiss.emit()}}e.prototype.renderHeader=function(){var e;var t=this,i=t.heading,a=t.headingLevel,n=t.el;var r=(e=n.closest("calcite-tip-manager"))===null||e===void 0?void 0:e.headingLevel;var o=r?constrainHeadingLevel(r+1):null;var s=a||o||HEADING_LEVEL;return i?h("header",{class:CSS.header},h(CalciteHeading,{class:CSS.heading,level:s},i)):null};e.prototype.renderDismissButton=function(){var e=this,t=e.nonDismissible,i=e.hideTip,a=e.intlClose;var n=a||TEXT.close;return!t?h("calcite-action",{class:CSS.close,icon:ICONS.close,onClick:i,scale:"l",text:n}):null};e.prototype.renderImageFrame=function(){var e=this.el;return getSlotted(e,SLOTS.thumbnail)?h("div",{class:CSS.imageFrame},h("slot",{name:SLOTS.thumbnail})):null};e.prototype.renderInfoNode=function(){return h("div",{class:CSS.info},h("slot",null))};e.prototype.renderContent=function(){return h("div",{class:CSS.content},this.renderImageFrame(),this.renderInfoNode())};e.prototype.render=function(){return h(Fragment,null,h("article",{class:CSS.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTip.style=calciteTipCss;var calciteTipGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-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);line-height:1rem}::slotted(calcite-tip){border-style:none;margin:0}:host-context(calcite-tip-manager){margin-top:0.75rem;margin-bottom:0.75rem}:host-context(calcite-tip-manager) ::slotted(calcite-tip){padding:1rem}";var CalciteTipGroup=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("slot",null)};return e}();CalciteTipGroup.style=calciteTipGroupCss;var calciteTipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-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);line-height:1rem;--calcite-tip-manager-height:19vh}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([closed]){display:none}.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{border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-left:1rem;padding-right:0;padding-top:0;padding-bottom:0}.header h2.heading{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size-1);line-height:1.5rem;padding:0}.container{overflow:hidden;position:relative;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;min-height:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{margin-top:0;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;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-top:1px;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:150ms;animation-duration:150ms;height:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-width:var(--calcite-tip-max-width)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-top:0.75rem;padding-bottom:0.5rem;padding-left:0;padding-right:0}.page-position{font-size:var(--calcite-font-size--2);line-height:1rem;margin-top:0;margin-bottom:0;margin-left:0.5rem;margin-right:0.5rem}:host-context([dir=rtl]) .header.header{padding-right:1rem;padding-left:0;padding-top:0;padding-bottom:0}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}";var CalciteTipManager=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTipManagerToggle=createEvent(this,"calciteTipManagerToggle",7);this.closed=false;this.mutationObserver=createObserver("mutation",(function(){return t.setUpTips()}));this.hideTipManager=function(){t.closed=true;t.calciteTipManagerToggle.emit()};this.previousClicked=function(){t.previousTip()};this.nextClicked=function(){t.nextTip()};this.tipManagerKeyUpHandler=function(e){if(e.target!==t.container){return}switch(e.key){case"ArrowRight":e.preventDefault();t.nextTip();break;case"ArrowLeft":e.preventDefault();t.previousTip();break;case"Home":e.preventDefault();t.selectedIndex=0;break;case"End":e.preventDefault();t.selectedIndex=t.total-1;break}};this.storeContainerRef=function(e){t.container=e}}e.prototype.closedChangeHandler=function(){this.direction=null;this.calciteTipManagerToggle.emit()};e.prototype.selectedChangeHandler=function(){this.showSelectedTip();this.updateGroupTitle()};e.prototype.connectedCallback=function(){var e;this.setUpTips();(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.nextTip=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.direction="advancing";e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total;return[2]}))}))};e.prototype.previousTip=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){this.direction="retreating";e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total;return[2]}))}))};e.prototype.setUpTips=function(){var e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}var t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((function(e){e.nonDismissible=true}));this.showSelectedTip();this.updateGroupTitle()};e.prototype.showSelectedTip=function(){var e=this;this.tips.forEach((function(t,i){var a=e.selectedIndex===i;t.selected=a;t.hidden=!a}))};e.prototype.updateGroupTitle=function(){var e=this.tips[this.selectedIndex];var t=e.closest("calcite-tip-group");this.groupTitle=(t===null||t===void 0?void 0:t.groupTitle)||this.intlDefaultTitle||TEXT$1.defaultGroupTitle};e.prototype.renderPagination=function(){var e=getElementStyleDir(this.el);var t=this,i=t.selectedIndex,a=t.tips,n=t.total,r=t.intlNext,o=t.intlPrevious,s=t.intlPaginationLabel;var l=r||TEXT$1.next;var c=o||TEXT$1.previous;var m=s||TEXT$1.defaultPaginationLabel;return a.length>1?h("footer",{class:CSS$1.pagination},h("calcite-action",{class:CSS$1.pagePrevious,icon:e==="ltr"?ICONS$1.chevronLeft:ICONS$1.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),h("span",{class:CSS$1.pagePosition},m+" "+(i+1)+"/"+n),h("calcite-action",{class:CSS$1.pageNext,icon:e==="ltr"?ICONS$1.chevronRight:ICONS$1.chevronLeft,onClick:this.nextClicked,scale:"m",text:l})):null};e.prototype.render=function(){var e;var t=this,i=t.closed,a=t.direction,n=t.headingLevel,r=t.groupTitle,o=t.selectedIndex,s=t.intlClose,l=t.total;var c=s||TEXT$1.close;if(l===0){return null}return h("section",{"aria-hidden":i.toString(),class:CSS$1.container,hidden:i,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef,tabIndex:0},h("header",{class:CSS$1.header},h(CalciteHeading,{class:CSS$1.heading,level:n||HEADING_LEVEL$1},r),h("calcite-action",{class:CSS$1.close,onClick:this.hideTipManager,scale:"m",text:c},h("calcite-icon",{icon:ICONS$1.close,scale:"m"}))),h("div",{class:(e={},e[CSS$1.tipContainer]=true,e[CSS$1.tipContainerAdvancing]=!i&&a==="advancing",e[CSS$1.tipContainerRetreating]=!i&&a==="retreating",e),key:o,tabIndex:0},h("slot",null)),this.renderPagination())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:false,configurable:true});return e}();CalciteTipManager.style=calciteTipManagerCss;export{CalciteTip as calcite_tip,CalciteTipGroup as calcite_tip_group,CalciteTipManager as calcite_tip_manager};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function n(t){try{l(a.next(t))}catch(t){r(t)}}function s(t){try{l(a["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):o(t.value).then(n,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,o,r,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(e){return l([t,e])}}function l(n){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,o&&(r=n[0]&2?o["return"]:n[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,n[1])).done)return r;if(o=0,r)n=[n[0]&2,r.value];switch(n[0]){case 0:case 1:r=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;o=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!r||n[1]>r[0]&&n[1]<r[3])){i.label=n[1];break}if(n[0]===6&&i.label<r[1]){i.label=r[1];r=n;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(n);break}if(r[2])i.ops.pop();i.trys.pop();continue}n=e.call(t,i)}catch(t){n=[6,t];o=0}finally{a=r=0}if(n[0]&5)throw n[1];return{value:n[0]?n[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,h,H as Host,g as getElement}from"./index-d653c37f.js";import{g as guid}from"./guid-196bd5ea.js";import{d as defaultOffsetDistance,u as updatePopper,c as createPopper,C as CSS$1}from"./popper-7499ea4f.js";import{q as queryElementRoots}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";var CSS={container:"container",arrow:"arrow"};var TOOLTIP_DELAY_MS=500;var TOOLTIP_REFERENCE="data-calcite-tooltip-reference";var ARIA_DESCRIBED_BY="aria-describedby";var calciteTooltipCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:"";-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}.container{position:relative;background-color:var(--calcite-ui-foreground-1);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-direction:column;flex-direction:column;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;overflow:hidden;font-size:var(--calcite-font-size--2);line-height:1.375;border-radius:0.25rem;max-width:20rem;max-height:20rem}.calcite-popper-anim{background-color:var(--calcite-ui-foreground-1);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);border-radius:0.25rem}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}';var CalciteTooltip=function(){function t(t){var e=this;registerInstance(this,t);this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.guid="calcite-tooltip-"+guid();this.setUpReferenceElement=function(){e.removeReferences();e.effectiveReferenceElement=e.getReferenceElement();var t=e,i=t.el,o=t.referenceElement,a=t.effectiveReferenceElement;if(o&&!a){console.warn(i.tagName+': reference-element id "'+o+'" was not found.',{el:i})}e.addReferences();e.createPopper()};this.getId=function(){return e.el.id||e.guid};this.addReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}var i=e.getId();t.setAttribute(TOOLTIP_REFERENCE,i);t.setAttribute(ARIA_DESCRIBED_BY,i)};this.removeReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}t.removeAttribute(TOOLTIP_REFERENCE);t.removeAttribute(ARIA_DESCRIBED_BY)};this.show=function(){e.open=true};this.hide=function(){e.open=false}}t.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};t.prototype.offsetSkiddingHandler=function(){this.reposition()};t.prototype.openHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};t.prototype.componentWillLoad=function(){this.setUpReferenceElement()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){this.removeReferences();this.destroyPopper()};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,o,a;return __generator(this,(function(r){t=this,e=t.popper,i=t.el,o=t.placement;a=this.getModifiers();e?updatePopper({el:i,modifiers:a,placement:o,popper:e}):this.createPopper();return[2]}))}))};t.prototype.getReferenceElement=function(){var t=this,e=t.referenceElement,i=t.el;return(typeof e==="string"?queryElementRoots(i,"#"+e):e)||null};t.prototype.getModifiers=function(){var t=this,e=t.arrowEl,i=t.offsetDistance,o=t.offsetSkidding;var a={name:"arrow",enabled:true,options:{element:e}};var r={name:"offset",enabled:true,options:{offset:[o,i]}};return[a,r]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.el,i=t.placement,o=t.effectiveReferenceElement,a=t.overlayPositioning;var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,placement:i,overlayPositioning:a,referenceEl:o})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.render=function(){var t;var e=this;var i=this,o=i.effectiveReferenceElement,a=i.label,r=i.open;var n=o&&r;var s=!n;return h(Host,{"aria-hidden":s.toString(),"aria-label":a,"calcite-hydrated-hidden":s,id:this.getId(),role:"tooltip"},h("div",{class:(t={},t[CSS$1.animation]=true,t[CSS$1.animationActive]=n,t)},h("div",{class:CSS.arrow,ref:function(t){return e.arrowEl=t}}),h("div",{class:CSS.container},h("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return t}();CalciteTooltip.style=calciteTooltipCss;var calciteTooltipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalciteTooltipManager=function(){function t(t){var e=this;registerInstance(this,t);this.hoverTimeouts=new WeakMap;this.selector="["+TOOLTIP_REFERENCE+"]";this.queryTooltip=function(t){var i;var o=e,a=o.selector,r=o.el;var n=(i=t.closest(a))===null||i===void 0?void 0:i.getAttribute(TOOLTIP_REFERENCE);return queryElementRoots(r,"#"+n)};this.clearHoverTimeout=function(t){var i=e.hoverTimeouts;if(i.has(t)){window.clearTimeout(i.get(t));i.delete(t)}};this.closeExistingTooltip=function(){var t=e.tooltipEl;if(t){e.toggleTooltip(t,false)}};this.focusTooltip=function(t){var i=t.tooltip,o=t.value;e.closeExistingTooltip();if(o){e.clearHoverTimeout(i)}e.toggleTooltip(i,o)};this.toggleTooltip=function(t,i){t.open=i;if(i){e.tooltipEl=t}};this.hoverToggle=function(t){var i=t.tooltip,o=t.value;var a=e.hoverTimeouts;a.delete(i);if(o){e.closeExistingTooltip()}e.toggleTooltip(i,o)};this.hoverTooltip=function(t){var i=t.tooltip,o=t.value;e.clearHoverTimeout(i);var a=e.hoverTimeouts;var r=window.setTimeout((function(){return e.hoverToggle({tooltip:i,value:o})}),TOOLTIP_DELAY_MS);a.set(i,r)};this.activeTooltipHover=function(t){var i=e,o=i.tooltipEl,a=i.hoverTimeouts;var r=t.type;if(!o){return}if(r==="mouseover"&&t.composedPath().includes(o)){e.clearHoverTimeout(o)}else if(r==="mouseout"&&!a.has(o)){e.hoverTooltip({tooltip:o,value:false})}};this.hoverEvent=function(t,i){var o=e.queryTooltip(t.target);e.activeTooltipHover(t);if(!o){return}e.hoverTooltip({tooltip:o,value:i})};this.focusEvent=function(t,i){var o=e.queryTooltip(t.target);if(!o||o===e.clickedTooltip){e.clickedTooltip=null;return}e.focusTooltip({tooltip:o,value:i})}}t.prototype.render=function(){return h("slot",null)};t.prototype.keyUpHandler=function(t){if(getKey(t.key)==="Escape"){var e=this.tooltipEl;if(e){this.clearHoverTimeout(e);this.toggleTooltip(e,false)}}};t.prototype.mouseEnterShow=function(t){this.hoverEvent(t,true)};t.prototype.mouseLeaveHide=function(t){this.hoverEvent(t,false)};t.prototype.clickHandler=function(t){var e=this.queryTooltip(t.target);this.clickedTooltip=e;if(e){this.toggleTooltip(e,false)}};t.prototype.focusShow=function(t){this.focusEvent(t,true)};t.prototype.blurHide=function(t){this.focusEvent(t,false)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTooltipManager.style=calciteTooltipManagerCss;export{CalciteTooltip as calcite_tooltip,CalciteTooltipManager as calcite_tooltip_manager};
|
|
5
|
+
*/import{r as registerInstance,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{d as defaultOffsetDistance,u as updatePopper,c as createPopper,C as CSS$1}from"./popper-ed1eefa6.js";import{q as queryElementRoots}from"./dom-dc012a45.js";import{g as getKey}from"./key-69001a68.js";var CSS={container:"container",arrow:"arrow"};var TOOLTIP_DELAY_MS=500;var TOOLTIP_REFERENCE="data-calcite-tooltip-reference";var ARIA_DESCRIBED_BY="aria-describedby";var calciteTooltipCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:"";-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}.container{position:relative;background-color:var(--calcite-ui-foreground-1);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-direction:column;flex-direction:column;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;overflow:hidden;font-size:var(--calcite-font-size--2);line-height:1.375;border-radius:0.25rem;max-width:20rem;max-height:20rem}.calcite-popper-anim{background-color:var(--calcite-ui-foreground-1);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);border-radius:0.25rem}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}';var CalciteTooltip=function(){function t(t){var e=this;registerInstance(this,t);this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.guid="calcite-tooltip-"+guid();this.setUpReferenceElement=function(){e.removeReferences();e.effectiveReferenceElement=e.getReferenceElement();var t=e,i=t.el,a=t.referenceElement,o=t.effectiveReferenceElement;if(a&&!o){console.warn(i.tagName+': reference-element id "'+a+'" was not found.',{el:i})}e.addReferences();e.createPopper()};this.getId=function(){return e.el.id||e.guid};this.addReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}var i=e.getId();t.setAttribute(TOOLTIP_REFERENCE,i);t.setAttribute(ARIA_DESCRIBED_BY,i)};this.removeReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}t.removeAttribute(TOOLTIP_REFERENCE);t.removeAttribute(ARIA_DESCRIBED_BY)};this.show=function(){e.open=true};this.hide=function(){e.open=false}}t.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};t.prototype.offsetSkiddingHandler=function(){this.reposition()};t.prototype.openHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};t.prototype.componentWillLoad=function(){this.setUpReferenceElement()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){this.removeReferences();this.destroyPopper()};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,a,o,r;return __generator(this,(function(n){switch(n.label){case 0:t=this,e=t.popper,i=t.el,a=t.placement;o=this.getModifiers();if(!e)return[3,2];return[4,updatePopper({el:i,modifiers:o,placement:a,popper:e})];case 1:r=n.sent();return[3,3];case 2:r=this.createPopper();n.label=3;case 3:r;return[2]}}))}))};t.prototype.getReferenceElement=function(){var t=this,e=t.referenceElement,i=t.el;return(typeof e==="string"?queryElementRoots(i,"#"+e):e)||null};t.prototype.getModifiers=function(){var t=this,e=t.arrowEl,i=t.offsetDistance,a=t.offsetSkidding;var o={name:"arrow",enabled:true,options:{element:e}};var r={name:"offset",enabled:true,options:{offset:[a,i]}};return[o,r]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.el,i=t.placement,a=t.effectiveReferenceElement,o=t.overlayPositioning;var r=this.getModifiers();this.popper=createPopper({el:e,modifiers:r,placement:i,overlayPositioning:o,referenceEl:a})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.render=function(){var t;var e=this;var i=this,a=i.effectiveReferenceElement,o=i.label,r=i.open;var n=a&&r;var s=!n;return h(Host,{"aria-hidden":s.toString(),"aria-label":o,"calcite-hydrated-hidden":s,id:this.getId(),role:"tooltip"},h("div",{class:(t={},t[CSS$1.animation]=true,t[CSS$1.animationActive]=n,t)},h("div",{class:CSS.arrow,ref:function(t){return e.arrowEl=t}}),h("div",{class:CSS.container},h("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return t}();CalciteTooltip.style=calciteTooltipCss;var calciteTooltipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";var CalciteTooltipManager=function(){function t(t){var e=this;registerInstance(this,t);this.hoverTimeouts=new WeakMap;this.selector="["+TOOLTIP_REFERENCE+"]";this.queryTooltip=function(t){var i;var a=e,o=a.selector,r=a.el;var n=(i=t.closest(o))===null||i===void 0?void 0:i.getAttribute(TOOLTIP_REFERENCE);return queryElementRoots(r,"#"+n)};this.clearHoverTimeout=function(t){var i=e.hoverTimeouts;if(i.has(t)){window.clearTimeout(i.get(t));i.delete(t)}};this.closeExistingTooltip=function(){var t=e.tooltipEl;if(t){e.toggleTooltip(t,false)}};this.focusTooltip=function(t){var i=t.tooltip,a=t.value;e.closeExistingTooltip();if(a){e.clearHoverTimeout(i)}e.toggleTooltip(i,a)};this.toggleTooltip=function(t,i){t.open=i;if(i){e.tooltipEl=t}};this.hoverToggle=function(t){var i=t.tooltip,a=t.value;var o=e.hoverTimeouts;o.delete(i);if(a){e.closeExistingTooltip()}e.toggleTooltip(i,a)};this.hoverTooltip=function(t){var i=t.tooltip,a=t.value;e.clearHoverTimeout(i);var o=e.hoverTimeouts;var r=window.setTimeout((function(){return e.hoverToggle({tooltip:i,value:a})}),TOOLTIP_DELAY_MS);o.set(i,r)};this.activeTooltipHover=function(t){var i=e,a=i.tooltipEl,o=i.hoverTimeouts;var r=t.type;if(!a){return}if(r==="mouseover"&&t.composedPath().includes(a)){e.clearHoverTimeout(a)}else if(r==="mouseout"&&!o.has(a)){e.hoverTooltip({tooltip:a,value:false})}};this.hoverEvent=function(t,i){var a=e.queryTooltip(t.target);e.activeTooltipHover(t);if(!a){return}e.hoverTooltip({tooltip:a,value:i})};this.focusEvent=function(t,i){var a=e.queryTooltip(t.target);if(!a||a===e.clickedTooltip){e.clickedTooltip=null;return}e.focusTooltip({tooltip:a,value:i})}}t.prototype.render=function(){return h("slot",null)};t.prototype.keyUpHandler=function(t){if(getKey(t.key)==="Escape"){var e=this.tooltipEl;if(e){this.clearHoverTimeout(e);this.toggleTooltip(e,false)}}};t.prototype.mouseEnterShow=function(t){this.hoverEvent(t,true)};t.prototype.mouseLeaveHide=function(t){this.hoverEvent(t,false)};t.prototype.clickHandler=function(t){var e=this.queryTooltip(t.target);this.clickedTooltip=e;if(e){this.toggleTooltip(e,false)}};t.prototype.focusShow=function(t){this.focusEvent(t,true)};t.prototype.blurHide=function(t){this.focusEvent(t,false)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTooltipManager.style=calciteTooltipManagerCss;export{CalciteTooltip as calcite_tooltip,CalciteTooltipManager as calcite_tooltip_manager};
|
|
@@ -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{f as focusElement,n as nodeListToArray,g as getSlotted,a as getElementDir,C as CSS_UTILITY,k as filterDirectChildren}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import"./guid-196bd5ea.js";var TreeSelectionMode;(function(e){e["Single"]="single";e["Multi"]="multi";e["Children"]="children";e["MultiChildren"]="multi-children";e["Ancestors"]="ancestors"})(TreeSelectionMode||(TreeSelectionMode={}));var calciteTreeCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;outline:2px solid transparent;outline-offset:2px}";var CalciteTree=function(){function e(e){registerInstance(this,e);this.calciteTreeSelect=createEvent(this,"calciteTreeSelect",7);this.lines=false;this.inputEnabled=false;this.scale="m";this.selectionMode=TreeSelectionMode.Single}e.prototype.componentWillRender=function(){var e=this.el.parentElement.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e};e.prototype.render=function(){return h(Host,{"aria-multiselectable":(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren).toString(),role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},h("slot",null))};e.prototype.onFocus=function(){if(!this.child){var e=this.el.querySelector("calcite-tree-item[selected]")||this.el.querySelector("calcite-tree-item");focusElement(e)}};e.prototype.onFocusIn=function(e){var t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=-1}};e.prototype.onFocusOut=function(e){var t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}};e.prototype.onClick=function(e){var t=e.target;var i=nodeListToArray(t.querySelectorAll("calcite-tree-item"));if(this.child){return}if(!this.child){e.preventDefault();e.stopPropagation()}if(this.selectionMode===TreeSelectionMode.Ancestors&&!this.child){this.updateAncestorTree(e);return}var n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren));var a=e.detail.modifyCurrentSelection&&(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren);var r=this.selectionMode===TreeSelectionMode.MultiChildren||this.selectionMode===TreeSelectionMode.Children;var o=!a&&((this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Multi)&&i.length<=0||this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren);var c=this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren;if(!this.child){var l=[];if(n){l.push(t)}if(r){i.forEach((function(e){l.push(e)}))}if(o){var s=nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));s.forEach((function(e){if(!l.includes(e)){e.selected=false}}))}if(c&&!e.detail.forceToggle){t.expanded=true}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected||r&&e.detail.forceToggle){l.forEach((function(e){e.selected=false}))}else{l.forEach((function(e){e.selected=true}))}}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.updateAncestorTree=function(e){var t=e.target;var i=t.querySelectorAll("calcite-tree-item");var n=[];var a=t.parentElement.closest("calcite-tree-item");while(a){n.push(a);a=a.parentElement.closest("calcite-tree-item")}t.selected=!t.selected;t.indeterminate=false;if(i===null||i===void 0?void 0:i.length){i.forEach((function(e){e.selected=t.selected;e.indeterminate=false}))}if(n){n.forEach((function(e){var t=nodeListToArray(e.querySelectorAll("calcite-tree-item"));var i=t.filter((function(e){return e.selected}));if(i.length===0){e.selected=false;e.indeterminate=false;return}var n=i.length<t.length;e.indeterminate=n;e.selected=!n}))}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.getRootTabIndex=function(){return!this.child?0:-1};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTree.style=calciteTreeCss;var CSS={checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark"};var SLOTS={children:"children"};var ICONS={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right"};var calciteTreeItemCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-tree-indicator:var(--calcite-ui-border-1);--calcite-tree-indicator-active:var(--calcite-ui-brand);--calcite-tree-text:var(--calcite-ui-text-3);--calcite-tree-text-active:var(--calcite-ui-text-1);display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-tree-text)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox{-webkit-margin-start:2rem;margin-inline-start:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}:host([lines]){--calcite-tree-line:var(--calcite-ui-border-2);--calcite-tree-line-hover:var(--calcite-ui-border-1)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}.children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:"";background-color:var(--calcite-tree-line);z-index:-1}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkbox{-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-tree-indicator)}.node-container:hover ::slotted(*),:host([selected]) .node-container:hover ::slotted(*),:host(:focus) .node-container ::slotted(*){color:var(--calcite-tree-text-hover)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{color:var(--calcite-tree-text-active);font-weight:var(--calcite-font-weight-medium)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children]))[scale=s]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children]))[scale=m]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children]))[scale=l]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-active)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-tree-indicator-active)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:var(--calcite-tree-text)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([scale=s])>.node-container .checkbox{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m])>.node-container .checkbox{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l])>.node-container .checkbox{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-tree-indicator-active)}';var CalciteTreeItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTreeItemSelect=createEvent(this,"calciteTreeItemSelect",7);this.selected=false;this.expanded=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.iconClickHandler=function(e){e.stopPropagation();t.expanded=!t.expanded;if(t.selectionMode!==TreeSelectionMode.Ancestors){t.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:true})}};this.childrenClickHandler=function(e){return e.stopPropagation()};this.updateAncestorTree=function(){if(t.selected&&t.selectionMode===TreeSelectionMode.Ancestors){var e=[];var i=t.el.parentElement.closest("calcite-tree-item");while(i){e.push(i);i=i.parentElement.closest("calcite-tree-item")}e.forEach((function(e){return e.indeterminate=true}));return}}}e.prototype.expandedHandler=function(e){var t=getSlotted(this.el,"children",{all:true,selector:"calcite-tree-item"});t.forEach((function(t){return t.parentExpanded=e}))};e.prototype.connectedCallback=function(){this.expandedHandler(this.expanded)};e.prototype.componentWillRender=function(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;var e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;var t;while(e){t=e.parentElement.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}};e.prototype.componentDidLoad=function(){this.updateAncestorTree()};e.prototype.render=function(){var e,t,i,n;var a=this;var r=getElementDir(this.el)==="rtl";var o=this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Children;var c=this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren;var l=this.hasChildren?h("calcite-icon",{class:(e={},e[CSS.chevron]=true,e[CSS_UTILITY.rtl]=r,e),"data-test-id":"icon",icon:ICONS.chevronRight,onClick:this.iconClickHandler,scale:"s"}):null;var s=this.selectionMode===TreeSelectionMode.Ancestors?h("label",{class:CSS.checkboxLabel},h("calcite-checkbox",{checked:this.selected,class:CSS.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),h("slot",null)):null;var d=o?ICONS.bulletPoint:c?ICONS.checkmark:null;var m=d?h("calcite-icon",{class:(t={},t[CSS.bulletPointIcon]=d===ICONS.bulletPoint,t[CSS.checkmarkIcon]=d===ICONS.checkmark,t[CSS_UTILITY.rtl]=r,t),icon:d,scale:"s"}):null;var f=!(this.parentExpanded||this.depth===1);return h(Host,{"aria-expanded":this.hasChildren?this.expanded.toString():undefined,"aria-hidden":f.toString(),"aria-selected":this.selected?"true":c?"false":undefined,"calcite-hydrated-hidden":f,role:"treeitem",tabindex:this.parentExpanded||this.depth===1?"0":"-1"},h("div",{class:(i={},i[CSS.nodeContainer]=true,i[CSS_UTILITY.rtl]=r,i),"data-selection-mode":this.selectionMode,ref:function(e){return a.defaultSlotWrapper=e}},l,m,s?s:h("slot",null)),h("div",{class:(n={},n[CSS.childrenContainer]=true,n[CSS_UTILITY.rtl]=r,n),"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,ref:function(e){return a.childrenSlotWrapper=e},role:this.hasChildren?"group":undefined},h("slot",{name:SLOTS.children})))};e.prototype.onClick=function(e){var t=filterDirectChildren(this.el,"a")[0];if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){var i=t.target===""?"_self":t.target;window.open(t.href,i)}this.expanded=!this.expanded;this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey||this.selectionMode===TreeSelectionMode.Ancestors,forceToggle:false})};e.prototype.keyDownHandler=function(e){var t;switch(getKey(e.key)){case" ":this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false});e.preventDefault();e.stopPropagation();break;case"Enter":var i=nodeListToArray(this.el.children).find((function(e){return e.matches("a")}));if(i){i.click();this.selected=true}else{this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false})}e.preventDefault();e.stopPropagation();break;case"ArrowLeft":if(this.hasChildren&&this.expanded){this.expanded=false;e.preventDefault();e.stopPropagation();break}var n=this.el.parentElement.closest("calcite-tree-item");if(n&&(!this.hasChildren||this.expanded===false)){n.focus();e.preventDefault();e.stopPropagation();break}break;case"ArrowRight":if(this.hasChildren&&this.expanded===false){this.expanded=true;e.preventDefault();e.stopPropagation();break}if(this.hasChildren&&this.expanded){this.el.querySelector("calcite-tree-item").focus();break}break;case"ArrowUp":var a=this.el.previousElementSibling;if(a&&a.matches("calcite-tree-item")){a.focus()}break;case"ArrowDown":var r=this.el.nextElementSibling;if(r&&r.matches("calcite-tree-item")){r.focus()}break;case"Home":t=this.el.closest("calcite-tree:not([child])");var o=t.querySelector("calcite-tree-item");o.focus();break;case"End":t=this.el.closest("calcite-tree:not([child])");var c=t.children[t.children.length-1];var l=nodeListToArray(c.children).find((function(e){return e.matches("calcite-tree")}));while(l){c=l.children[t.children.length-1];l=nodeListToArray(c.children).find((function(e){return e.matches("calcite-tree")}))}c.focus();break}};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return e}();CalciteTreeItem.style=calciteTreeItemCss;export{CalciteTree as calcite_tree,CalciteTreeItem as calcite_tree_item};
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,n as nodeListToArray,g as getSlotted,b as getElementDir,C as CSS_UTILITY,l as filterDirectChildren}from"./dom-dc012a45.js";import{g as getKey}from"./key-69001a68.js";import"./guid-196bd5ea.js";var TreeSelectionMode;(function(e){e["Single"]="single";e["Multi"]="multi";e["Children"]="children";e["MultiChildren"]="multi-children";e["Ancestors"]="ancestors"})(TreeSelectionMode||(TreeSelectionMode={}));var calciteTreeCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;outline:2px solid transparent;outline-offset:2px}";var CalciteTree=function(){function e(e){registerInstance(this,e);this.calciteTreeSelect=createEvent(this,"calciteTreeSelect",7);this.lines=false;this.inputEnabled=false;this.scale="m";this.selectionMode=TreeSelectionMode.Single}e.prototype.componentWillRender=function(){var e=this.el.parentElement.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e};e.prototype.render=function(){return h(Host,{"aria-multiselectable":(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren).toString(),role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},h("slot",null))};e.prototype.onFocus=function(){if(!this.child){var e=this.el.querySelector("calcite-tree-item[selected]")||this.el.querySelector("calcite-tree-item");focusElement(e)}};e.prototype.onFocusIn=function(e){var t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=-1}};e.prototype.onFocusOut=function(e){var t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}};e.prototype.onClick=function(e){var t=e.target;var i=nodeListToArray(t.querySelectorAll("calcite-tree-item"));if(this.child){return}if(!this.child){e.preventDefault();e.stopPropagation()}if(this.selectionMode===TreeSelectionMode.Ancestors&&!this.child){this.updateAncestorTree(e);return}var n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren));var a=e.detail.modifyCurrentSelection&&(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren);var o=this.selectionMode===TreeSelectionMode.MultiChildren||this.selectionMode===TreeSelectionMode.Children;var r=!a&&((this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Multi)&&i.length<=0||this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren);var s=this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren;if(!this.child){var c=[];if(n){c.push(t)}if(o){i.forEach((function(e){c.push(e)}))}if(r){var l=nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));l.forEach((function(e){if(!c.includes(e)){e.selected=false}}))}if(s&&!e.detail.forceToggle){t.expanded=true}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected||o&&e.detail.forceToggle){c.forEach((function(e){e.selected=false}))}else{c.forEach((function(e){e.selected=true}))}}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.updateAncestorTree=function(e){var t=e.target;var i=t.querySelectorAll("calcite-tree-item");var n=[];var a=t.parentElement.closest("calcite-tree-item");while(a){n.push(a);a=a.parentElement.closest("calcite-tree-item")}t.selected=!t.selected;t.indeterminate=false;if(i===null||i===void 0?void 0:i.length){i.forEach((function(e){e.selected=t.selected;e.indeterminate=false}))}if(n){n.forEach((function(e){var t=nodeListToArray(e.querySelectorAll("calcite-tree-item"));var i=t.filter((function(e){return e.selected}));if(i.length===0){e.selected=false;e.indeterminate=false;return}var n=i.length<t.length;e.indeterminate=n;e.selected=!n}))}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.getRootTabIndex=function(){return!this.child?0:-1};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTree.style=calciteTreeCss;var CSS={checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark"};var SLOTS={children:"children"};var ICONS={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right"};var calciteTreeItemCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-ui-text-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-container{--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox,:host([scale=s]) .node-container .chevron,:host([scale=s]) .node-container .checkmark,:host([scale=s]) .node-container .bullet-point{margin-inline:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-container{--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox,:host([scale=m]) .node-container .chevron,:host([scale=m]) .node-container .checkmark,:host([scale=m]) .node-container .bullet-point{margin-inline:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-container{--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox,:host([scale=l]) .node-container .chevron,:host([scale=l]) .node-container .checkmark,:host([scale=l]) .node-container .bullet-point{margin-inline:0.75rem}:host([lines]) .children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:"";background-color:var(--calcite-ui-border-2);z-index:-1}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children])):host([scale=s])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-ui-brand)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}';var CalciteTreeItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTreeItemSelect=createEvent(this,"calciteTreeItemSelect",7);this.selected=false;this.expanded=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.iconClickHandler=function(e){e.stopPropagation();t.expanded=!t.expanded;if(t.selectionMode!==TreeSelectionMode.Ancestors){t.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:true})}};this.childrenClickHandler=function(e){return e.stopPropagation()};this.updateParentIsExpanded=function(e,t){var i=getSlotted(e,SLOTS.children,{all:true,selector:"calcite-tree-item"});i.forEach((function(e){return e.parentExpanded=t}))};this.updateAncestorTree=function(){if(t.selected&&t.selectionMode===TreeSelectionMode.Ancestors){var e=[];var i=t.parentTreeItem;while(i){e.push(i);i=i.parentElement.closest("calcite-tree-item")}e.forEach((function(e){return e.indeterminate=true}));return}}}e.prototype.expandedHandler=function(e){this.updateParentIsExpanded(this.el,e)};e.prototype.connectedCallback=function(){this.parentTreeItem=this.el.parentElement.closest("calcite-tree-item");if(this.parentTreeItem){var e=this.parentTreeItem.expanded;this.updateParentIsExpanded(this.parentTreeItem,e)}};e.prototype.componentWillRender=function(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;var e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;var t;while(e){t=e.parentElement.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}};e.prototype.componentDidLoad=function(){this.updateAncestorTree()};e.prototype.render=function(){var e,t,i,n;var a=this;var o=getElementDir(this.el)==="rtl";var r=this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Children;var s=this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren;var c=this.hasChildren?h("calcite-icon",{class:(e={},e[CSS.chevron]=true,e[CSS_UTILITY.rtl]=o,e),"data-test-id":"icon",icon:ICONS.chevronRight,onClick:this.iconClickHandler,scale:"s"}):null;var l=this.selectionMode===TreeSelectionMode.Ancestors?h("label",{class:CSS.checkboxLabel},h("calcite-checkbox",{checked:this.selected,class:CSS.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),h("slot",null)):null;var d=r?ICONS.bulletPoint:s?ICONS.checkmark:null;var m=d?h("calcite-icon",{class:(t={},t[CSS.bulletPointIcon]=d===ICONS.bulletPoint,t[CSS.checkmarkIcon]=d===ICONS.checkmark,t[CSS_UTILITY.rtl]=o,t),icon:d,scale:"s"}):null;var f=!(this.parentExpanded||this.depth===1);return h(Host,{"aria-expanded":this.hasChildren?this.expanded.toString():undefined,"aria-hidden":f.toString(),"aria-selected":this.selected?"true":s?"false":undefined,"calcite-hydrated-hidden":f,role:"treeitem",tabindex:this.parentExpanded||this.depth===1?"0":"-1"},h("div",{class:(i={},i[CSS.nodeContainer]=true,i[CSS_UTILITY.rtl]=o,i),"data-selection-mode":this.selectionMode,ref:function(e){return a.defaultSlotWrapper=e}},c,m,l?l:h("slot",null)),h("div",{class:(n={},n[CSS.childrenContainer]=true,n[CSS_UTILITY.rtl]=o,n),"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,ref:function(e){return a.childrenSlotWrapper=e},role:this.hasChildren?"group":undefined},h("slot",{name:SLOTS.children})))};e.prototype.onClick=function(e){var t=filterDirectChildren(this.el,"a")[0];if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){var i=t.target===""?"_self":t.target;window.open(t.href,i)}this.expanded=!this.expanded;this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey||this.selectionMode===TreeSelectionMode.Ancestors,forceToggle:false})};e.prototype.keyDownHandler=function(e){var t;switch(getKey(e.key)){case" ":this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false});e.preventDefault();e.stopPropagation();break;case"Enter":var i=nodeListToArray(this.el.children).find((function(e){return e.matches("a")}));if(i){i.click();this.selected=true}else{this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false})}e.preventDefault();e.stopPropagation();break;case"ArrowLeft":if(this.hasChildren&&this.expanded){this.expanded=false;e.preventDefault();e.stopPropagation();break}var n=this.parentTreeItem;if(n&&(!this.hasChildren||this.expanded===false)){n.focus();e.preventDefault();e.stopPropagation();break}break;case"ArrowRight":if(this.hasChildren&&this.expanded===false){this.expanded=true;e.preventDefault();e.stopPropagation();break}if(this.hasChildren&&this.expanded){this.el.querySelector("calcite-tree-item").focus();break}break;case"ArrowUp":var a=this.el.previousElementSibling;if(a&&a.matches("calcite-tree-item")){a.focus()}break;case"ArrowDown":var o=this.el.nextElementSibling;if(o&&o.matches("calcite-tree-item")){o.focus()}break;case"Home":t=this.el.closest("calcite-tree:not([child])");var r=t.querySelector("calcite-tree-item");r.focus();break;case"End":t=this.el.closest("calcite-tree:not([child])");var s=t.children[t.children.length-1];var c=nodeListToArray(s.children).find((function(e){return e.matches("calcite-tree")}));while(c){s=c.children[t.children.length-1];c=nodeListToArray(s.children).find((function(e){return e.matches("calcite-tree")}))}s.focus();break}};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return e}();CalciteTreeItem.style=calciteTreeItemCss;export{CalciteTree as calcite_tree,CalciteTreeItem as calcite_tree_item};
|