@esri/calcite-components 1.0.0-next.294 → 1.0.0-next.298
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/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/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/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/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/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/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.esm.js +1 -1
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/{p-dc99bb00.system.entry.js → p-00716aa8.system.entry.js} +1 -1
- package/dist/calcite/{p-413b4857.system.entry.js → p-044d603d.system.entry.js} +1 -1
- package/dist/calcite/{p-6621aee1.entry.js → p-05da7439.entry.js} +1 -1
- package/dist/calcite/{p-7c37ca39.entry.js → p-08d707c4.entry.js} +1 -1
- package/dist/calcite/{p-fba65e4a.system.entry.js → p-10708f87.system.entry.js} +1 -1
- package/dist/calcite/p-109049e6.system.entry.js +5 -0
- package/dist/calcite/{p-58e98b2d.system.entry.js → p-127e3513.system.entry.js} +1 -1
- package/dist/calcite/p-1434e37e.entry.js +5 -0
- package/dist/calcite/{p-c8e4117c.system.entry.js → p-15f3a0d7.system.entry.js} +1 -1
- package/dist/calcite/{p-de3a04c2.system.entry.js → p-16bb48f6.system.entry.js} +1 -1
- package/dist/calcite/{p-c99d8f9e.system.entry.js → p-16f2d814.system.entry.js} +1 -1
- package/dist/calcite/p-1942876c.js +5 -0
- package/dist/calcite/{p-cca94491.system.entry.js → p-1a1e9057.system.entry.js} +1 -1
- package/dist/calcite/p-1a962bdd.js +5 -0
- package/dist/calcite/p-1aa89347.system.entry.js +5 -0
- package/dist/calcite/{p-a8569c55.system.entry.js → p-1c8fe17f.system.entry.js} +1 -1
- package/dist/calcite/{p-6988c6b7.system.entry.js → p-1dd440e6.system.entry.js} +1 -1
- package/dist/calcite/{p-7a6c6382.entry.js → p-21c8ac06.entry.js} +1 -1
- package/dist/calcite/{p-6c8a562f.system.entry.js → p-243d95ab.system.entry.js} +1 -1
- package/dist/calcite/{p-3f1d1bad.entry.js → p-2451da5b.entry.js} +1 -1
- package/dist/calcite/p-288bc438.system.js +5 -0
- package/dist/calcite/{p-4185db77.entry.js → p-289bc56f.entry.js} +1 -1
- package/dist/calcite/{p-9affee61.entry.js → p-29771742.entry.js} +1 -1
- package/dist/calcite/{p-8953f712.entry.js → p-2aa3007a.entry.js} +1 -1
- package/dist/calcite/p-2d09cc25.js +5 -0
- package/dist/calcite/p-2e29554c.js +5 -0
- package/dist/calcite/{p-3962cd38.entry.js → p-33802886.entry.js} +1 -1
- package/dist/calcite/{p-25a31861.system.js → p-34e5baa7.system.js} +1 -1
- package/dist/calcite/p-3a592bf3.system.entry.js +5 -0
- package/dist/calcite/p-3dae9da3.js +5 -0
- package/dist/calcite/{p-bf8b70a8.entry.js → p-3e6fcede.entry.js} +1 -1
- package/dist/calcite/p-3eb1dc0f.entry.js +5 -0
- package/dist/calcite/{p-c9ecea64.entry.js → p-48f03121.entry.js} +1 -1
- package/dist/calcite/{p-83302e1c.entry.js → p-4acfb654.entry.js} +1 -1
- package/dist/calcite/{p-bf25e278.system.entry.js → p-4d11efdb.system.entry.js} +1 -1
- package/dist/calcite/{p-b8d040e5.system.entry.js → p-4e16515a.system.entry.js} +1 -1
- package/dist/calcite/{p-c60e3a71.entry.js → p-4f1f83d2.entry.js} +1 -1
- package/dist/calcite/{p-1e875199.entry.js → p-502ea583.entry.js} +1 -1
- package/dist/calcite/p-523bc291.system.js +5 -0
- package/dist/calcite/p-54394dfe.system.entry.js +5 -0
- package/dist/calcite/p-578509a8.entry.js +5 -0
- package/dist/calcite/p-592da79d.system.entry.js +5 -0
- package/dist/calcite/p-5c0c29bc.entry.js +5 -0
- package/dist/calcite/p-5eee672a.system.entry.js +5 -0
- package/dist/calcite/{p-ba1322e6.system.entry.js → p-5f2a9710.system.entry.js} +1 -1
- package/dist/calcite/{p-36e5db45.entry.js → p-5f817b79.entry.js} +1 -1
- package/dist/calcite/{p-e638ff0e.entry.js → p-6296644b.entry.js} +1 -1
- package/dist/calcite/p-63e60894.entry.js +5 -0
- package/dist/calcite/{p-daa110fe.system.entry.js → p-6484ffb7.system.entry.js} +1 -1
- package/dist/calcite/{p-28261aae.entry.js → p-659898bf.entry.js} +1 -1
- package/dist/calcite/{p-d11ad046.system.js → p-6d44b7d9.system.js} +1 -1
- package/dist/calcite/p-6f1cca21.system.js +5 -0
- package/dist/calcite/{p-e7819705.entry.js → p-714ae4f6.entry.js} +1 -1
- package/dist/calcite/{p-3bb30b44.system.entry.js → p-74f390e1.system.entry.js} +1 -1
- package/dist/calcite/{p-d4059426.entry.js → p-75264173.entry.js} +1 -1
- package/dist/calcite/{p-76ccd204.entry.js → p-765fb8ed.entry.js} +1 -1
- package/dist/calcite/p-784e414b.entry.js +5 -0
- package/dist/calcite/{p-cacca548.entry.js → p-78d0db7b.entry.js} +1 -1
- package/dist/calcite/{p-98789055.system.entry.js → p-7ba971b5.system.entry.js} +1 -1
- package/dist/calcite/{p-f281f1e9.entry.js → p-7bb94bfa.entry.js} +1 -1
- package/dist/calcite/{p-502736d8.system.entry.js → p-81538774.system.entry.js} +1 -1
- package/dist/calcite/p-81ab443c.entry.js +5 -0
- package/dist/calcite/p-82139130.entry.js +5 -0
- package/dist/calcite/{p-7b869bc5.entry.js → p-82c6cd9a.entry.js} +1 -1
- package/dist/calcite/{p-45257edb.js → p-8340b572.js} +1 -1
- package/dist/calcite/{p-58716826.system.entry.js → p-840f2937.system.entry.js} +2 -2
- package/dist/calcite/p-85032edc.system.entry.js +5 -0
- package/dist/calcite/{p-b41deed0.system.entry.js → p-8b2ead09.system.entry.js} +1 -1
- package/dist/calcite/p-8baa9ba4.entry.js +5 -0
- package/dist/calcite/{p-7ade2294.system.entry.js → p-8fef13ca.system.entry.js} +1 -1
- package/dist/calcite/{p-75f714c9.entry.js → p-9338b0bc.entry.js} +1 -1
- package/dist/calcite/p-9577dfd9.entry.js +5 -0
- package/dist/calcite/{p-c48b4b7e.system.entry.js → p-95b9a0f2.system.entry.js} +1 -1
- package/dist/calcite/p-968ea270.entry.js +5 -0
- package/dist/calcite/p-99a1c131.entry.js +5 -0
- package/dist/calcite/{p-83ccefba.system.entry.js → p-9abbbcbd.system.entry.js} +1 -1
- package/dist/calcite/p-9be6633a.entry.js +5 -0
- package/dist/calcite/{p-9fc0dc2c.system.entry.js → p-9f240615.system.entry.js} +1 -1
- package/dist/calcite/{p-f6f4648e.system.entry.js → p-a5269f14.system.entry.js} +1 -1
- package/dist/calcite/{p-684ccd4e.system.entry.js → p-a8dc2982.system.entry.js} +1 -1
- package/dist/calcite/{p-0100aeb0.entry.js → p-ace12b8d.entry.js} +1 -1
- package/dist/calcite/{p-7dd5c4e4.entry.js → p-aced5f01.entry.js} +1 -1
- package/dist/calcite/{p-f32e61bb.system.entry.js → p-aec398f3.system.entry.js} +1 -1
- package/dist/calcite/{p-eed43a57.system.entry.js → p-b1351c3e.system.entry.js} +1 -1
- package/dist/calcite/p-b1a96c72.system.entry.js +5 -0
- package/dist/calcite/{p-8007a0b4.system.entry.js → p-b2bbac37.system.entry.js} +1 -1
- package/dist/calcite/{p-3cf93a58.system.entry.js → p-b4b1081f.system.entry.js} +1 -1
- package/dist/calcite/p-b94bf8ac.system.entry.js +5 -0
- package/dist/calcite/p-c0e35328.entry.js +5 -0
- package/dist/calcite/p-c34c4414.system.js +5 -0
- package/dist/calcite/{p-a09634e2.entry.js → p-c3ba61ea.entry.js} +1 -1
- package/dist/calcite/{p-fe16f05e.system.entry.js → p-c4cb4fab.system.entry.js} +1 -1
- package/dist/calcite/p-c87c04a9.entry.js +5 -0
- package/dist/calcite/p-ca3bb147.entry.js +5 -0
- package/dist/calcite/{p-527146c8.system.entry.js → p-cbe9f1a2.system.entry.js} +1 -1
- package/dist/calcite/{p-a7ba0292.system.js → p-cbf6bb04.system.js} +1 -1
- package/dist/calcite/p-cc2085c7.system.entry.js +5 -0
- package/dist/calcite/{p-507b2cc4.entry.js → p-cc788d2e.entry.js} +1 -1
- package/dist/calcite/p-cced5508.system.entry.js +5 -0
- package/dist/calcite/{p-dcf30b00.system.entry.js → p-cf03b144.system.entry.js} +1 -1
- package/dist/calcite/{p-b018fbbd.entry.js → p-d550ee4d.entry.js} +1 -1
- package/dist/calcite/{p-72fa390e.entry.js → p-d6e30c54.entry.js} +1 -1
- package/dist/calcite/{p-79cbbf2d.js → p-d6f20229.js} +1 -1
- package/dist/calcite/{p-3e438b5b.system.entry.js → p-dabb63b5.system.entry.js} +1 -1
- package/dist/calcite/{p-9fa024e6.system.entry.js → p-dd464e44.system.entry.js} +1 -1
- package/dist/calcite/{p-38ee7306.system.entry.js → p-deb36fde.system.entry.js} +1 -1
- package/dist/calcite/{p-b4e7b593.system.entry.js → p-defcee80.system.entry.js} +1 -1
- package/dist/calcite/{p-e35e7216.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-09da1c54.system.entry.js → p-e33fe285.system.entry.js} +1 -1
- package/dist/calcite/p-e52495d3.system.entry.js +5 -0
- package/dist/calcite/p-e5932886.system.entry.js +5 -0
- package/dist/calcite/{p-9fa5e356.entry.js → p-e5e3b591.entry.js} +1 -1
- package/dist/calcite/p-e62a9b1d.system.entry.js +5 -0
- package/dist/calcite/p-e6c84e63.entry.js +5 -0
- package/dist/calcite/{p-a5bfc29d.system.entry.js → p-e6d05ad6.system.entry.js} +1 -1
- package/dist/calcite/{p-49d5ee42.system.entry.js → p-e70cb594.system.entry.js} +1 -1
- package/dist/calcite/{p-809ddb6a.js → p-e956e279.js} +1 -1
- package/dist/calcite/{p-c399cfce.entry.js → p-eada9cef.entry.js} +1 -1
- package/dist/calcite/{p-b244a00c.entry.js → p-ecc00ef0.entry.js} +1 -1
- package/dist/calcite/p-ed15771f.system.entry.js +5 -0
- package/dist/calcite/p-ed453bfb.entry.js +5 -0
- package/dist/calcite/{p-f93a7fce.entry.js → p-ef39847e.entry.js} +1 -1
- package/dist/calcite/{p-cd41629f.entry.js → p-efb2169a.entry.js} +1 -1
- package/dist/calcite/{p-06646eed.system.entry.js → p-f0338acf.system.entry.js} +1 -1
- package/dist/calcite/{p-3383d9b4.entry.js → p-f1c5e7cf.entry.js} +1 -1
- package/dist/calcite/{p-58eca102.entry.js → p-f278dd53.entry.js} +1 -1
- package/dist/calcite/p-f44e01bf.entry.js +5 -0
- package/dist/calcite/{p-5efd7297.entry.js → p-f9c46578.entry.js} +1 -1
- package/dist/calcite/{p-10de63d7.system.entry.js → p-fc47547f.system.entry.js} +1 -1
- package/dist/calcite/p-fc643963.entry.js +5 -0
- package/dist/cjs/{CalciteExpandToggle-6a9f9858.js → CalciteExpandToggle-5f60c98b.js} +1 -1
- package/dist/cjs/{CalciteHeading-363b0525.js → CalciteHeading-112c19f9.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-bar.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action-group.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-pad.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action.cjs.entry.js +1 -1
- package/dist/cjs/calcite-alert.cjs.entry.js +1 -1
- package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
- package/dist/cjs/calcite-block_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-button.cjs.entry.js +3 -3
- package/dist/cjs/calcite-card.cjs.entry.js +1 -1
- package/dist/cjs/calcite-checkbox.cjs.entry.js +36 -85
- package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +26 -27
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +81 -22
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +28 -10
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
- package/dist/cjs/calcite-filter.cjs.entry.js +34 -8
- package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
- package/dist/cjs/calcite-graph_2.cjs.entry.js +13 -5
- package/dist/cjs/calcite-handle.cjs.entry.js +1 -1
- package/dist/cjs/calcite-icon.cjs.entry.js +1 -1
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +51 -42
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +68 -15
- package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +13 -4
- package/dist/cjs/calcite-input.cjs.entry.js +78 -58
- package/dist/cjs/calcite-label.cjs.entry.js +1 -1
- package/dist/cjs/calcite-link.cjs.entry.js +1 -1
- package/dist/cjs/calcite-list_3.cjs.entry.js +3 -3
- package/dist/cjs/calcite-loader.cjs.entry.js +1 -1
- package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
- package/dist/cjs/calcite-notice.cjs.entry.js +1 -1
- package/dist/cjs/calcite-option_3.cjs.entry.js +31 -5
- package/dist/cjs/calcite-pagination.cjs.entry.js +1 -1
- package/dist/cjs/calcite-panel.cjs.entry.js +5 -4
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +3 -3
- package/dist/cjs/calcite-popover_2.cjs.entry.js +3 -3
- 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 +20 -24
- package/dist/cjs/calcite-radio_2.cjs.entry.js +81 -75
- package/dist/cjs/calcite-rating.cjs.entry.js +13 -4
- package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
- package/dist/cjs/calcite-shell_3.cjs.entry.js +5 -4
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
- package/dist/cjs/calcite-split-button.cjs.entry.js +1 -1
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-switch.cjs.entry.js +25 -49
- package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +1 -3
- package/dist/cjs/calcite-tile.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tip_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tree_2.cjs.entry.js +16 -9
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite.cjs.js +2 -2
- package/dist/cjs/form-a5b44a1f.js +179 -0
- package/dist/cjs/{index-cee0daa9.js → index-6b5d2de5.js} +8 -365
- package/dist/cjs/{label-549c3d9d.js → label-8e3552b2.js} +33 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/math-145c80e2.js +21 -0
- package/dist/cjs/{resources-38563593.js → resources-3f7b51c8.js} +1 -1
- package/dist/cjs/{resources-f9c141d2.js → resources-cd25dbae.js} +1 -1
- package/dist/collection/components/calcite-button/calcite-button.css +20 -14
- package/dist/collection/components/calcite-checkbox/calcite-checkbox.css +22 -11
- package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +63 -112
- package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +13 -10
- package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js +11 -15
- package/dist/collection/components/calcite-combobox/calcite-combobox.css +15 -0
- package/dist/collection/components/calcite-combobox/calcite-combobox.js +139 -19
- package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +45 -15
- package/dist/collection/components/calcite-filter/calcite-filter.js +79 -8
- 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/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/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/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/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/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/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 +43 -32
- package/dist/collection/components/calcite-inline-editable/resources.js +7 -7
- package/dist/collection/components/calcite-input/calcite-input.css +102 -68
- package/dist/collection/components/calcite-input/calcite-input.js +107 -56
- 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 +163 -40
- 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 +34 -3
- package/dist/collection/components/calcite-list-item/calcite-list-item.css +7 -0
- package/dist/collection/components/calcite-panel/calcite-panel.css +10 -4
- package/dist/collection/components/calcite-panel/calcite-panel.js +3 -2
- package/dist/collection/components/calcite-panel/resources.js +1 -0
- package/dist/collection/components/calcite-popover/calcite-popover.css +1 -0
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.css +18 -1
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +83 -84
- 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 +58 -22
- package/dist/collection/components/calcite-rating/calcite-rating.css +15 -0
- package/dist/collection/components/calcite-rating/calcite-rating.js +49 -1
- package/dist/collection/components/calcite-select/calcite-select.css +15 -0
- package/dist/collection/components/calcite-select/calcite-select.js +89 -3
- package/dist/collection/components/calcite-shell/calcite-shell.css +11 -11
- package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.css +38 -21
- package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.js +2 -2
- package/dist/collection/components/calcite-shell-panel/resources.js +1 -0
- package/dist/collection/components/calcite-slider/calcite-slider.css +15 -0
- package/dist/collection/components/calcite-slider/calcite-slider.js +45 -1
- package/dist/collection/components/calcite-switch/calcite-switch.css +15 -0
- package/dist/collection/components/calcite-switch/calcite-switch.js +28 -64
- package/dist/collection/components/calcite-tile-select/calcite-tile-select.js +4 -7
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +15 -8
- 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/components/calcite-button2.js +1 -1
- package/dist/components/calcite-checkbox2.js +37 -87
- package/dist/components/calcite-color-picker-hex-input2.js +11 -15
- package/dist/components/calcite-color-picker.js +13 -10
- package/dist/components/calcite-combobox.js +82 -20
- package/dist/components/calcite-date-picker2.js +25 -7
- package/dist/components/calcite-filter2.js +35 -7
- package/dist/components/calcite-inline-editable.js +52 -42
- package/dist/components/calcite-input-date-picker.js +68 -12
- package/dist/components/calcite-input-time-picker.js +12 -2
- package/dist/components/calcite-input2.js +82 -59
- package/dist/components/calcite-list-item.js +1 -1
- package/dist/components/calcite-panel.js +3 -2
- package/dist/components/calcite-popover2.js +1 -1
- package/dist/components/calcite-radio-button.js +83 -76
- package/dist/components/calcite-radio-group.js +20 -22
- package/dist/components/calcite-rating.js +13 -2
- package/dist/components/calcite-select.js +32 -3
- package/dist/components/calcite-shell-panel.js +4 -3
- package/dist/components/calcite-shell.js +1 -1
- package/dist/components/calcite-slider.js +12 -2
- package/dist/components/calcite-switch2.js +25 -51
- package/dist/components/calcite-tile-select.js +1 -3
- package/dist/components/calcite-tree-item.js +15 -8
- package/dist/components/form.js +169 -15
- package/dist/components/label.js +33 -4
- package/dist/components/math.js +12 -1
- package/dist/custom-elements/index.js +801 -445
- package/dist/esm/{CalciteExpandToggle-235a6bfd.js → CalciteExpandToggle-677f2f8b.js} +1 -1
- package/dist/esm/{CalciteHeading-dea3bd05.js → CalciteHeading-1d6cd311.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +1 -1
- package/dist/esm/calcite-action-bar.entry.js +2 -2
- package/dist/esm/calcite-action-group.entry.js +1 -1
- package/dist/esm/calcite-action-menu.entry.js +1 -1
- package/dist/esm/calcite-action-pad.entry.js +2 -2
- package/dist/esm/calcite-action.entry.js +1 -1
- package/dist/esm/calcite-alert.entry.js +1 -1
- package/dist/esm/calcite-avatar.entry.js +1 -1
- package/dist/esm/calcite-block_2.entry.js +2 -2
- package/dist/esm/calcite-button.entry.js +3 -3
- package/dist/esm/calcite-card.entry.js +1 -1
- package/dist/esm/calcite-checkbox.entry.js +36 -85
- package/dist/esm/calcite-chip.entry.js +1 -1
- package/dist/esm/calcite-color-picker_3.entry.js +26 -27
- package/dist/esm/calcite-combobox_3.entry.js +81 -22
- package/dist/esm/calcite-date-picker_4.entry.js +28 -10
- package/dist/esm/calcite-dropdown_3.entry.js +1 -1
- package/dist/esm/calcite-fab.entry.js +1 -1
- package/dist/esm/calcite-filter.entry.js +34 -8
- package/dist/esm/calcite-flow.entry.js +1 -1
- package/dist/esm/calcite-graph_2.entry.js +13 -5
- package/dist/esm/calcite-handle.entry.js +1 -1
- package/dist/esm/calcite-icon.entry.js +1 -1
- package/dist/esm/calcite-inline-editable.entry.js +51 -42
- package/dist/esm/calcite-input-date-picker.entry.js +68 -15
- package/dist/esm/calcite-input-message.entry.js +1 -1
- package/dist/esm/calcite-input-time-picker_2.entry.js +13 -4
- package/dist/esm/calcite-input.entry.js +79 -59
- package/dist/esm/calcite-label.entry.js +1 -1
- package/dist/esm/calcite-link.entry.js +1 -1
- package/dist/esm/calcite-list_3.entry.js +3 -3
- package/dist/esm/calcite-loader.entry.js +1 -1
- package/dist/esm/calcite-modal.entry.js +1 -1
- package/dist/esm/calcite-notice.entry.js +1 -1
- package/dist/esm/calcite-option_3.entry.js +31 -5
- package/dist/esm/calcite-pagination.entry.js +1 -1
- package/dist/esm/calcite-panel.entry.js +5 -4
- package/dist/esm/calcite-pick-list_3.entry.js +3 -3
- package/dist/esm/calcite-popover_2.entry.js +3 -3
- 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 +20 -24
- package/dist/esm/calcite-radio_2.entry.js +82 -76
- package/dist/esm/calcite-rating.entry.js +13 -4
- package/dist/esm/calcite-scrim.entry.js +1 -1
- package/dist/esm/calcite-shell_3.entry.js +5 -4
- package/dist/esm/calcite-sortable-list.entry.js +1 -1
- package/dist/esm/calcite-split-button.entry.js +1 -1
- package/dist/esm/calcite-stepper_2.entry.js +1 -1
- package/dist/esm/calcite-switch.entry.js +26 -50
- package/dist/esm/calcite-tab_4.entry.js +1 -1
- package/dist/esm/calcite-tile-select_2.entry.js +1 -3
- package/dist/esm/calcite-tile.entry.js +1 -1
- package/dist/esm/calcite-tip_3.entry.js +2 -2
- package/dist/esm/calcite-tooltip_2.entry.js +1 -1
- package/dist/esm/calcite-tree_2.entry.js +16 -9
- package/dist/esm/calcite-value-list_2.entry.js +2 -2
- package/dist/esm/calcite.js +2 -2
- package/dist/esm/form-160b0fb5.js +174 -0
- package/dist/esm/{index-66803519.js → index-9de00868.js} +8 -365
- package/dist/esm/{label-bb61bdef.js → label-5559055d.js} +33 -4
- package/dist/esm/loader.js +2 -2
- package/dist/esm/math-456207f5.js +18 -0
- package/dist/esm/{resources-8dd80c84.js → resources-16a2a25a.js} +1 -1
- package/dist/esm/{resources-c59a1a15.js → resources-bece7a88.js} +1 -1
- package/dist/esm-es5/{CalciteExpandToggle-235a6bfd.js → CalciteExpandToggle-677f2f8b.js} +1 -1
- package/dist/esm-es5/{CalciteHeading-dea3bd05.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 +1 -1
- package/dist/esm-es5/calcite-avatar.entry.js +1 -1
- package/dist/esm-es5/calcite-block_2.entry.js +1 -1
- package/dist/esm-es5/calcite-button.entry.js +1 -1
- package/dist/esm-es5/calcite-card.entry.js +1 -1
- package/dist/esm-es5/calcite-checkbox.entry.js +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 +1 -1
- 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 +1 -1
- package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
- package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
- package/dist/esm-es5/calcite.js +1 -1
- package/dist/esm-es5/form-160b0fb5.js +5 -0
- package/dist/esm-es5/index-9de00868.js +5 -0
- package/dist/esm-es5/label-5559055d.js +5 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/math-456207f5.js +5 -0
- package/dist/esm-es5/{resources-8dd80c84.js → resources-16a2a25a.js} +1 -1
- package/dist/esm-es5/{resources-c59a1a15.js → resources-bece7a88.js} +1 -1
- package/dist/extras/docs-json.json +320 -59
- 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 -1
- 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 +19 -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 +14 -8
- 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 +11 -2
- package/dist/types/components/calcite-panel/resources.d.ts +1 -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 +13 -4
- 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/resources.d.ts +1 -0
- package/dist/types/components/calcite-slider/calcite-slider.d.ts +10 -1
- package/dist/types/components/calcite-switch/calcite-switch.d.ts +10 -9
- package/dist/types/components/calcite-tile-select/calcite-tile-select.d.ts +1 -1
- package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +2 -0
- package/dist/types/components.d.ts +171 -18
- 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/hydrate/index.js +827 -455
- package/package.json +8 -9
- package/readme.md +2 -2
- package/CHANGELOG.md +0 -1506
- package/dist/calcite/p-05107123.entry.js +0 -5
- package/dist/calcite/p-05d1dfc6.js +0 -5
- package/dist/calcite/p-0d4e82ab.system.entry.js +0 -5
- package/dist/calcite/p-10759c71.system.entry.js +0 -5
- package/dist/calcite/p-11113310.entry.js +0 -5
- package/dist/calcite/p-12e1c83f.system.entry.js +0 -5
- package/dist/calcite/p-1421e818.entry.js +0 -5
- package/dist/calcite/p-157d05ce.js +0 -5
- package/dist/calcite/p-17e666d6.system.entry.js +0 -5
- package/dist/calcite/p-22ecf6df.entry.js +0 -5
- package/dist/calcite/p-2418cceb.entry.js +0 -5
- package/dist/calcite/p-2ba00b89.js +0 -5
- package/dist/calcite/p-2ecafa35.system.entry.js +0 -5
- package/dist/calcite/p-329e1831.system.entry.js +0 -5
- package/dist/calcite/p-3994ac99.system.entry.js +0 -5
- package/dist/calcite/p-42128a12.entry.js +0 -5
- package/dist/calcite/p-47313747.system.js +0 -5
- package/dist/calcite/p-4c7e3915.system.entry.js +0 -5
- package/dist/calcite/p-4ecd0331.entry.js +0 -5
- package/dist/calcite/p-5322b333.system.entry.js +0 -5
- package/dist/calcite/p-5e6d76dc.entry.js +0 -5
- package/dist/calcite/p-777c833f.system.entry.js +0 -5
- package/dist/calcite/p-8711a0ae.system.entry.js +0 -5
- package/dist/calcite/p-89cdfa96.system.js +0 -5
- package/dist/calcite/p-8bc3e126.entry.js +0 -5
- package/dist/calcite/p-948aca0d.system.entry.js +0 -5
- package/dist/calcite/p-99ff3a2f.entry.js +0 -5
- package/dist/calcite/p-9fe349b9.entry.js +0 -5
- package/dist/calcite/p-a2cc027e.entry.js +0 -5
- package/dist/calcite/p-b42d730f.entry.js +0 -5
- package/dist/calcite/p-b4960d06.system.js +0 -5
- package/dist/calcite/p-bbe2337b.system.entry.js +0 -5
- package/dist/calcite/p-bbedf98c.entry.js +0 -5
- package/dist/calcite/p-be52c734.entry.js +0 -5
- package/dist/calcite/p-cb7b6425.entry.js +0 -5
- package/dist/calcite/p-d35e423d.js +0 -5
- package/dist/calcite/p-df9b4b76.entry.js +0 -5
- package/dist/calcite/p-e24b6c4a.system.entry.js +0 -5
- package/dist/calcite/p-e382c4e9.entry.js +0 -5
- package/dist/calcite/p-e40dd6fe.system.entry.js +0 -5
- package/dist/calcite/p-e5805bf1.entry.js +0 -5
- package/dist/calcite/p-eccb140e.entry.js +0 -5
- package/dist/calcite/p-f5bb39bb.js +0 -5
- package/dist/calcite/p-fb1da0f5.system.js +0 -5
- package/dist/cjs/form-00fb301c.js +0 -22
- package/dist/cjs/math-9d44163f.js +0 -9
- package/dist/esm/form-cee9f632.js +0 -20
- package/dist/esm/math-250d4476.js +0 -7
- package/dist/esm-es5/form-cee9f632.js +0 -5
- package/dist/esm-es5/index-66803519.js +0 -5
- package/dist/esm-es5/label-bb61bdef.js +0 -5
- package/dist/esm-es5/math-250d4476.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,c as e,h as i,g as n}from"./p-2e29554c.js";import{f as a,a as s,C as r,b as o}from"./p-52cc870b.js";import{n as l,C as c,p as h,c as u,i as d,a as m,r as f,h as p,b}from"./p-a62de092.js";import{g}from"./p-72563742.js";import{c as w}from"./p-2d09cc25.js";import{d as y,i as k}from"./p-b06207bb.js";import"./p-8a63221d.js";function v(t,e,i){return t(i={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},i.exports),i.exports}var x={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},D=v((function(t){var e=Array.prototype.concat,i=Array.prototype.slice,n=t.exports=function(t){for(var n,a=[],s=0,r=t.length;s<r;s++){var o=t[s];(n=o)&&"string"!=typeof n&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))?a=e.call(a,i.call(o)):a.push(o)}return a};n.wrap=function(t){return function(){return t(n(arguments))}}})),M=v((function(t){var e={};for(var i in x)x.hasOwnProperty(i)&&(e[x[i]]=i);var n=t.exports={to:{},get:{}};function a(t,e,i){return Math.min(Math.max(e,t),i)}function s(t){var e=t.toString(16).toUpperCase();return e.length<2?"0"+e:e}n.get=function(t){var e,i;switch(t.substring(0,3).toLowerCase()){case"hsl":e=n.get.hsl(t),i="hsl";break;case"hwb":e=n.get.hwb(t),i="hwb";break;default:e=n.get.rgb(t),i="rgb"}return e?{model:i,value:e}:null},n.get.rgb=function(t){if(!t)return null;var e,i,n,s=[0,0,0,1];if(e=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(n=e[2],e=e[1],i=0;i<3;i++){var r=2*i;s[i]=parseInt(e.slice(r,r+2),16)}n&&(s[3]=parseInt(n,16)/255)}else if(e=t.match(/^#([a-f0-9]{3,4})$/i)){for(n=(e=e[1])[3],i=0;i<3;i++)s[i]=parseInt(e[i]+e[i],16);n&&(s[3]=parseInt(n+n,16)/255)}else if(e=t.match(/^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/)){for(i=0;i<3;i++)s[i]=parseInt(e[i+1],0);e[4]&&(s[3]=parseFloat(e[4]))}else{if(!(e=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/)))return(e=t.match(/(\D+)/))?"transparent"===e[1]?[0,0,0,0]:(s=x[e[1]])?(s[3]=1,s):null:null;for(i=0;i<3;i++)s[i]=Math.round(2.55*parseFloat(e[i+1]));e[4]&&(s[3]=parseFloat(e[4]))}for(i=0;i<3;i++)s[i]=a(s[i],0,255);return s[3]=a(s[3],0,1),s},n.get.hsl=function(t){if(!t)return null;var e=t.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])+360)%360,a(parseFloat(e[2]),0,100),a(parseFloat(e[3]),0,100),a(isNaN(i)?1:i,0,1)]}return null},n.get.hwb=function(t){if(!t)return null;var e=t.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,a(parseFloat(e[2]),0,100),a(parseFloat(e[3]),0,100),a(isNaN(i)?1:i,0,1)]}return null},n.to.hex=function(){var t=D(arguments);return"#"+s(t[0])+s(t[1])+s(t[2])+(t[3]<1?s(Math.round(255*t[3])):"")},n.to.rgb=function(){var t=D(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},n.to.rgb.percent=function(){var t=D(arguments),e=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100),n=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+i+"%, "+n+"%)":"rgba("+e+"%, "+i+"%, "+n+"%, "+t[3]+")"},n.to.hsl=function(){var t=D(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},n.to.hwb=function(){var t=D(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},n.to.keyword=function(t){return e[t.slice(0,3)]}})),C={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const j={};for(const t of Object.keys(C))j[C[t]]=t;const F={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var S=F;for(const t of Object.keys(F)){if(!("channels"in F[t]))throw new Error("missing channels property: "+t);if(!("labels"in F[t]))throw new Error("missing channel labels property: "+t);if(F[t].labels.length!==F[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:i}=F[t];delete F[t].channels,delete F[t].labels,Object.defineProperty(F[t],"channels",{value:e}),Object.defineProperty(F[t],"labels",{value:i})}function A(t,e){return function(i){return e(t(i))}}function _(t,e){const i=[e[t].parent,t];let n=S[e[t].parent][t],a=e[t].parent;for(;e[a].parent;)i.unshift(e[a].parent),n=A(S[e[a].parent][a],n),a=e[a].parent;return n.conversion=i,n}F.rgb.hsl=function(t){const e=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.min(e,i,n),s=Math.max(e,i,n),r=s-a;let o,l;s===a?o=0:e===s?o=(i-n)/r:i===s?o=2+(n-e)/r:n===s&&(o=4+(e-i)/r),o=Math.min(60*o,360),o<0&&(o+=360);const c=(a+s)/2;return l=s===a?0:c<=.5?r/(s+a):r/(2-s-a),[o,100*l,100*c]},F.rgb.hsv=function(t){let e,i,n,a,s;const r=t[0]/255,o=t[1]/255,l=t[2]/255,c=Math.max(r,o,l),h=c-Math.min(r,o,l),u=function(t){return(c-t)/6/h+.5};return 0===h?(a=0,s=0):(s=h/c,e=u(r),i=u(o),n=u(l),r===c?a=n-i:o===c?a=1/3+e-n:l===c&&(a=2/3+i-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*s,100*c]},F.rgb.hwb=function(t){const e=t[0],i=t[1];let n=t[2];const a=F.rgb.hsl(t)[0],s=1/255*Math.min(e,Math.min(i,n));return n=1-1/255*Math.max(e,Math.max(i,n)),[a,100*s,100*n]},F.rgb.cmyk=function(t){const e=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.min(1-e,1-i,1-n);return[100*((1-e-a)/(1-a)||0),100*((1-i-a)/(1-a)||0),100*((1-n-a)/(1-a)||0),100*a]},F.rgb.keyword=function(t){const e=j[t];if(e)return e;let i,n=1/0;for(const e of Object.keys(C)){const r=((a=t)[0]-(s=C[e])[0])**2+(a[1]-s[1])**2+(a[2]-s[2])**2;r<n&&(n=r,i=e)}var a,s;return i},F.keyword.rgb=function(t){return C[t]},F.rgb.xyz=function(t){let e=t[0]/255,i=t[1]/255,n=t[2]/255;return e=e>.04045?((e+.055)/1.055)**2.4:e/12.92,i=i>.04045?((i+.055)/1.055)**2.4:i/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,[100*(.4124*e+.3576*i+.1805*n),100*(.2126*e+.7152*i+.0722*n),100*(.0193*e+.1192*i+.9505*n)]},F.rgb.lab=function(t){const e=F.rgb.xyz(t);let i=e[0],n=e[1],a=e[2];return i/=95.047,n/=100,a/=108.883,i=i>.008856?i**(1/3):7.787*i+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,[116*n-16,500*(i-n),200*(n-a)]},F.hsl.rgb=function(t){const e=t[0]/360,i=t[1]/100,n=t[2]/100;let a,s,r;if(0===i)return r=255*n,[r,r,r];a=n<.5?n*(1+i):n+i-n*i;const o=2*n-a,l=[0,0,0];for(let t=0;t<3;t++)s=e+1/3*-(t-1),s<0&&s++,s>1&&s--,r=6*s<1?o+6*(a-o)*s:2*s<1?a:3*s<2?o+(a-o)*(2/3-s)*6:o,l[t]=255*r;return l},F.hsl.hsv=function(t){const e=t[0];let i=t[1]/100,n=t[2]/100,a=i;const s=Math.max(n,.01);return n*=2,i*=n<=1?n:2-n,a*=s<=1?s:2-s,[e,100*(0===n?2*a/(s+a):2*i/(n+i)),(n+i)/2*100]},F.hsv.rgb=function(t){const e=t[0]/60,i=t[1]/100;let n=t[2]/100;const a=Math.floor(e)%6,s=e-Math.floor(e),r=255*n*(1-i),o=255*n*(1-i*s),l=255*n*(1-i*(1-s));switch(n*=255,a){case 0:return[n,l,r];case 1:return[o,n,r];case 2:return[r,n,l];case 3:return[r,o,n];case 4:return[l,r,n];case 5:return[n,r,o]}},F.hsv.hsl=function(t){const e=t[0],i=t[1]/100,n=t[2]/100,a=Math.max(n,.01);let s,r;r=(2-i)*n;const o=(2-i)*a;return s=i*a,s/=o<=1?o:2-o,s=s||0,r/=2,[e,100*s,100*r]},F.hwb.rgb=function(t){const e=t[0]/360;let i=t[1]/100,n=t[2]/100;const a=i+n;let s;a>1&&(i/=a,n/=a);const r=Math.floor(6*e),o=1-n;s=6*e-r,0!=(1&r)&&(s=1-s);const l=i+s*(o-i);let c,h,u;switch(r){default:case 6:case 0:c=o,h=l,u=i;break;case 1:c=l,h=o,u=i;break;case 2:c=i,h=o,u=l;break;case 3:c=i,h=l,u=o;break;case 4:c=l,h=i,u=o;break;case 5:c=o,h=i,u=l}return[255*c,255*h,255*u]},F.cmyk.rgb=function(t){const e=t[1]/100,i=t[2]/100,n=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n)),255*(1-Math.min(1,i*(1-n)+n))]},F.xyz.rgb=function(t){const e=t[0]/100,i=t[1]/100,n=t[2]/100;let a,s,r;return a=3.2406*e+-1.5372*i+-.4986*n,s=-.9689*e+1.8758*i+.0415*n,r=.0557*e+-.204*i+1.057*n,a=a>.0031308?1.055*a**(1/2.4)-.055:12.92*a,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),r=Math.min(Math.max(0,r),1),[255*a,255*s,255*r]},F.xyz.lab=function(t){let e=t[0],i=t[1],n=t[2];return e/=95.047,i/=100,n/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,i=i>.008856?i**(1/3):7.787*i+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,[116*i-16,500*(e-i),200*(i-n)]},F.lab.xyz=function(t){let e,i,n;i=(t[0]+16)/116,e=t[1]/500+i,n=i-t[2]/200;const a=i**3,s=e**3,r=n**3;return i=a>.008856?a:(i-16/116)/7.787,e=s>.008856?s:(e-16/116)/7.787,n=r>.008856?r:(n-16/116)/7.787,e*=95.047,i*=100,n*=108.883,[e,i,n]},F.lab.lch=function(t){const e=t[0],i=t[1],n=t[2];let a;return a=360*Math.atan2(n,i)/2/Math.PI,a<0&&(a+=360),[e,Math.sqrt(i*i+n*n),a]},F.lch.lab=function(t){const e=t[1],i=t[2]/360*2*Math.PI;return[t[0],e*Math.cos(i),e*Math.sin(i)]},F.rgb.ansi16=function(t,e=null){const[i,n,a]=t;let s=null===e?F.rgb.hsv(t)[2]:e;if(s=Math.round(s/50),0===s)return 30;let r=30+(Math.round(a/255)<<2|Math.round(n/255)<<1|Math.round(i/255));return 2===s&&(r+=60),r},F.hsv.ansi16=function(t){return F.rgb.ansi16(F.hsv.rgb(t),t[2])},F.rgb.ansi256=function(t){const e=t[0],i=t[1],n=t[2];return e===i&&i===n?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(i/255*5)+Math.round(n/255*5)},F.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const i=.5*(1+~~(t>50));return[(1&e)*i*255,(e>>1&1)*i*255,(e>>2&1)*i*255]},F.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;return t-=16,[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},F.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},F.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let i=e[0];3===e[0].length&&(i=i.split("").map((t=>t+t)).join(""));const n=parseInt(i,16);return[n>>16&255,n>>8&255,255&n]},F.rgb.hcg=function(t){const e=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.max(Math.max(e,i),n),s=Math.min(Math.min(e,i),n),r=a-s;let o,l;return o=r<1?s/(1-r):0,l=r<=0?0:a===e?(i-n)/r%6:a===i?2+(n-e)/r:4+(e-i)/r,l/=6,l%=1,[360*l,100*r,100*o]},F.hsl.hcg=function(t){const e=t[1]/100,i=t[2]/100,n=i<.5?2*e*i:2*e*(1-i);let a=0;return n<1&&(a=(i-.5*n)/(1-n)),[t[0],100*n,100*a]},F.hsv.hcg=function(t){const e=t[2]/100,i=t[1]/100*e;let n=0;return i<1&&(n=(e-i)/(1-i)),[t[0],100*i,100*n]},F.hcg.rgb=function(t){const e=t[1]/100,i=t[2]/100;if(0===e)return[255*i,255*i,255*i];const n=[0,0,0],a=t[0]/360%1*6,s=a%1,r=1-s;let o=0;switch(Math.floor(a)){case 0:n[0]=1,n[1]=s,n[2]=0;break;case 1:n[0]=r,n[1]=1,n[2]=0;break;case 2:n[0]=0,n[1]=1,n[2]=s;break;case 3:n[0]=0,n[1]=r,n[2]=1;break;case 4:n[0]=s,n[1]=0,n[2]=1;break;default:n[0]=1,n[1]=0,n[2]=r}return o=(1-e)*i,[255*(e*n[0]+o),255*(e*n[1]+o),255*(e*n[2]+o)]},F.hcg.hsv=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);let n=0;return i>0&&(n=e/i),[t[0],100*n,100*i]},F.hcg.hsl=function(t){const e=t[1]/100,i=t[2]/100*(1-e)+.5*e;let n=0;return i>0&&i<.5?n=e/(2*i):i>=.5&&i<1&&(n=e/(2*(1-i))),[t[0],100*n,100*i]},F.hcg.hwb=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);return[t[0],100*(i-e),100*(1-i)]},F.hwb.hcg=function(t){const e=1-t[2]/100,i=e-t[1]/100;let n=0;return i<1&&(n=(e-i)/(1-i)),[t[0],100*i,100*n]},F.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},F.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},F.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},F.gray.hsl=function(t){return[0,0,t[0]]},F.gray.hsv=F.gray.hsl,F.gray.hwb=function(t){return[0,100,t[0]]},F.gray.cmyk=function(t){return[0,0,0,t[0]]},F.gray.lab=function(t){return[t[0],0,0]},F.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),i=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(i.length)+i},F.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const O={};Object.keys(S).forEach((t=>{O[t]={},Object.defineProperty(O[t],"channels",{value:S[t].channels}),Object.defineProperty(O[t],"labels",{value:S[t].labels});const e=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(S);for(let i=e.length,n=0;n<i;n++)t[e[n]]={distance:-1,parent:null};return t}(),i=[t];for(e[t].distance=0;i.length;){const t=i.pop(),n=Object.keys(S[t]);for(let a=n.length,s=0;s<a;s++){const a=n[s],r=e[a];-1===r.distance&&(r.distance=e[t].distance+1,r.parent=t,i.unshift(a))}}return e}(t),i={},n=Object.keys(e);for(let t=n.length,a=0;a<t;a++){const t=n[a];null!==e[t].parent&&(i[t]=_(t,e))}return i}(t);Object.keys(e).forEach((i=>{const n=e[i];O[t][i]=function(t){const e=function(...e){const i=e[0];if(null==i)return i;i.length>1&&(e=i);const n=t(e);if("object"==typeof n)for(let t=n.length,e=0;e<t;e++)n[e]=Math.round(n[e]);return n};return"conversion"in t&&(e.conversion=t.conversion),e}(n),O[t][i].raw=function(t){const e=function(...e){const i=e[0];return null==i?i:(i.length>1&&(e=i),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(n)}))}));var q=O;const $=[].slice,I=["keyword","gray","hex"],z={};for(const t of Object.keys(q))z[$.call(q[t].labels).sort().join("")]=t;const E={};function N(t,e){if(!(this instanceof N))return new N(t,e);if(e&&e in I&&(e=null),e&&!(e in q))throw new Error("Unknown model: "+e);let i,n;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof N)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){const e=M.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,n=q[this.model].channels,this.color=e.value.slice(0,n),this.valpha="number"==typeof e.value[n]?e.value[n]:1}else if(t.length>0){this.model=e||"rgb",n=q[this.model].channels;const i=$.call(t,0,n);this.color=R(i,n),this.valpha="number"==typeof t[n]?t[n]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const n=e.sort().join("");if(!(n in z))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=z[n];const a=q[this.model].labels,s=[];for(i=0;i<a.length;i++)s.push(t[a[i]]);this.color=R(s)}if(E[this.model])for(n=q[this.model].channels,i=0;i<n;i++){const t=E[this.model][i];t&&(this.color[i]=t(this.color[i]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}N.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in M.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const i=1===e.valpha?e.color:e.color.concat(this.valpha);return M.to[e.model](i)},percentString(t){const e=this.rgb().round("number"==typeof t?t:1),i=1===e.valpha?e.color:e.color.concat(this.valpha);return M.to.rgb.percent(i)},array(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object(){const t={},e=q[this.model].channels,i=q[this.model].labels;for(let n=0;n<e;n++)t[i[n]]=this.color[n];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray(){const t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject(){const t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new N(this.color.map(function(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}(t)).concat(this.valpha),this.model)},alpha(t){return arguments.length>0?new N(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:H("rgb",0,U(255)),green:H("rgb",1,U(255)),blue:H("rgb",2,U(255)),hue:H(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:H("hsl",1,U(100)),lightness:H("hsl",2,U(100)),saturationv:H("hsv",1,U(100)),value:H("hsv",2,U(100)),chroma:H("hcg",1,U(100)),gray:H("hcg",2,U(100)),white:H("hwb",1,U(100)),wblack:H("hwb",2,U(100)),cyan:H("cmyk",0,U(100)),magenta:H("cmyk",1,U(100)),yellow:H("cmyk",2,U(100)),black:H("cmyk",3,U(100)),x:H("xyz",0,U(100)),y:H("xyz",1,U(100)),z:H("xyz",2,U(100)),l:H("lab",0,U(100)),a:H("lab",1),b:H("lab",2),keyword(t){return arguments.length>0?new N(t):q[this.model].keyword(this.color)},hex(t){return arguments.length>0?new N(t):M.to.hex(this.rgb().round().color)},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[i,n]of t.entries()){const t=n/255;e[i]=t<=.03928?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),i=t.luminosity();return e>i?(e+.05)/(i+.05):(i+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return N.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let i=e.color[0];return i=(i+t)%360,i=i<0?360+i:i,e.color[0]=i,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const i=t.rgb(),n=this.rgb(),a=void 0===e?.5:e,s=2*a-1,r=i.alpha()-n.alpha(),o=((s*r==-1?s:(s+r)/(1+s*r))+1)/2,l=1-o;return N.rgb(o*i.red()+l*n.red(),o*i.green()+l*n.green(),o*i.blue()+l*n.blue(),i.alpha()*a+n.alpha()*(1-a))}};for(const t of Object.keys(q)){if(I.includes(t))continue;const e=q[t].channels;N.prototype[t]=function(){if(this.model===t)return new N(this);if(arguments.length>0)return new N(arguments,t);const i="number"==typeof arguments[e]?e:this.valpha;return new N(K(q[this.model][t].raw(this.color)).concat(i),t)},N[t]=function(i){return"number"==typeof i&&(i=R($.call(arguments),e)),new N(i,t)}}function H(t,e,i){t=Array.isArray(t)?t:[t];for(const n of t)(E[n]||(E[n]=[]))[e]=i;return t=t[0],function(n){let a;return arguments.length>0?(i&&(n=i(n)),a=this[t](),a.color[e]=n,a):(a=this[t]().color[e],i&&(a=i(a)),a)}}function U(t){return function(e){return Math.max(0,Math.min(t,e))}}function K(t){return Array.isArray(t)?t:[t]}function R(t,e){for(let i=0;i<e;i++)"number"!=typeof t[i]&&(t[i]=0);return t}var V=N;const L=V("#007AC2"),B={r:255,g:255,b:255},T={h:360,s:100,v:100},G={s:{slider:{height:10,width:160},colorField:{height:80,width:160},thumb:{radius:8}},m:{slider:{height:14,width:272},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:16,width:464},colorField:{height:200,width:464},thumb:{radius:12}}},J=l(L.hex());let P=class{constructor(n){var a,s,r,o;t(this,n),this.calciteColorPickerChange=e(this,"calciteColorPickerChange",7),this.calciteColorPickerInput=e(this,"calciteColorPickerInput",7),this.allowEmpty=!1,this.appearance="default",this.color=L,this.format="auto",this.hideHex=!1,this.hideChannels=!1,this.hideSaved=!1,this.intlB="B",this.intlBlue="Blue",this.intlDeleteColor="Delete color",this.intlG="G",this.intlGreen="Green",this.intlH="H",this.intlHsv="HSV",this.intlHex="Hex",this.intlHue="Hue",this.intlNoColor="No color",this.intlR="R",this.intlRed="Red",this.intlRgb="RGB",this.intlS="S",this.intlSaturation="Saturation",this.intlSaveColor="Save color",this.intlSaved="Saved",this.intlV="V",this.intlValue="Value",this.scale="m",this.value=J,this.colorFieldAndSliderHovered=!1,this.hueThumbState="idle",this.internalColorUpdateContext=null,this.mode=c.HEX,this.shiftKeyChannelAdjustment=0,this.sliderThumbState="idle",this.colorFieldAndSliderInteractive=!1,this.channelMode="rgb",this.channels=this.toChannels(L),this.dimensions=G.m,this.savedColors=[],this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleColorFieldScopeKeyDown=t=>{const e=g(t.key),i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[e]&&(t.preventDefault(),this.scopeOrientation="ArrowDown"===e||"ArrowUp"===e?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[e].x||0,this.colorFieldScopeTop+i[e].y||0,!1))},this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1,i=g(t.key),n={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(n[i]){t.preventDefault();const a=n[i]*e,s=this.baseColorFieldColor.hue(),r=this.baseColorFieldColor.hue(s+a);this.internalColorSet(r,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:i}=this,n=t.target.value;!e||n?n!==(i&&l(i.hex()))&&this.internalColorSet(V(n)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(V(t.currentTarget.color))},this.handleChannelInput=t=>{const e=t.currentTarget,i=t.detail.nativeEvent.target,n=Number(e.getAttribute("data-channel-index")),a="rgb"===this.channelMode?B[Object.keys(B)[n]]:T[Object.keys(T)[n]];let s;if(this.allowEmpty&&!e.value)s="";else{const t=Number(e.value)+this.shiftKeyChannelAdjustment;s=w(t,0,a).toString()}e.value=s,i.value=s},this.handleChannelChange=t=>{const e=t.currentTarget,i=Number(e.getAttribute("data-channel-index")),n=[...this.channels];if(this.allowEmpty&&!e.value)return this.channels=[null,null,null],void this.internalColorSet(null);n[i]=Number(e.value),this.updateColorFromChannels(n)},this.handleSavedColorKeyDown=t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),t.stopPropagation(),this.handleSavedColorSelect(t))},this.handleColorFieldAndSliderMouseLeave=()=>{this.colorFieldAndSliderInteractive=!1,this.colorFieldAndSliderHovered=!1,"drag"!==this.sliderThumbState&&"drag"!==this.hueThumbState&&(this.hueThumbState="idle",this.sliderThumbState="idle",this.drawColorFieldAndSlider())},this.handleColorFieldAndSliderMouseDown=t=>{const{offsetX:e,offsetY:i}=t,n=this.getCanvasRegion(i);"color-field"===n?(this.hueThumbState="drag",this.captureColorFieldColor(e,i)):"slider"===n&&(this.sliderThumbState="drag",this.captureHueSliderColor(e)),t.preventDefault(),document.addEventListener("mousemove",this.globalMouseMoveHandler),document.addEventListener("mouseup",this.globalMouseUpHandler,{once:!0}),this.activeColorFieldAndSliderRect=this.fieldAndSliderRenderingContext.canvas.getBoundingClientRect()},this.globalMouseUpHandler=()=>{const t="drag"===this.sliderThumbState||"drag"===this.hueThumbState;this.hueThumbState="idle",this.sliderThumbState="idle",this.activeColorFieldAndSliderRect=null,this.drawColorFieldAndSlider(),t&&this.calciteColorPickerChange.emit()},this.globalMouseMoveHandler=t=>{const{el:e,dimensions:i}=this,n="drag"===this.hueThumbState;if(!e.isConnected||"drag"!==this.sliderThumbState&&!n)return;let a,s;const r=this.activeColorFieldAndSliderRect,{clientX:o,clientY:l}=t;if(this.colorFieldAndSliderHovered)a=o-r.x,s=l-r.y;else{const t=i.colorField.width,e=i.colorField.height,n=i.slider.height;a=o<r.x+t&&o>r.x?o-r.x:o<r.x?0:t,s=l<r.y+e+n&&l>r.y?l-r.y:l<r.y?0:e+n}n?this.captureColorFieldColor(a,s,!1):this.captureHueSliderColor(a)},this.handleColorFieldAndSliderMouseEnterOrMove=({offsetX:t,offsetY:e})=>{const{dimensions:{colorField:i,slider:n,thumb:a}}=this;this.colorFieldAndSliderInteractive=e<=i.height+n.height,this.colorFieldAndSliderHovered=!0;const s=this.getCanvasRegion(e);if("color-field"===s){const n=this.hueThumbState,s=this.baseColorFieldColor.hsv(),r=Math.round(s.saturationv()/(T.s/i.width)),o=Math.round(i.height-s.value()/(T.v/i.height)),l=this.containsPoint(t,e,r,o,a.radius);let c=!1;"idle"===n&&l?(this.hueThumbState="hover",c=!0):"hover"!==n||l||(this.hueThumbState="idle",c=!0),"drag"!==this.hueThumbState&&c&&this.drawColorFieldAndSlider()}else if("slider"===s){const s=this.baseColorFieldColor.hsv().saturationv(100).value(100),r=this.sliderThumbState,o=Math.round(s.hue()/(360/n.width)),l=Math.round((n.height+this.getSliderCapSpacing())/2)+i.height,c=this.containsPoint(t,e,o,l,a.radius);let h=!1;"idle"===r&&c?(this.sliderThumbState="hover",h=!0):"hover"!==r||c||(this.sliderThumbState="idle",h=!0),"drag"!==this.sliderThumbState&&h&&this.drawColorFieldAndSlider()}},this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:e,intlRgb:n,intlHsv:a}=this;return i("calcite-tab-title",{active:t===e,class:"color-mode","data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate},"rgb"===t?n:a)},this.renderChannelsTab=t=>{const{channelMode:e,channels:n,intlB:a,intlBlue:s,intlG:r,intlGreen:o,intlH:l,intlHue:c,intlR:h,intlRed:u,intlS:d,intlSaturation:m,intlV:f,intlValue:p}=this,b="rgb"===t,g=b?[h,r,a]:[l,d,f],w=b?[u,o,s]:[c,m,p];return i("calcite-tab",{active:t===e,class:"control",key:t},i("div",{class:"channels"},n.map(((t,e)=>this.renderChannel(t,e,g[e],w[e])))))},this.renderChannel=(t,e,n,a)=>i("calcite-input",{class:"channel","data-channel-index":e,label:a,numberButtonType:"none",onCalciteInputChange:this.handleChannelChange,onCalciteInputInput:this.handleChannelInput,prefixText:n,scale:"l"===this.scale?"m":"s",type:"number",value:null==t?void 0:t.toString()}),this.deleteColor=()=>{const t=this.color.hex();if(!(this.savedColors.indexOf(t)>-1))return;const e=this.savedColors.filter((e=>e!==t));this.savedColors=e,this.storageId&&localStorage.setItem(`calcite-color-${this.storageId}`,JSON.stringify(e))},this.saveColor=()=>{const t=this.color.hex();if(this.savedColors.indexOf(t)>-1)return;const e=[...this.savedColors,t];this.savedColors=e,this.storageId&&localStorage.setItem(`calcite-color-${this.storageId}`,JSON.stringify(e))},this.drawColorFieldAndSlider=(a=()=>{this.fieldAndSliderRenderingContext&&(this.drawColorField(),this.drawHueSlider())},r=!0,o=!0,k(s)&&(r="leading"in s?!!s.leading:r,o="trailing"in s?!!s.trailing:o),y(a,16,{leading:r,maxWait:16,trailing:o})),this.captureColorFieldColor=(t,e,i=!0)=>{const{dimensions:{colorField:{height:n,width:a}}}=this,s=Math.round(T.s/a*t),r=Math.round(T.v/n*(n-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(r),i)},this.initColorFieldAndSlider=t=>{this.fieldAndSliderRenderingContext=t.getContext("2d"),this.setCanvasContextSize(t,{width:this.dimensions.colorField.width,height:this.dimensions.colorField.height+this.dimensions.slider.height+2*this.getSliderCapSpacing()}),this.drawColorFieldAndSlider()}}handleColorChange(t,e){this.drawColorFieldAndSlider(),this.updateChannelsFromColor(t),this.previousColor=e,this.internalColorUpdateContext||(this.value=this.toValue(t))}handleFormatChange(t){this.setMode(t),this.value=this.toValue(this.color)}handleScaleChange(t="m"){this.updateDimensions(t)}handleValueChange(t,e){const{allowEmpty:i,format:n}=this;let a=!1;if(!i||t){const i=h(t);if(!i||"auto"!==n&&i!==n)return this.showIncompatibleColorWarning(t,n),void(this.value=e);a=this.mode!==i,this.setMode(i)}const s="drag"===this.sliderThumbState||"drag"===this.hueThumbState;if(this.internalColorUpdateContext){if("initial"===this.internalColorUpdateContext)return;return this.calciteColorPickerInput.emit(),void(s||this.calciteColorPickerChange.emit())}const r=i&&!t?null:V(t),o=!u(r,this.color);(a||o)&&(this.color=r,this.calciteColorPickerInput.emit(),s||this.calciteColorPickerChange.emit())}get baseColorFieldColor(){return this.color||this.previousColor||L}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const e=g(t.key);if("ArrowUp"!==e&&"ArrowDown"!==e||!t.composedPath().some((t=>{var e;return null===(e=t.classList)||void 0===e?void 0:e.contains("channel")})))return;const{shiftKey:i}=t;if(t.preventDefault(),!this.color)return this.internalColorSet(this.previousColor),void t.stopPropagation();this.shiftKeyChannelAdjustment="ArrowUp"===e&&i?9:"ArrowDown"===e&&i?-9:0}async setFocus(){return a(this.colorFieldScopeNode)}componentWillLoad(){const t=`calcite-color-${this.storageId}`;this.storageId&&localStorage.getItem(t)&&(this.savedColors=JSON.parse(localStorage.getItem(t)))}connectedCallback(){const{allowEmpty:t,color:e,format:i,value:n}=this,a=t&&!n,s=h(n),r=a||"auto"===i&&s||i===s,o=a?null:r?V(n):e;r||this.showIncompatibleColorWarning(n,i),this.setMode(i),this.internalColorSet(o,!1,"initial"),this.updateDimensions(this.scale)}disconnectedCallback(){document.removeEventListener("mousemove",this.globalMouseMoveHandler),document.removeEventListener("mouseup",this.globalMouseUpHandler)}render(){const{allowEmpty:t,color:e,intlDeleteColor:n,el:a,hideHex:o,hideChannels:l,hideSaved:c,intlHex:h,intlSaved:u,intlSaveColor:d,savedColors:m,scale:f}=this,p=e?e.hex():null,b="l"===f?"m":"s",{colorFieldAndSliderInteractive:g,colorFieldScopeTop:w,colorFieldScopeLeft:y,hueScopeLeft:k,hueScopeTop:v,scopeOrientation:x,dimensions:{colorField:{height:D,width:M},slider:{height:C}}}=this,j=null!=v?v:C/2+D,F=null!=k?k:M*L.hue()/T.h,S=s(a),A=null===e,_="vertical"===x;return i("div",{class:"container"},i("div",{class:"color-field-and-slider-wrap"},i("canvas",{class:{"color-field-and-slider":!0,"color-field-and-slider--interactive":g},onMouseDown:this.handleColorFieldAndSliderMouseDown,onMouseEnter:this.handleColorFieldAndSliderMouseEnterOrMove,onMouseLeave:this.handleColorFieldAndSliderMouseLeave,onMouseMove:this.handleColorFieldAndSliderMouseEnterOrMove,ref:this.initColorFieldAndSlider}),i("div",{"aria-label":_?this.intlValue:this.intlSaturation,"aria-valuemax":_?T.v:T.s,"aria-valuemin":"0","aria-valuenow":(_?null==e?void 0:e.saturationv():null==e?void 0:e.value())||"0",class:{scope:!0,"scope--color-field":!0},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${w||0}px`,left:`${y||0}px`},tabindex:"0"}),i("div",{"aria-label":this.intlHue,"aria-valuemax":T.h,"aria-valuemin":"0","aria-valuenow":(null==e?void 0:e.round().hue())||L.round().hue(),class:{scope:!0,"scope--hue":!0},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${j}px`,left:`${F}px`},tabindex:"0"})),o&&l?null:i("div",{class:{"control-section":!0,section:!0,[r.rtl]:"rtl"===S}},o?null:i("div",{class:"color-hex-options"},i("span",{class:{header:!0,"header--hex":!0}},h),i("calcite-color-picker-hex-input",{allowEmpty:t,class:"control",dir:S,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:b,value:p})),l?null:i("calcite-tabs",{class:{"color-mode-container":!0,"section--split":!0},dir:S,scale:b},i("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),c?null:i("div",{class:{"saved-colors-section":!0,section:!0}},i("div",{class:"header"},i("label",null,u),i("div",{class:"saved-colors-buttons"},i("calcite-button",{appearance:"transparent",class:"delete-color",color:"neutral",disabled:A,iconStart:"minus",label:n,onClick:this.deleteColor,scale:b}),i("calcite-button",{appearance:"transparent",class:"save-color",color:"neutral",disabled:A,iconStart:"plus",label:d,onClick:this.saveColor,scale:b}))),m.length>0?i("div",{class:"saved-colors"},[...m.map((t=>i("calcite-color-picker-swatch",{active:p===t,class:"saved-color",color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:f,tabIndex:0})))]):null))}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t){this.mode="auto"===t?this.mode:t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(360/e*t),!1)}getCanvasRegion(t){const{dimensions:{colorField:{height:e},slider:{height:i}}}=this;return t<=e?"color-field":t<=e+i?"slider":"none"}internalColorSet(t,e=!0,i="internal"){e&&u(t,this.color)||(this.internalColorUpdateContext=i,this.color=t,this.value=this.toValue(t),this.internalColorUpdateContext=null)}toValue(t,e=this.mode){if(!t)return null;if(e.includes("hex"))return l(t.round().hex());if(e.includes("-css"))return t[e.replace("-css","").replace("a","")]().round().string();const i=t[e]().round().object();return e.endsWith("a")&&(i.a=i.alpha,delete i.alpha),i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return 2*e-t}updateDimensions(t="m"){this.dimensions=G[t]}drawColorField(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).string(),t.fillRect(0,0,i,e);const n=t.createLinearGradient(0,0,i,0);n.addColorStop(0,"rgba(255,255,255,1)"),n.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=n,t.fillRect(0,0,i,e);const a=t.createLinearGradient(0,0,0,e);a.addColorStop(0,"rgba(0,0,0,0)"),a.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=a,t.fillRect(0,0,i,e),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:i}){const n=window.devicePixelRatio||1;t.width=i*n,t.height=e*n,t.style.height=`${e}px`,t.style.width=`${i}px`,t.getContext("2d").scale(n,n)}containsPoint(t,e,i,n,a){return Math.pow(t-i,2)+Math.pow(e-n,2)<=Math.pow(a,2)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const e=t.hsv(),{dimensions:{colorField:{height:i,width:n},thumb:{radius:a}}}=this,s=e.saturationv()/(T.s/n),r=i-e.value()/(T.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=r})),this.drawThumb(this.fieldAndSliderRenderingContext,a,s,r,e,this.hueThumbState)}drawThumb(t,e,i,n,a,s){const r=2*Math.PI;t.beginPath(),t.arc(i,n,e,0,r),t.shadowBlur="hover"===s?32:16,t.shadowColor=`rgba(0, 0, 0, ${"drag"===s?.32:.16})`,t.fillStyle="#fff",t.fill(),t.beginPath(),t.arc(i,n,e-3,0,r),t.shadowBlur=0,t.shadowColor="transparent",t.fillStyle=a.rgb().string(),t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const e=t.hsv().saturationv(100).value(100),{dimensions:{colorField:{height:i},slider:{height:n,width:a},thumb:{radius:s}}}=this,r=e.hue()/(360/a),o=n/2+i;requestAnimationFrame((()=>{this.hueScopeLeft=r,this.hueScopeTop=o})),this.drawThumb(this.fieldAndSliderRenderingContext,s,r,o,e,this.sliderThumbState)}drawHueSlider(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e},slider:{height:i,width:n}}}=this,a=t.createLinearGradient(0,0,n,0),s=["red","yellow","lime","cyan","blue","magenta","red"],r=1/(s.length-1);let o=0;s.forEach((t=>{a.addColorStop(o,V(t).string()),o+=r})),t.fillStyle=a,t.clearRect(0,e,n,i+2*this.getSliderCapSpacing()),t.fillRect(0,e,n,i),this.drawActiveHueSliderColor()}updateColorFromChannels(t){this.internalColorSet(V(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null]}toChannels(t){const{channelMode:e}=this;return t[e]().array().map((t=>Math.floor(t)))}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],value:["handleValueChange"]}}};P.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .container{width:160px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{-ms-flex-direction:column;flex-direction:column}:host([scale=s]) .channel{width:100%;margin-bottom:4px}:host([scale=s]) .channel:last-child{margin-bottom:0}:host([scale=m]) .container{width:272px}:host([scale=l]) .control-section.section.calcite--rtl>:nth-child(2){margin-left:0;margin-right:12px}:host([scale=l]) .header{padding-bottom:0}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{width:464px}:host([scale=l]) .color-field-and-slider{margin-bottom:-20px}:host([scale=l]) .section{padding:0 16px 16px}:host([scale=l]) .section:first-of-type{padding-top:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){margin-left:12px}:host([scale=l]) .color-hex-options{-ms-flex-negative:1;flex-shrink:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-height:98px;width:160px}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.color-field-and-slider-wrap{position:relative}.scope{font-size:var(--calcite-font-size--1);padding:0;margin-bottom:0;margin-right:0;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:0.5rem;height:0.5rem;position:absolute;pointer-events:none;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.section{padding:0 12px 12px}.section:first-of-type{padding-top:12px}.color-hex-options,.section--split{-ms-flex-positive:1;flex-grow:1}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-ui-text-1);padding-bottom:0.25rem}.header--hex,.color-mode-container{padding-top:12px}.channels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.channel{width:31%}.saved-colors{padding-top:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;width:100%}.saved-colors-buttons{display:-ms-flexbox;display:flex}.saved-color{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;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{-webkit-transition:outline-color 100ms ease-in-out;transition:outline-color 100ms ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";const W=V();let X=class{constructor(i){t(this,i),this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",7),this.allowEmpty=!1,this.intlHex="Hex",this.intlNoColor="No color",this.scale="m",this.value=l(W.hex()),this.onCalciteInputBlur=()=>{const t=this.inputNode,e=t.value,i=`#${e}`;this.allowEmpty&&!e||d(i)&&m(i)||(t.value=this.allowEmpty&&!this.internalColor?"":this.formatForInternalInput(f(this.internalColor.object())))},this.onInputChange=()=>{const t=this.inputNode.value;let e;if(t){const i=t;if(!p(`#${i}`))return;e=l(i)}else this.allowEmpty&&(e=null);this.value=e,this.calciteColorPickerHexInputChange.emit()},this.internalColor=W,this.previousNonNullValue=this.value,this.storeInputRef=t=>{this.inputNode=t}}connectedCallback(){const{allowEmpty:t,value:e}=this;if(e){const t=l(e);d(t)&&(this.internalColor=V(t),this.value=t)}else t&&(this.internalColor=null,this.value=null)}handleValueChange(t,e){if(t){const e=l(t);if(d(e)){const{internalColor:t}=this,i=!t||e!==l(t.hex());return this.internalColor=V(e),this.previousNonNullValue=e,this.value=e,void(i&&this.calciteColorPickerHexInputChange.emit())}}else if(this.allowEmpty)return this.internalColor=null,this.value=null,void this.calciteColorPickerHexInputChange.emit();this.value=e}onInputKeyDown(t){const{altKey:e,ctrlKey:i,metaKey:n,shiftKey:a}=t,{internalColor:s,value:r}=this,o=g(t.key);if("Tab"===o||"Enter"===o)return void this.onInputChange();if("ArrowDown"===o||"ArrowUp"===o)return r?(this.value=l(this.nudgeRGBChannels(s,(a?10:1)*("ArrowUp"===o?1:-1)).hex()),void t.preventDefault()):(this.value=this.previousNonNullValue,void t.preventDefault());const c=e||i||n,h=1===o.length,u=b.test(o);!h||c||u||t.preventDefault()}render(){const{el:t,intlHex:e,value:n}=this,a=this.formatForInternalInput(n),r=s(t);return i("div",{class:"container"},i("calcite-input",{class:"input",dir:r,label:e,maxLength:6,onCalciteInputBlur:this.onCalciteInputBlur,onCalciteInputChange:this.onInputChange,prefixText:"#",ref:this.storeInputRef,scale:this.scale,value:a}),a?i("calcite-color-picker-swatch",{active:!0,class:"preview",color:`#${a}`,scale:this.scale}):null)}async setFocus(){a(this.inputNode)}formatForInternalInput(t){return t?t.replace("#",""):""}nudgeRGBChannels(t,e){return V.rgb(t.array().map((t=>t+e)))}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"]}}};X.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{width:100%;display:inline-grid;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:0.25rem;margin-right:0.25rem;z-index:1}.preview,.input{grid-row:1}.input{grid-column:1/3;text-transform:uppercase;width:100%}";let Y=class{constructor(e){t(this,e),this.active=!1,this.scale="m"}handleColorChange(t){this.internalColor=V(t)}componentWillLoad(){this.handleColorChange(this.color)}render(){const{active:t,el:e,internalColor:n}=this,a=t?"100%":"0",s=n.hex(),r="light"===o(e)?"rgba(0, 0, 0, 0.15)":"rgba(255, 255, 255, 0.15)";return i("svg",{class:"swatch",xmlns:"http://www.w3.org/2000/svg"},i("title",null,s),i("rect",{fill:s,height:"100%",id:"swatch",rx:a,stroke:r,"stroke-width":"2",style:{"clip-path":`inset(0 round ${a})`},width:"100%"}))}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"]}}};Y.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;position:relative}:host([scale=s]){height:1.25rem;width:1.25rem}:host([scale=m]){height:1.5rem;width:1.5rem}:host([scale=l]){height:2rem;width:2rem}.swatch{overflow:visible;height:inherit;width:inherit}.swatch rect{-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)}.no-color-icon{height:100%;width:100%;top:0;right:0;bottom:0;left:0;position:absolute}";export{P as calcite_color_picker,X as calcite_color_picker_hex_input,Y as calcite_color_picker_swatch}
|
|
@@ -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 i,c as t,h as a,g as e,H as o}from"./p-05d1dfc6.js";import{g as c}from"./p-72563742.js";import{d as n,a as r,C as s}from"./p-52cc870b.js";import"./p-8a63221d.js";let l=class{constructor(a){i(this,a),this.calciteAccordionChange=t(this,"calciteAccordionChange",7),this.appearance="default",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multi",this.items=[],this.sorted=!1,this.sortItems=i=>i.sort(((i,t)=>i.position-t.position)).map((i=>i.item))}componentDidLoad(){this.sorted||(this.items=this.sortItems(this.items),this.sorted=!0)}render(){return a("slot",null)}calciteAccordionItemKeyEvent(i){if(this.el===i.detail.parent){const t=c(i.detail.item.key),a=i.target,e=0===this.itemIndex(a),o=this.itemIndex(a)===this.items.length-1;switch(t){case"ArrowDown":o?this.focusFirstItem():this.focusNextItem(a);break;case"ArrowUp":e?this.focusLastItem():this.focusPrevItem(a);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem()}}}registerCalciteAccordionItem(i){const t={item:i.target,parent:i.detail.parent,position:i.detail.position};this.el===t.parent&&this.items.push(t)}updateActiveItemOnChange(i){this.requestedAccordionItem=i.detail.requestedAccordionItem,this.calciteAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem})}focusFirstItem(){this.focusElement(this.items[0])}focusLastItem(){this.focusElement(this.items[this.items.length-1])}focusNextItem(i){const t=this.itemIndex(i);this.focusElement(this.items[t+1]||this.items[0])}focusPrevItem(i){const t=this.itemIndex(i);this.focusElement(this.items[t-1]||this.items[this.items.length-1])}itemIndex(i){return this.items.indexOf(i)}focusElement(i){i.focus()}get el(){return e(this)}};l.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;position:relative;max-width:100%;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);border-bottom-width:0;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}:host([appearance=transparent]){border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}";let m=class{constructor(a){i(this,a),this.calciteAccordionItemKeyEvent=t(this,"calciteAccordionItemKeyEvent",7),this.calciteAccordionItemSelect=t(this,"calciteAccordionItemSelect",7),this.calciteAccordionItemClose=t(this,"calciteAccordionItemClose",7),this.calciteAccordionItemRegister=t(this,"calciteAccordionItemRegister",7),this.active=!1,this.iconPosition="end",this.itemHeaderClickHandler=()=>this.emitRequestedItem()}connectedCallback(){this.parent=this.el.parentElement,this.selectionMode=n(this.el,"selection-mode","multi"),this.iconType=n(this.el,"icon-type","chevron"),this.iconPosition=n(this.el,"icon-position",this.iconPosition)}componentDidLoad(){this.itemPosition=this.getItemPosition(),this.calciteAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})}render(){const i=r(this.el),t=a("calcite-icon",{class:"accordion-item-icon",icon:this.icon,scale:"s"});return a(o,{"aria-expanded":this.active.toString(),tabindex:"0"},a("div",{class:{[`icon-position--${this.iconPosition}`]:!0,[`icon-type--${this.iconType}`]:!0}},a("div",{class:{"accordion-item-header":!0,[s.rtl]:"rtl"===i},onClick:this.itemHeaderClickHandler},this.icon?t:null,a("div",{class:"accordion-item-header-text"},a("span",{class:"accordion-item-title"},this.itemTitle),this.itemSubtitle?a("span",{class:"accordion-item-subtitle"},this.itemSubtitle):null),a("calcite-icon",{class:"accordion-item-expand-icon",icon:"chevron"===this.iconType?"chevronDown":"caret"===this.iconType?"caretDown":this.active?"minus":"plus",scale:"s"})),a("div",{class:"accordion-item-content"},a("slot",null))))}keyDownHandler(i){if(i.target===this.el)switch(c(i.key)){case" ":case"Enter":this.emitRequestedItem(),i.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteAccordionItemKeyEvent.emit({parent:this.parent,item:i}),i.preventDefault()}}updateActiveItemOnChange(i){this.requestedAccordionItem=i.detail.requestedAccordionItem,this.determineActiveItem()}determineActiveItem(){switch(this.selectionMode){case"multi":this.el===this.requestedAccordionItem&&(this.active=!this.active);break;case"single":this.active=this.el===this.requestedAccordionItem&&!this.active;break;case"single-persist":this.active=this.el===this.requestedAccordionItem}}emitRequestedItem(){this.calciteAccordionItemSelect.emit({requestedAccordionItem:this.el})}getItemPosition(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)}get el(){return e(this)}};m.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:-90deg;--calcite-accordion-item-active-icon-rotation:0;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0;--calcite-accordion-item-active-icon-rotation-rtl:-180deg}:host{--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host-context([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}:host-context([appearance=transparent]){--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative;color:var(--calcite-ui-text-3);background-color:var(--calcite-accordion-item-background);--calcite-accordion-item-border:var(--calcite-ui-border-2)}:host .accordion-item-header{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}:host .accordion-item-icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:var(--calcite-accordion-item-icon-spacing-start);margin-left:var(--calcite-accordion-item-icon-spacing-end)}.calcite--rtl .accordion-item-icon{margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end)}:host .accordion-item-content,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border)}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;color:var(--calcite-ui-text-3);padding-top:0;text-align:initial}:host .accordion-item-expand-icon{color:var(--calcite-ui-text-3);margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .accordion-item-expand-icon{margin-left:var(--calcite-accordion-item-icon-spacing-end);margin-right:var(--calcite-accordion-item-icon-spacing-start);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([active]) .calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .accordion-item-header-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;margin-right:auto;text-align:initial}.calcite--rtl .accordion-item-header-text{margin-right:0;margin-left:auto}:host .accordion-item-title,:host .accordion-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-title{color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium)}:host .accordion-item-subtitle{color:var(--calcite-ui-text-3);margin-top:0.25rem}.calcite--rtl .accordion-item-title{margin-right:0;margin-left:auto}:host(:focus) .accordion-item-title,:host(:hover) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:hover) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-title,:host(:active) .accordion-item-title,:host([active]) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:active) .accordion-item-subtitle,:host([active]) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}";export{l as calcite_accordion,m as calcite_accordion_item}
|
|
5
|
+
import{r as i,c as t,h as a,g as e,H as o}from"./p-2e29554c.js";import{g as c}from"./p-72563742.js";import{d as n,a as r,C as s}from"./p-52cc870b.js";import"./p-8a63221d.js";let l=class{constructor(a){i(this,a),this.calciteAccordionChange=t(this,"calciteAccordionChange",7),this.appearance="default",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multi",this.items=[],this.sorted=!1,this.sortItems=i=>i.sort(((i,t)=>i.position-t.position)).map((i=>i.item))}componentDidLoad(){this.sorted||(this.items=this.sortItems(this.items),this.sorted=!0)}render(){return a("slot",null)}calciteAccordionItemKeyEvent(i){if(this.el===i.detail.parent){const t=c(i.detail.item.key),a=i.target,e=0===this.itemIndex(a),o=this.itemIndex(a)===this.items.length-1;switch(t){case"ArrowDown":o?this.focusFirstItem():this.focusNextItem(a);break;case"ArrowUp":e?this.focusLastItem():this.focusPrevItem(a);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem()}}}registerCalciteAccordionItem(i){const t={item:i.target,parent:i.detail.parent,position:i.detail.position};this.el===t.parent&&this.items.push(t)}updateActiveItemOnChange(i){this.requestedAccordionItem=i.detail.requestedAccordionItem,this.calciteAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem})}focusFirstItem(){this.focusElement(this.items[0])}focusLastItem(){this.focusElement(this.items[this.items.length-1])}focusNextItem(i){const t=this.itemIndex(i);this.focusElement(this.items[t+1]||this.items[0])}focusPrevItem(i){const t=this.itemIndex(i);this.focusElement(this.items[t-1]||this.items[this.items.length-1])}itemIndex(i){return this.items.indexOf(i)}focusElement(i){i.focus()}get el(){return e(this)}};l.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;position:relative;max-width:100%;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);border-bottom-width:0;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}:host([appearance=transparent]){border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}";let m=class{constructor(a){i(this,a),this.calciteAccordionItemKeyEvent=t(this,"calciteAccordionItemKeyEvent",7),this.calciteAccordionItemSelect=t(this,"calciteAccordionItemSelect",7),this.calciteAccordionItemClose=t(this,"calciteAccordionItemClose",7),this.calciteAccordionItemRegister=t(this,"calciteAccordionItemRegister",7),this.active=!1,this.iconPosition="end",this.itemHeaderClickHandler=()=>this.emitRequestedItem()}connectedCallback(){this.parent=this.el.parentElement,this.selectionMode=n(this.el,"selection-mode","multi"),this.iconType=n(this.el,"icon-type","chevron"),this.iconPosition=n(this.el,"icon-position",this.iconPosition)}componentDidLoad(){this.itemPosition=this.getItemPosition(),this.calciteAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})}render(){const i=r(this.el),t=a("calcite-icon",{class:"accordion-item-icon",icon:this.icon,scale:"s"});return a(o,{"aria-expanded":this.active.toString(),tabindex:"0"},a("div",{class:{[`icon-position--${this.iconPosition}`]:!0,[`icon-type--${this.iconType}`]:!0}},a("div",{class:{"accordion-item-header":!0,[s.rtl]:"rtl"===i},onClick:this.itemHeaderClickHandler},this.icon?t:null,a("div",{class:"accordion-item-header-text"},a("span",{class:"accordion-item-title"},this.itemTitle),this.itemSubtitle?a("span",{class:"accordion-item-subtitle"},this.itemSubtitle):null),a("calcite-icon",{class:"accordion-item-expand-icon",icon:"chevron"===this.iconType?"chevronDown":"caret"===this.iconType?"caretDown":this.active?"minus":"plus",scale:"s"})),a("div",{class:"accordion-item-content"},a("slot",null))))}keyDownHandler(i){if(i.target===this.el)switch(c(i.key)){case" ":case"Enter":this.emitRequestedItem(),i.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteAccordionItemKeyEvent.emit({parent:this.parent,item:i}),i.preventDefault()}}updateActiveItemOnChange(i){this.requestedAccordionItem=i.detail.requestedAccordionItem,this.determineActiveItem()}determineActiveItem(){switch(this.selectionMode){case"multi":this.el===this.requestedAccordionItem&&(this.active=!this.active);break;case"single":this.active=this.el===this.requestedAccordionItem&&!this.active;break;case"single-persist":this.active=this.el===this.requestedAccordionItem}}emitRequestedItem(){this.calciteAccordionItemSelect.emit({requestedAccordionItem:this.el})}getItemPosition(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)}get el(){return e(this)}};m.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:-90deg;--calcite-accordion-item-active-icon-rotation:0;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0;--calcite-accordion-item-active-icon-rotation-rtl:-180deg}:host{--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}:host-context([appearance=minimal]){--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}:host-context([appearance=transparent]){--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative;color:var(--calcite-ui-text-3);background-color:var(--calcite-accordion-item-background);--calcite-accordion-item-border:var(--calcite-ui-border-2)}:host .accordion-item-header{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus) .accordion-item-header{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]){color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-content{display:block;color:var(--calcite-ui-text-1)}:host([active]) .accordion-item-header{border-bottom-color:transparent}:host .accordion-item-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}:host .accordion-item-icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:var(--calcite-accordion-item-icon-spacing-start);margin-left:var(--calcite-accordion-item-icon-spacing-end)}.calcite--rtl .accordion-item-icon{margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end)}:host .accordion-item-content,:host .accordion-item-header{padding:var(--calcite-accordion-item-padding);border-bottom:1px solid var(--calcite-accordion-item-border)}:host .accordion-item-header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .accordion-item-content{display:none;color:var(--calcite-ui-text-3);padding-top:0;text-align:initial}:host .accordion-item-expand-icon{color:var(--calcite-ui-text-3);margin-left:var(--calcite-accordion-item-icon-spacing-start);margin-right:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .accordion-item-expand-icon{margin-left:var(--calcite-accordion-item-icon-spacing-end);margin-right:var(--calcite-accordion-item-icon-spacing-start);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([active]) .calcite--rtl .accordion-item-expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .accordion-item-header-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;margin-right:auto;text-align:initial}.calcite--rtl .accordion-item-header-text{margin-right:0;margin-left:auto}:host .accordion-item-title,:host .accordion-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .accordion-item-title{color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium)}:host .accordion-item-subtitle{color:var(--calcite-ui-text-3);margin-top:0.25rem}.calcite--rtl .accordion-item-title{margin-right:0;margin-left:auto}:host(:focus) .accordion-item-title,:host(:hover) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:hover) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:hover) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:hover) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}:host(:focus) .accordion-item-title,:host(:active) .accordion-item-title,:host([active]) .accordion-item-title{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-icon,:host(:active) .accordion-item-icon,:host([active]) .accordion-item-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-expand-icon,:host(:active) .accordion-item-expand-icon,:host([active]) .accordion-item-expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .accordion-item-subtitle,:host(:active) .accordion-item-subtitle,:host([active]) .accordion-item-subtitle{color:var(--calcite-ui-text-2)}";export{l as calcite_accordion,m as calcite_accordion_item}
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,o){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
|
-
*/System.register(["./p-89cdfa96.system.js","./p-6cc23c39.system.js","./p-56b352bf.system.js","./p-db10485b.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,i,o,a,r,n,s,l,c,d,m,u,h;return{setters:[function(t){e=t.r;i=t.c;o=t.h;a=t.H;r=t.g},function(t){n=t.f;s=t.a;l=t.C;c=t.g;d=t.e;m=t.i},function(t){u=t.g},function(t){h=t.c},function(){}],execute:function(){function f(t,e,i,o,a){if(o===void 0){o=20}if(a===void 0){a=0}var r=[];if(a>=o){return r}var n=function(t){var r=t.assignedNodes().filter((function(t){return t.nodeType===1}));if(r.length>0){return f(r[0].parentElement,e,i,o,a+1)}return[]};var s=Array.from(t.children||[]);for(var l=0,c=s;l<c.length;l++){var d=c[l];if(e(d)){continue}if(i(d)){r.push(d)}if(d.shadowRoot!=null){r.push.apply(r,f(d.shadowRoot,e,i,o,a+1))}else if(d.tagName==="SLOT"){r.push.apply(r,n(d))}else{r.push.apply(r,f(d,e,i,o,a+1))}}return r}function b(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display==="none"||t.style.opacity==="0"||t.style.visibility==="hidden"||t.style.visibility==="collapse"}function p(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function x(t){if(t.getAttribute("tabindex")==="-1"||b(t)||p(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement)||t instanceof HTMLIFrameElement}var y={title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",overflowHidden:"overflow-hidden"};var v={close:"x"};var g={content:"content",header:"header",back:"back",secondary:"secondary",primary:"primary"};var w={close:"Close"};var k="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;-webkit-transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);z-index:101}:host([scale=s]){--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;overflow-y:hidden}.modal{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);box-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);-webkit-box-sizing:border-box;box-sizing:border-box;float:none;margin:1.5rem;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);width:100%;opacity:0;pointer-events:none;overflow:hidden;z-index:102;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}:host([active]){opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}:host([active]) .modal{opacity:1;pointer-events:auto;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transition-delay:0ms;transition-delay:0ms}.header{display:-ms-flexbox;display:flex;max-width:100%;min-width:0;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.close{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;color:var(--calcite-ui-text-3);-ms-flex-order:2;order:2;cursor:pointer;border-top-right-radius:0.25rem;background-color:transparent;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;padding:var(--calcite-modal-padding);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.calcite--rtl .close{border-top-left-radius:0.25rem;border-top-right-radius:0}.title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-order:1;order:1;min-width:0;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text)}.content{position:relative;padding:0;height:100%;overflow:auto;display:block;background-color:var(--calcite-ui-foreground-1);-webkit-box-sizing:border-box;box-sizing:border-box;max-height:calc(100vh - 12rem);z-index:1}.content--spaced{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}.content--no-footer{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text)}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;width:100%;background-color:var(--calcite-ui-foreground-1);border-width:0;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large);z-index:2}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-right:auto}.calcite--rtl .back{margin-left:auto;margin-right:0}.secondary{display:block;margin-left:0.25rem;margin-right:0.25rem}slot[name=primary]{display:block}:host([width=small]) .modal{width:auto}:host([width=s]) .modal{max-width:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;border-radius:0}:host([width=s]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=s][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=m]) .modal{max-width:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;border-radius:0}:host([width=m]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=m][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=l]) .modal{max-width:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;border-radius:0}:host([width=l]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=l][docked]){-ms-flex-align:end;align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;-webkit-transform:translate3D(0, 20px, 0) scale(0.95);transform:translate3D(0, 20px, 0) scale(0.95)}:host([fullscreen]) .content{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host([active][fullscreen]) .modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}:host([active][fullscreen]) .header{border-radius:0}:host([active][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{height:auto}:host([docked]) .content{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-radius:0 var(--calcite-border-radius) 0 0}}@media screen and (max-width: 860px){:host([docked]) .calcite--rtl .close{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0;border-top-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:-webkit-sticky;position:sticky;bottom:0}}@media screen and (max-width: 480px){.footer{-ms-flex-direction:column;flex-direction:column}.calcite--rtl .back,.back,.secondary{margin:0;margin-bottom:0.25rem}}";var z=function(t){return m(t)||x(t)};var E=function(t){return f(t,b,z)};var C=t("calcite_modal",function(){function t(t){var o=this;e(this,t);this.calciteModalOpen=i(this,"calciteModalOpen",7);this.calciteModalClose=i(this,"calciteModalClose",7);this.active=false;this.beforeClose=function(){return Promise.resolve()};this.disableCloseButton=false;this.disableOutsideClose=false;this.intlClose=w.close;this.disableEscape=false;this.scale="m";this.width="m";this.backgroundColor="white";this.noPadding=false;this.hasFooter=true;this.mutationObserver=h("mutation",(function(){return o.updateFooterVisibility()}));this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===o.activeTransitionProp){o.active?o.calciteModalOpen.emit():o.calciteModalClose.emit()}};this.openEnd=function(){o.setFocus();o.el.removeEventListener("calciteModalOpen",o.openEnd)};this.handleOutsideClose=function(){if(o.disableOutsideClose){return}o.close()};this.close=function(){return o.beforeClose(o.el).then((function(){o.active=false;n(o.previousActiveElement);o.removeOverflowHiddenClass()}))};this.focusFirstElement=function(){n(o.closeButtonEl)};this.focusLastElement=function(){var t=E(o.el).filter((function(t){return!t.getAttribute("data-focus-fence")}));if(t.length>0){n(t[t.length-1])}else{n(o.closeButtonEl)}};this.updateFooterVisibility=function(){o.hasFooter=!!o.el.querySelector("[slot="+g.back+"], [slot="+g.secondary+"], [slot="+g.primary+"]")}}t.prototype.componentWillLoad=function(){if(this.active){this.open()}};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.updateFooterVisibility()};t.prototype.disconnectedCallback=function(){var t;this.removeOverflowHiddenClass();(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.render=function(){var t;var e=this;var i=s(this.el);return o(a,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},o("calcite-scrim",{class:y.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),o("div",{class:(t={modal:true},t[l.rtl]=i==="rtl",t),onTransitionEnd:this.transitionEnd},o("div",{"data-focus-fence":true,onFocus:this.focusLastElement,tabindex:"0"}),o("div",{class:y.header},this.renderCloseButton(),o("header",{class:y.title},o("slot",{name:y.header}))),o("div",{class:{content:true,"content--spaced":!this.noPadding,"content--no-footer":!this.hasFooter},ref:function(t){return e.modalContent=t}},o("slot",{name:g.content})),this.renderFooter(),o("div",{"data-focus-fence":true,onFocus:this.focusFirstElement,tabindex:"0"})))};t.prototype.renderFooter=function(){return this.hasFooter?o("div",{class:y.footer},o("span",{class:y.back},o("slot",{name:g.back})),o("span",{class:y.secondary},o("slot",{name:g.secondary})),o("span",{class:y.primary},o("slot",{name:g.primary}))):null};t.prototype.renderCloseButton=function(){var t=this;return!this.disableCloseButton?o("button",{"aria-label":this.intlClose,class:y.close,onClick:this.close,ref:function(e){return t.closeButtonEl=e},title:this.intlClose},o("calcite-icon",{icon:v.close,scale:this.scale==="s"?"s":"l"})):null};t.prototype.renderStyle=function(){var t=!isNaN(parseInt(""+this.width));return t?o("style",null,"\n .modal {\n max-width: "+this.width+"px !important;\n }\n @media screen and (max-width: "+this.width+"px) {\n .modal {\n height: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n border-radius: 0 !important;\n }\n .content {\n flex: 1 1 auto !important;\n max-height: unset !important;\n }\n }\n "):null};t.prototype.handleEscape=function(t){if(this.active&&!this.disableEscape&&u(t.key)==="Escape"){this.close()}};t.prototype.focusElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t){t.focus()}return[2,this.setFocus()]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.closeButtonEl;return[2,n(t==="close-button"?e:E(this.el)[0]||e)]}))}))};t.prototype.scrollContent=function(t,e){if(t===void 0){t=0}if(e===void 0){e=0}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:t,left:e,behavior:"smooth"})}else{this.modalContent.scrollTop=t;this.modalContent.scrollLeft=e}}return[2]}))}))};t.prototype.toggleModal=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t!==e){if(t){this.open()}else if(!t){this.close()}}return[2]}))}))};t.prototype.open=function(){this.previousActiveElement=document.activeElement;this.el.addEventListener("calciteModalOpen",this.openEnd);this.active=true;var t=c(this.el,g.header);var e=c(this.el,g.content);this.titleId=d(t);this.contentId=d(e);document.documentElement.classList.add(y.overflowHidden)};t.prototype.removeOverflowHiddenClass=function(){document.documentElement.classList.remove(y.overflowHidden)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["toggleModal"]}},enumerable:false,configurable:true});return t}());C.style=k}}}));
|
|
5
|
+
*/System.register(["./p-288bc438.system.js","./p-6cc23c39.system.js","./p-56b352bf.system.js","./p-db10485b.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,i,o,a,r,n,s,l,c,d,m,u,h;return{setters:[function(t){e=t.r;i=t.c;o=t.h;a=t.H;r=t.g},function(t){n=t.f;s=t.a;l=t.C;c=t.g;d=t.e;m=t.i},function(t){u=t.g},function(t){h=t.c},function(){}],execute:function(){function f(t,e,i,o,a){if(o===void 0){o=20}if(a===void 0){a=0}var r=[];if(a>=o){return r}var n=function(t){var r=t.assignedNodes().filter((function(t){return t.nodeType===1}));if(r.length>0){return f(r[0].parentElement,e,i,o,a+1)}return[]};var s=Array.from(t.children||[]);for(var l=0,c=s;l<c.length;l++){var d=c[l];if(e(d)){continue}if(i(d)){r.push(d)}if(d.shadowRoot!=null){r.push.apply(r,f(d.shadowRoot,e,i,o,a+1))}else if(d.tagName==="SLOT"){r.push.apply(r,n(d))}else{r.push.apply(r,f(d,e,i,o,a+1))}}return r}function b(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display==="none"||t.style.opacity==="0"||t.style.visibility==="hidden"||t.style.visibility==="collapse"}function p(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function x(t){if(t.getAttribute("tabindex")==="-1"||b(t)||p(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement)||t instanceof HTMLIFrameElement}var y={title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",overflowHidden:"overflow-hidden"};var v={close:"x"};var g={content:"content",header:"header",back:"back",secondary:"secondary",primary:"primary"};var w={close:"Close"};var k="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;-webkit-transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);z-index:101}:host([scale=s]){--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;overflow-y:hidden}.modal{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);box-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);-webkit-box-sizing:border-box;box-sizing:border-box;float:none;margin:1.5rem;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);width:100%;opacity:0;pointer-events:none;overflow:hidden;z-index:102;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}:host([active]){opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}:host([active]) .modal{opacity:1;pointer-events:auto;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transition-delay:0ms;transition-delay:0ms}.header{display:-ms-flexbox;display:flex;max-width:100%;min-width:0;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.close{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;color:var(--calcite-ui-text-3);-ms-flex-order:2;order:2;cursor:pointer;border-top-right-radius:0.25rem;background-color:transparent;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;padding:var(--calcite-modal-padding);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.calcite--rtl .close{border-top-left-radius:0.25rem;border-top-right-radius:0}.title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-order:1;order:1;min-width:0;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text)}.content{position:relative;padding:0;height:100%;overflow:auto;display:block;background-color:var(--calcite-ui-foreground-1);-webkit-box-sizing:border-box;box-sizing:border-box;max-height:calc(100vh - 12rem);z-index:1}.content--spaced{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}.content--no-footer{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text)}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;width:100%;background-color:var(--calcite-ui-foreground-1);border-width:0;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large);z-index:2}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-right:auto}.calcite--rtl .back{margin-left:auto;margin-right:0}.secondary{display:block;margin-left:0.25rem;margin-right:0.25rem}slot[name=primary]{display:block}:host([width=small]) .modal{width:auto}:host([width=s]) .modal{max-width:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;border-radius:0}:host([width=s]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=s][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=m]) .modal{max-width:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;border-radius:0}:host([width=m]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=m][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=l]) .modal{max-width:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;border-radius:0}:host([width=l]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=l][docked]){-ms-flex-align:end;align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .modal{height:100%;max-height:100%;width:100%;max-width:100%;margin:0;-webkit-transform:translate3D(0, 20px, 0) scale(0.95);transform:translate3D(0, 20px, 0) scale(0.95)}:host([fullscreen]) .content{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host([active][fullscreen]) .modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}:host([active][fullscreen]) .header{border-radius:0}:host([active][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{height:auto}:host([docked]) .content{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-radius:0 var(--calcite-border-radius) 0 0}}@media screen and (max-width: 860px){:host([docked]) .calcite--rtl .close{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0;border-top-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:-webkit-sticky;position:sticky;bottom:0}}@media screen and (max-width: 480px){.footer{-ms-flex-direction:column;flex-direction:column}.calcite--rtl .back,.back,.secondary{margin:0;margin-bottom:0.25rem}}";var z=function(t){return m(t)||x(t)};var E=function(t){return f(t,b,z)};var C=t("calcite_modal",function(){function t(t){var o=this;e(this,t);this.calciteModalOpen=i(this,"calciteModalOpen",7);this.calciteModalClose=i(this,"calciteModalClose",7);this.active=false;this.beforeClose=function(){return Promise.resolve()};this.disableCloseButton=false;this.disableOutsideClose=false;this.intlClose=w.close;this.disableEscape=false;this.scale="m";this.width="m";this.backgroundColor="white";this.noPadding=false;this.hasFooter=true;this.mutationObserver=h("mutation",(function(){return o.updateFooterVisibility()}));this.activeTransitionProp="opacity";this.transitionEnd=function(t){if(t.propertyName===o.activeTransitionProp){o.active?o.calciteModalOpen.emit():o.calciteModalClose.emit()}};this.openEnd=function(){o.setFocus();o.el.removeEventListener("calciteModalOpen",o.openEnd)};this.handleOutsideClose=function(){if(o.disableOutsideClose){return}o.close()};this.close=function(){return o.beforeClose(o.el).then((function(){o.active=false;n(o.previousActiveElement);o.removeOverflowHiddenClass()}))};this.focusFirstElement=function(){n(o.closeButtonEl)};this.focusLastElement=function(){var t=E(o.el).filter((function(t){return!t.getAttribute("data-focus-fence")}));if(t.length>0){n(t[t.length-1])}else{n(o.closeButtonEl)}};this.updateFooterVisibility=function(){o.hasFooter=!!o.el.querySelector("[slot="+g.back+"], [slot="+g.secondary+"], [slot="+g.primary+"]")}}t.prototype.componentWillLoad=function(){if(this.active){this.open()}};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.updateFooterVisibility()};t.prototype.disconnectedCallback=function(){var t;this.removeOverflowHiddenClass();(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.render=function(){var t;var e=this;var i=s(this.el);return o(a,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},o("calcite-scrim",{class:y.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),o("div",{class:(t={modal:true},t[l.rtl]=i==="rtl",t),onTransitionEnd:this.transitionEnd},o("div",{"data-focus-fence":true,onFocus:this.focusLastElement,tabindex:"0"}),o("div",{class:y.header},this.renderCloseButton(),o("header",{class:y.title},o("slot",{name:y.header}))),o("div",{class:{content:true,"content--spaced":!this.noPadding,"content--no-footer":!this.hasFooter},ref:function(t){return e.modalContent=t}},o("slot",{name:g.content})),this.renderFooter(),o("div",{"data-focus-fence":true,onFocus:this.focusFirstElement,tabindex:"0"})))};t.prototype.renderFooter=function(){return this.hasFooter?o("div",{class:y.footer},o("span",{class:y.back},o("slot",{name:g.back})),o("span",{class:y.secondary},o("slot",{name:g.secondary})),o("span",{class:y.primary},o("slot",{name:g.primary}))):null};t.prototype.renderCloseButton=function(){var t=this;return!this.disableCloseButton?o("button",{"aria-label":this.intlClose,class:y.close,onClick:this.close,ref:function(e){return t.closeButtonEl=e},title:this.intlClose},o("calcite-icon",{icon:v.close,scale:this.scale==="s"?"s":"l"})):null};t.prototype.renderStyle=function(){var t=!isNaN(parseInt(""+this.width));return t?o("style",null,"\n .modal {\n max-width: "+this.width+"px !important;\n }\n @media screen and (max-width: "+this.width+"px) {\n .modal {\n height: 100% !important;\n max-height: 100% !important;\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n border-radius: 0 !important;\n }\n .content {\n flex: 1 1 auto !important;\n max-height: unset !important;\n }\n }\n "):null};t.prototype.handleEscape=function(t){if(this.active&&!this.disableEscape&&u(t.key)==="Escape"){this.close()}};t.prototype.focusElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t){t.focus()}return[2,this.setFocus()]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.closeButtonEl;return[2,n(t==="close-button"?e:E(this.el)[0]||e)]}))}))};t.prototype.scrollContent=function(t,e){if(t===void 0){t=0}if(e===void 0){e=0}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:t,left:e,behavior:"smooth"})}else{this.modalContent.scrollTop=t;this.modalContent.scrollLeft=e}}return[2]}))}))};t.prototype.toggleModal=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t!==e){if(t){this.open()}else if(!t){this.close()}}return[2]}))}))};t.prototype.open=function(){this.previousActiveElement=document.activeElement;this.el.addEventListener("calciteModalOpen",this.openEnd);this.active=true;var t=c(this.el,g.header);var e=c(this.el,g.content);this.titleId=d(t);this.contentId=d(e);document.documentElement.classList.add(y.overflowHidden)};t.prototype.removeOverflowHiddenClass=function(){document.documentElement.classList.remove(y.overflowHidden)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["toggleModal"]}},enumerable:false,configurable:true});return t}());C.style=k}}}));
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as a,h as i,g as n}from"./p-
|
|
5
|
+
import{r as t,c as a,h as i,g as n}from"./p-2e29554c.js";import{S as e}from"./p-c5ec8d74.js";import{c as s}from"./p-e4acb5a8.js";let r=class{constructor(i){t(this,i),this.calciteListOrderChange=a(this,"calciteListOrderChange",7),this.handleSelector="calcite-handle",this.layout="vertical",this.disabled=!1,this.loading=!1,this.handleActivated=!1,this.items=[],this.mutationObserver=s("mutation",(()=>{this.cleanUpDragAndDrop(),this.items=Array.from(this.el.children),this.setUpDragAndDrop()}))}connectedCallback(){this.items=Array.from(this.el.children),this.setUpDragAndDrop(),this.beginObserving()}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.cleanUpDragAndDrop()}calciteHandleNudgeHandler(t){var a;const i=this.items.find((a=>a.contains(t.detail.handle)||t.composedPath().includes(a))),n=this.items.length-1,e=this.items.indexOf(i);let s,r=!1;switch(t.detail.direction){case"up":t.preventDefault(),0===e?r=!0:s=e-1;break;case"down":t.preventDefault(),e===n?s=0:e===n-1?r=!0:s=e+2;break;default:return}null===(a=this.mutationObserver)||void 0===a||a.disconnect(),r?i.parentElement.appendChild(i):i.parentElement.insertBefore(i,this.items[s]),this.items=Array.from(this.el.children),t.detail.handle.activated=!0,t.detail.handle.setFocus(),this.beginObserving()}setUpDragAndDrop(){this.cleanUpDragAndDrop();const t={dataIdAttr:"id",group:this.group,handle:this.handleSelector,onUpdate:()=>{this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()},onStart:()=>{var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect()},onEnd:()=>{this.beginObserving()}};this.dragSelector&&(t.draggable=this.dragSelector),this.sortable=e.create(this.el,t)}cleanUpDragAndDrop(){var t;null===(t=this.sortable)||void 0===t||t.destroy(),this.sortable=null}beginObserving(){var t;null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0})}render(){const{layout:t}=this,a="horizontal"===t||!1;return i("div",{class:{container:!0,"container--vertical":!a,"container--horizontal":a}},i("slot",null))}get el(){return n(this)}};r.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}.container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}.container--vertical{-ms-flex-direction:column;flex-direction:column}.container--horizontal{-ms-flex-direction:row;flex-direction:row}";export{r as calcite_sortable_list}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
System.register(["./p-89cdfa96.system.js","./p-6cc23c39.system.js","./p-25a31861.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,i,a,n,o,r,l,s,c;return{setters:[function(t){e=t.r;i=t.c;a=t.h;n=t.H;o=t.g},function(t){r=t.g;l=t.a;s=t.C},function(t){c=t.C},function(){}],execute:function(){var m={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var d={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var g={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var f={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var p=4;var u='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;padding:0;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);border-width:0;border-bottom-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;-ms-flex-preferred-size:auto;flex-basis:auto}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}.heading{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.header-container>.header{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}.toggle{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;font-family:inherit;-ms-flex-align:center;align-items:center;margin:0;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0;border-style:none;cursor:pointer;text-align:left;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding-left:0.75rem;padding-right:0.75rem;padding-top:0;padding-bottom:0}.header .title .heading{padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;line-height:1.25;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.summary{padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);margin-top:0.125rem;word-wrap:break-word;word-break:break-word}.icon{margin-left:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-right:1rem;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;position:relative;-webkit-animation:in var(--calcite-animation-timing) ease-in-out;animation:in var(--calcite-animation-timing) ease-in-out}.control-container{display:-ms-flexbox;display:flex;margin:0;grid-area:control}calcite-action-menu{grid-area:menu}.calcite--rtl .toggle-icon{margin-right:0;margin-left:1rem}.calcite--rtl .icon{margin-left:0;margin-right:0.75rem}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:0.25rem}';var h=t("calcite_block",function(){function t(t){var a=this;e(this,t);this.calciteBlockToggle=i(this,"calciteBlockToggle",7);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlLoading=d.loading;this.intlOptions=d.options;this.loading=false;this.open=false;this.onHeaderClick=function(){a.open=!a.open;a.calciteBlockToggle.emit()}}t.prototype.renderScrim=function(){var t=this,e=t.disabled,i=t.loading;var n=a("slot",null);return[i||e?a("calcite-scrim",{loading:i}):null,n]};t.prototype.renderIcon=function(){var t;var e=this,i=e.el,n=e.status;var o=this.loading&&!this.open;var l=o?f.refresh:f[n];var s=r(i,g.icon)||l;var c=!l?a("slot",{name:g.icon}):a("calcite-icon",{class:(t={},t[m.statusIcon]=true,t[m.valid]=n=="valid",t[m.invalid]=n=="invalid",t[m.loading]=o,t),icon:l,scale:"m"});return s?a("div",{class:m.icon},c):null};t.prototype.render=function(){var t;var e=this,i=e.collapsible,o=e.disabled,u=e.el,h=e.heading,b=e.intlCollapse,w=e.intlExpand,v=e.loading,k=e.open,x=e.summary,y=e.intlLoading,D=e.headingLevel;var z=k?b||d.collapse:w||d.expand;var _=a("header",{class:m.header},this.renderIcon(),a("div",{class:m.title},a(c,{class:m.heading,level:D||p},h),x?a("div",{class:m.summary},x):null));var S=!!r(u,g.control);var C=!!r(u,g.headerMenuActions);var I=k?f.opened:f.closed;var H=a("div",{class:m.headerContainer},this.dragHandle?a("calcite-handle",null):null,i?a("button",{"aria-expanded":i?k.toString():null,"aria-label":z,class:m.toggle,onClick:this.onHeaderClick,title:z},_,!S&&!C?a("calcite-icon",{"aria-hidden":"true",class:m.toggleIcon,icon:I,scale:"s"}):null):_,v?a("calcite-loader",{inline:true,"is-active":true,label:y}):S?a("div",{class:m.controlContainer},a("slot",{name:g.control})):null,C?a("calcite-action-menu",{label:this.intlOptions||d.options},a("slot",{name:g.headerMenuActions})):null);var j=l(u)==="rtl";return a(n,{tabIndex:o?-1:null},a("article",{"aria-busy":v.toString(),class:(t={},t[m.article]=true,t[s.rtl]=j,t)},H,a("div",{class:m.content,hidden:!k},this.renderScrim())))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());h.style=u;var b={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var w={collapse:"Collapse",expand:"Expand"};var v={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var k="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);display:block}:host([open]){border-style:solid;border-width:0;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px}:host(:last-child){border-bottom-width:0}.toggle{background-color:transparent;border-width:0;color:var(--calcite-ui-text-2);font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);width:100%}.toggle--switch,.section-header{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;margin-left:0;margin-right:0;margin-top:0.25rem;margin-bottom:0.25rem;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{-ms-flex:1 1 auto;flex:1 1 auto;margin-left:0.75rem;margin-right:0.75rem;margin-top:0;margin-bottom:0;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;margin-left:0.25rem}.toggle--switch .status-icon{margin-left:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:0.25rem}.calcite--rtl .toggle--switch .status-icon{margin-left:0;margin-right:0.5rem}";var x=t("calcite_block_section",function(){function t(t){var a=this;e(this,t);this.calciteBlockSectionToggle=i(this,"calciteBlockSectionToggle",7);this.open=false;this.toggleDisplay="button";this.handleHeaderKeyDown=function(t){if(t.key===" "||t.key==="Enter"){a.toggleSection();t.preventDefault();t.stopPropagation()}};this.toggleSection=function(){a.open=!a.open;a.calciteBlockSectionToggle.emit()}}t.prototype.renderStatusIcon=function(){var t;var e;var i=this.status;var n=(e=v[i])!==null&&e!==void 0?e:false;var o=(t={},t[b.statusIcon]=true,t[b.valid]=i=="valid",t[b.invalid]=i=="invalid",t);return!!n?a("calcite-icon",{class:o,icon:n,scale:"s"}):null};t.prototype.render=function(){var t,e,i;var n=this,o=n.el,r=n.intlCollapse,c=n.intlExpand,m=n.open,d=n.text,g=n.toggleDisplay;var f=l(o);var p=m?v.menuOpen:f==="rtl"?v.menuClosedLeft:v.menuClosedRight;var u=m?r||w.collapse:c||w.expand;var h=g==="switch"?a("div",{"aria-label":u,class:(t={},t[b.toggle]=true,t[b.toggleSwitch]=true,t),onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:u},a("div",{class:b.toggleSwitchContent},a("span",{class:b.toggleSwitchText},d)),a("calcite-switch",{checked:m,label:u,scale:"s",tabIndex:-1}),this.renderStatusIcon()):a("button",{"aria-label":u,class:(e={},e[b.sectionHeader]=true,e[b.toggle]=true,e),name:u,onClick:this.toggleSection},a("calcite-icon",{icon:p,scale:"s"}),a("span",{class:b.sectionHeaderText},d),this.renderStatusIcon());return a("section",{"aria-expanded":m.toString(),class:(i={},i[s.rtl]=f==="rtl",i)},h,a("div",{class:b.content,hidden:!m},a("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());x.style=k}}}));
|
|
5
|
+
System.register(["./p-288bc438.system.js","./p-6cc23c39.system.js","./p-34e5baa7.system.js","./p-e020662f.system.js"],(function(e){"use strict";var t,i,a,n,o,r,l,s,c;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;o=e.g},function(e){r=e.g;l=e.a;s=e.C},function(e){c=e.C},function(){}],execute:function(){var m={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var d={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var g={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var f={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var p=4;var u='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;padding:0;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);border-width:0;border-bottom-width:1px;border-color:var(--calcite-ui-border-3);border-style:solid;-ms-flex-preferred-size:auto;flex-basis:auto}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}.heading{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.header-container>.header{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}.toggle{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;font-family:inherit;-ms-flex-align:center;align-items:center;margin:0;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0;border-style:none;cursor:pointer;text-align:left;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding-left:0.75rem;padding-right:0.75rem;padding-top:0;padding-bottom:0}.header .title .heading{padding:0;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;line-height:1.25;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.summary{padding:0;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);margin-top:0.125rem;word-wrap:break-word;word-break:break-word}.icon{margin-left:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-right:1rem;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;position:relative;-webkit-animation:in var(--calcite-animation-timing) ease-in-out;animation:in var(--calcite-animation-timing) ease-in-out}.control-container{display:-ms-flexbox;display:flex;margin:0;grid-area:control}calcite-action-menu{grid-area:menu}.calcite--rtl .toggle-icon{margin-right:0;margin-left:1rem}.calcite--rtl .icon{margin-left:0;margin-right:0.75rem}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:0.25rem}';var h=e("calcite_block",function(){function e(e){var a=this;t(this,e);this.calciteBlockToggle=i(this,"calciteBlockToggle",7);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlLoading=d.loading;this.intlOptions=d.options;this.loading=false;this.open=false;this.onHeaderClick=function(){a.open=!a.open;a.calciteBlockToggle.emit()}}e.prototype.renderScrim=function(){var e=this,t=e.disabled,i=e.loading;var n=a("slot",null);return[i||t?a("calcite-scrim",{loading:i}):null,n]};e.prototype.renderIcon=function(){var e;var t=this,i=t.el,n=t.status;var o=this.loading&&!this.open;var l=o?f.refresh:f[n];var s=r(i,g.icon)||l;var c=!l?a("slot",{name:g.icon}):a("calcite-icon",{class:(e={},e[m.statusIcon]=true,e[m.valid]=n=="valid",e[m.invalid]=n=="invalid",e[m.loading]=o,e),icon:l,scale:"m"});return s?a("div",{class:m.icon},c):null};e.prototype.render=function(){var e;var t=this,i=t.collapsible,o=t.disabled,u=t.el,h=t.heading,b=t.intlCollapse,w=t.intlExpand,v=t.loading,k=t.open,x=t.summary,y=t.intlLoading,D=t.headingLevel;var z=k?b||d.collapse:w||d.expand;var _=a("header",{class:m.header},this.renderIcon(),a("div",{class:m.title},a(c,{class:m.heading,level:D||p},h),x?a("div",{class:m.summary},x):null));var S=!!r(u,g.control);var C=!!r(u,g.headerMenuActions);var I=k?f.opened:f.closed;var H=a("div",{class:m.headerContainer},this.dragHandle?a("calcite-handle",null):null,i?a("button",{"aria-expanded":i?k.toString():null,"aria-label":z,class:m.toggle,onClick:this.onHeaderClick,title:z},_,!S&&!C?a("calcite-icon",{"aria-hidden":"true",class:m.toggleIcon,icon:I,scale:"s"}):null):_,v?a("calcite-loader",{inline:true,"is-active":true,label:y}):S?a("div",{class:m.controlContainer},a("slot",{name:g.control})):null,C?a("calcite-action-menu",{label:this.intlOptions||d.options},a("slot",{name:g.headerMenuActions})):null);var j=l(u)==="rtl";return a(n,{tabIndex:o?-1:null},a("article",{"aria-busy":v.toString(),class:(e={},e[m.article]=true,e[s.rtl]=j,e)},H,a("div",{class:m.content,hidden:!k},this.renderScrim())))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());h.style=u;var b={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var w={collapse:"Collapse",expand:"Expand"};var v={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var k="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);display:block}:host([open]){border-style:solid;border-width:0;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px}:host(:last-child){border-bottom-width:0}.toggle{background-color:transparent;border-width:0;color:var(--calcite-ui-text-2);font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);width:100%}.toggle--switch,.section-header{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;margin-left:0;margin-right:0;margin-top:0.25rem;margin-bottom:0.25rem;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{-ms-flex:1 1 auto;flex:1 1 auto;margin-left:0.75rem;margin-right:0.75rem;margin-top:0;margin-bottom:0;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;margin-left:0.25rem}.toggle--switch .status-icon{margin-left:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:0.25rem}.calcite--rtl .toggle--switch .status-icon{margin-left:0;margin-right:0.5rem}";var x=e("calcite_block_section",function(){function e(e){var a=this;t(this,e);this.calciteBlockSectionToggle=i(this,"calciteBlockSectionToggle",7);this.open=false;this.toggleDisplay="button";this.handleHeaderKeyDown=function(e){if(e.key===" "||e.key==="Enter"){a.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=function(){a.open=!a.open;a.calciteBlockSectionToggle.emit()}}e.prototype.renderStatusIcon=function(){var e;var t;var i=this.status;var n=(t=v[i])!==null&&t!==void 0?t:false;var o=(e={},e[b.statusIcon]=true,e[b.valid]=i=="valid",e[b.invalid]=i=="invalid",e);return!!n?a("calcite-icon",{class:o,icon:n,scale:"s"}):null};e.prototype.render=function(){var e,t,i;var n=this,o=n.el,r=n.intlCollapse,c=n.intlExpand,m=n.open,d=n.text,g=n.toggleDisplay;var f=l(o);var p=m?v.menuOpen:f==="rtl"?v.menuClosedLeft:v.menuClosedRight;var u=m?r||w.collapse:c||w.expand;var h=g==="switch"?a("div",{"aria-label":u,class:(e={},e[b.toggle]=true,e[b.toggleSwitch]=true,e),onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:u},a("div",{class:b.toggleSwitchContent},a("span",{class:b.toggleSwitchText},d)),a("calcite-switch",{checked:m,label:u,scale:"s",tabIndex:-1}),this.renderStatusIcon()):a("button",{"aria-label":u,class:(t={},t[b.sectionHeader]=true,t[b.toggle]=true,t),name:u,onClick:this.toggleSection},a("calcite-icon",{icon:p,scale:"s"}),a("span",{class:b.sectionHeaderText},d),this.renderStatusIcon());return a("section",{"aria-expanded":m.toString(),class:(i={},i[s.rtl]=f==="rtl",i)},h,a("div",{class:b.content,hidden:!m},a("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());x.style=k}}}));
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,c as a,h as i,g as e,F as n}from"./p-2e29554c.js";import{c as r}from"./p-e4acb5a8.js";import{f as o,C as s,a as c}from"./p-52cc870b.js";import{c as l,d as m}from"./p-3dae9da3.js";import{c as p,d as h,a as d,H as f}from"./p-1942876c.js";import"./p-8a63221d.js";let b=class{constructor(i){t(this,i),this.calciteOptionChange=a(this,"calciteOptionChange",7),this.disabled=!1,this.mutationObserver=r("mutation",(()=>{this.ensureTextContentDependentProps(),this.calciteOptionChange.emit()}))}handlePropChange(t,a,i){"label"!==i&&"value"!==i||this.ensureTextContentDependentProps(),this.calciteOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:t}}=this;this.label&&this.label!==this.internallySetLabel||(this.label=t,this.internallySetLabel=t),this.value&&this.value!==this.internallySetValue||(this.value=t,this.internallySetValue=t)}connectedCallback(){var t;this.ensureTextContentDependentProps(),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,attributeFilter:["label","value"]})}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect()}render(){return i("slot",null,this.label)}get el(){return e(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};b.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";let u=class{constructor(i){t(this,i),this.calciteOptionGroupChange=a(this,"calciteOptionGroupChange",7),this.disabled=!1}handlePropChange(){this.calciteOptionGroupChange.emit()}render(){return i(n,null,i("div",null,this.label),i("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};u.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";function w(t){return"CALCITE-OPTION"===t.tagName}let k=class{constructor(i){t(this,i),this.calciteSelectChange=a(this,"calciteSelectChange",7),this.disabled=!1,this.required=!1,this.scale="m",this.value=null,this.width="auto",this.componentToNativeEl=new Map,this.mutationObserver=r("mutation",(()=>this.populateInternalSelect())),this.handleInternalSelectChange=()=>{this.selectFromNativeOption(this.selectEl.selectedOptions[0]),requestAnimationFrame((()=>this.emitChangeEvent()))},this.populateInternalSelect=()=>{const t=Array.from(this.el.children).filter((t=>"CALCITE-OPTION"===t.tagName||"CALCITE-OPTION-GROUP"===t.tagName));this.clearInternalSelect(),t.forEach((t=>{var a;return null===(a=this.selectEl)||void 0===a?void 0:a.append(this.toNativeElement(t))}))},this.storeSelectRef=t=>{this.selectEl=t,this.populateInternalSelect(),this.selectFromNativeOption(this.selectEl.selectedOptions[0])},this.emitChangeEvent=()=>{this.calciteSelectChange.emit()}}valueHandler(t){this.el.querySelectorAll("calcite-option").forEach((a=>a.selected=a.value===t))}selectedOptionHandler(t){this.value=null==t?void 0:t.value}connectedCallback(){var t;const{el:a}=this;null===(t=this.mutationObserver)||void 0===t||t.observe(a,{subtree:!0,childList:!0}),l(this),p(this)}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),m(this),h(this)}componentDidLoad(){var t,a;d(this,null!==(a=null===(t=this.selectedOption)||void 0===t?void 0:t.value)&&void 0!==a?a:"")}async setFocus(){o(this.selectEl)}handleOptionOrGroupChange(t){t.stopPropagation();const a=t.target,i=this.componentToNativeEl.get(a);i&&(this.updateNativeElement(a,i),w(a)&&a.selected&&this.deselectAllExcept(a))}onLabelClick(){this.setFocus()}updateNativeElement(t,a){if(a.disabled=t.disabled,a.label=t.label,w(t)){const i=a;i.selected=t.selected,i.value=t.value,i.innerText=t.label}}clearInternalSelect(){this.componentToNativeEl.forEach((t=>t.remove())),this.componentToNativeEl.clear()}selectFromNativeOption(t){if(!t)return;let a;this.componentToNativeEl.forEach(((i,e)=>{w(e)&&i===t&&(e.selected=!0,a=e,this.deselectAllExcept(e))})),a&&requestAnimationFrame((()=>this.selectedOption=a))}toNativeElement(t){if(w(t)){const a=document.createElement("option");return this.updateNativeElement(t,a),this.componentToNativeEl.set(t,a),a}if(function(t){return"CALCITE-OPTION-GROUP"===t.tagName}(t)){const a=document.createElement("optgroup");return this.updateNativeElement(t,a),Array.from(t.children).forEach((i=>{const e=this.toNativeElement(i);a.append(e),this.componentToNativeEl.set(t,e)})),this.componentToNativeEl.set(t,a),a}throw new Error("unsupported element child provided")}deselectAllExcept(t){this.el.querySelectorAll("calcite-option").forEach((a=>{a!==t&&(a.selected=!1)}))}renderChevron(t){return i("div",{class:{"icon-container":!0,[s.rtl]:"rtl"===t}},i("calcite-icon",{class:"icon",icon:"chevron-down",scale:"s"}))}render(){const t=c(this.el);return i(n,null,i("select",{"aria-label":this.label,class:{select:!0,[s.rtl]:"rtl"===t},disabled:this.disabled,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",null)),this.renderChevron(t),i(f,{component:this}))}get el(){return e(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};k.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;position:relative;width:var(--select-width)}:host([scale=s]){height:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing:0 2rem 0 0.5rem;--calcite-select-spacing-rtl:0 0.5rem 0 2rem}:host([scale=s]) .icon-container{padding-left:0.5rem;padding-right:0.5rem}:host([scale=m]){height:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing:0 2.5rem 0 0.75rem;--calcite-select-spacing-rtl:0 0.75rem 0 2.5rem}:host([scale=m]) .icon-container{padding-left:0.75rem;padding-right:0.75rem}:host([scale=l]){height:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing:0 3rem 0 1rem;--calcite-select-spacing-rtl:0 1rem 0 3rem}:host([scale=l]) .icon-container{padding-left:1rem;padding-right:1rem}:host([width=auto]){width:auto}:host([width=half]){width:50%}:host([width=full]){width:100%}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;border-style:solid;border-right-width:0;background-color:var(--calcite-ui-foreground-1);border-color:var(--calcite-ui-border-input);border-radius:0;color:var(--calcite-ui-text-2);cursor:pointer;font-family:inherit;margin:0;width:100%;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-select-font-size);padding:var(--calcite-select-spacing)}.select:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.select:hover{background-color:var(--calcite-ui-foreground-2)}.select.calcite--rtl{border-width:1px;border-color:var(--calcite-ui-border-input);padding:var(--calcite-select-spacing-rtl)}select:disabled{border-color:var(--calcite-ui-border-input);--bg-opacity:1}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}.icon-container{-ms-flex-align:center;align-items:center;background-color:transparent;border-width:0;border-right-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-left-width:0;color:var(--calcite-ui-text-2);display:-ms-flexbox;display:flex;pointer-events:none;position:absolute;right:0;top:0;bottom:0}.icon-container.calcite--rtl{border-left-width:1px;border-right-width:0;left:0;right:unset}.select:focus~.icon-container{border-color:transparent}::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}";export{b as calcite_option,u as calcite_option_group,k as calcite_select}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,h as i,c as a,H as e,g as n}from"./p-2e29554c.js";import{g as o}from"./p-8a63221d.js";import{a as r,f as s}from"./p-52cc870b.js";import{c,d as l,g as d}from"./p-3dae9da3.js";import{c as h,d as m,H as p}from"./p-1942876c.js";import{g as b}from"./p-72563742.js";import{g as u}from"./p-accdb0ce.js";let f=class{constructor(i){t(this,i),this.checked=!1,this.disabled=!1,this.focused=!1,this.hidden=!1,this.hovered=!1,this.scale="m"}render(){return i("div",{class:"radio"})}};f.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}:host .radio{background-color:var(--calcite-ui-foreground-1);border-radius:9999px;cursor:pointer;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]) .radio{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([hovered][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{height:var(--calcite-radio-size);max-width:var(--calcite-radio-size);min-width:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]) .radio{-webkit-box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]) .radio{-webkit-box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]) .radio{-webkit-box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([hidden]){display:none}";let w=class{constructor(i){t(this,i),this.calciteInternalRadioButtonBlur=a(this,"calciteInternalRadioButtonBlur",7),this.calciteRadioButtonChange=a(this,"calciteRadioButtonChange",7),this.calciteInternalRadioButtonCheckedChange=a(this,"calciteInternalRadioButtonCheckedChange",7),this.calciteInternalRadioButtonFocus=a(this,"calciteInternalRadioButtonFocus",7),this.checked=!1,this.disabled=!1,this.focused=!1,this.hidden=!1,this.hovered=!1,this.required=!1,this.scale="m",this.selectItem=(t,i)=>{t.forEach(((t,a)=>{const e=a===i;t.checked=e,t.focused=e}))},this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name)),this.isDefaultSelectable=()=>{const t=this.queryButtons();return!t.some((t=>t.checked))&&t[0]===this.el},this.check=()=>{this.disabled||(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.focused=!0,this.calciteRadioButtonChange.emit())},this.clickHandler=()=>{this.check()},this.setContainerEl=t=>{this.containerEl=t},this.handleKeyDown=t=>{const i=b(t.key),{el:a}=this;if(-1===["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "].indexOf(i))return;if(" "===i)return void this.check();let e=i;"rtl"===r(a)&&("ArrowRight"===i&&(e="ArrowLeft"),"ArrowLeft"===i&&(e="ArrowRight"));const n=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let o=0;const s=n.length;switch(n.some(((t,i)=>{if(t.checked)return o=i,!0})),e){case"ArrowLeft":case"ArrowUp":return t.preventDefault(),void this.selectItem(n,u(Math.max(o-1,-1),s));case"ArrowRight":case"ArrowDown":return t.preventDefault(),void this.selectItem(n,u(o+1,s));default:return}},this.onContainerBlur=()=>{this.focused=!1,this.calciteInternalRadioButtonBlur.emit()},this.onContainerFocus=()=>{this.focused=!0,this.calciteInternalRadioButtonFocus.emit()}}checkedChanged(t){t&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit(t)}nameChanged(){this.checkLastRadioButton();const t=this.rootNode.querySelector(`input[name="${this.name}"]:checked`);(null==t?void 0:t.value)||this.uncheckAllRadioButtonsInGroup()}async setFocus(){s(this.containerEl)}onLabelClick(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();const i=t.currentTarget,a=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);a&&(a.checked=!0,a.focused=!0),this.calciteRadioButtonChange.emit(),this.setFocus()}}checkLastRadioButton(){const t=this.queryButtons().filter((t=>t.checked));if((null==t?void 0:t.length)>1){const i=t[t.length-1];t.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid)).forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}mouseenter(){this.hovered=!0}mouseleave(){this.hovered=!1}connectedCallback(){this.rootNode=this.el.getRootNode(),this.guid=this.el.id||`calcite-radio-button-${o()}`,this.name&&this.checkLastRadioButton(),c(this),h(this)}componentDidLoad(){this.focused&&this.containerEl.focus()}disconnectedCallback(){l(this),m(this)}render(){return i(e,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},i("div",{"aria-checked":this.checked.toString(),"aria-label":d(this),class:"container",onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:this.checked||this.isDefaultSelectable()?0:-1},i("calcite-radio",{checked:this.checked,disabled:this.disabled,focused:this.focused,hidden:this.hidden,hovered:this.hovered,scale:this.scale})),i(p,{component:this}))}get el(){return n(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};w.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{cursor:pointer;display:block}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host([disabled]){cursor:pointer}::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}";export{f as calcite_radio,w as calcite_radio_button}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as i,h as e,H as n,g as o,f as a}from"./p-05d1dfc6.js";import{c as r}from"./p-e4acb5a8.js";let c=class{constructor(e){t(this,e),this.calciteActionClick=i(this,"calciteActionClick",7),this.active=!1,this.appearance="solid",this.compact=!1,this.disabled=!1,this.indicator=!1,this.intlLoading="Loading",this.loading=!1,this.scale="m",this.textEnabled=!1,this.mutationObserver=r("mutation",(()=>a(this))),this.calciteActionClickHandler=()=>{this.disabled||this.calciteActionClick.emit()}}connectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect()}async setFocus(){this.buttonEl.focus()}renderTextContainer(){const{text:t,textEnabled:i}=this;return t?e("div",{class:{"text-container":!0,"text-container--visible":i},key:"text-container"},t):null}renderIconContainer(){var t;const{loading:i,icon:n,scale:o,el:a,intlLoading:r}=this,c="l"===o?"m":"s",s=i?e("calcite-loader",{active:!0,inline:!0,label:r,scale:c}):null,l=n?e("calcite-icon",{icon:n,scale:c}):null,b=s||l,u=b||(null===(t=a.children)||void 0===t?void 0:t.length),d=e("div",{class:{"slot-container":!0,"slot-container--hidden":i}},e("slot",null));return u?e("div",{"aria-hidden":"true",class:"icon-container",key:"icon-container"},b,d):null}render(){const{compact:t,disabled:i,loading:o,textEnabled:a,label:r,text:c}=this,s=r||c,l={button:!0,"button--text-visible":a,"button--compact":t};return e(n,{onClick:this.calciteActionClickHandler},e("button",{"aria-busy":o.toString(),"aria-disabled":i.toString(),"aria-label":s,class:l,disabled:i,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer()))}get el(){return o(this)}};c.style='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:transparent}:host([disabled]){pointer-events:none}.button{background-color:var(--calcite-ui-foreground-1);border-style:none;cursor:pointer;fill:var(--calcite-ui-text-3);display:-ms-flexbox;display:flex;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:0;position:relative;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);width:auto;font-family:inherit;text-align:unset}.button:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none;min-width:1rem;min-height:1rem}.button .text-container{line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;width:0;opacity:0;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-property:width;transition-property:width}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{font-weight:var(--calcite-font-weight-normal);padding:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{font-weight:var(--calcite-font-weight-normal);padding:1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{font-weight:var(--calcite-font-weight-normal);padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0;padding-right:0}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-right:0;color:var(--calcite-ui-text-3)}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-1)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-3)}:host([indicator]) .button::after{content:"";position:absolute;border-width:2px;background-color:var(--calcite-ui-brand);border-radius:9999px;height:0.5rem;width:0.5rem;z-index:10;border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}';export{c as calcite_action}
|
|
5
|
+
import{r as t,c as i,h as e,H as n,g as o,f as a}from"./p-2e29554c.js";import{c as r}from"./p-e4acb5a8.js";let c=class{constructor(e){t(this,e),this.calciteActionClick=i(this,"calciteActionClick",7),this.active=!1,this.appearance="solid",this.compact=!1,this.disabled=!1,this.indicator=!1,this.intlLoading="Loading",this.loading=!1,this.scale="m",this.textEnabled=!1,this.mutationObserver=r("mutation",(()=>a(this))),this.calciteActionClickHandler=()=>{this.disabled||this.calciteActionClick.emit()}}connectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect()}async setFocus(){this.buttonEl.focus()}renderTextContainer(){const{text:t,textEnabled:i}=this;return t?e("div",{class:{"text-container":!0,"text-container--visible":i},key:"text-container"},t):null}renderIconContainer(){var t;const{loading:i,icon:n,scale:o,el:a,intlLoading:r}=this,c="l"===o?"m":"s",s=i?e("calcite-loader",{active:!0,inline:!0,label:r,scale:c}):null,l=n?e("calcite-icon",{icon:n,scale:c}):null,b=s||l,u=b||(null===(t=a.children)||void 0===t?void 0:t.length),d=e("div",{class:{"slot-container":!0,"slot-container--hidden":i}},e("slot",null));return u?e("div",{"aria-hidden":"true",class:"icon-container",key:"icon-container"},b,d):null}render(){const{compact:t,disabled:i,loading:o,textEnabled:a,label:r,text:c}=this,s=r||c,l={button:!0,"button--text-visible":a,"button--compact":t};return e(n,{onClick:this.calciteActionClickHandler},e("button",{"aria-busy":o.toString(),"aria-disabled":i.toString(),"aria-label":s,class:l,disabled:i,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer()))}get el(){return o(this)}};c.style='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:transparent}:host([disabled]){pointer-events:none}.button{background-color:var(--calcite-ui-foreground-1);border-style:none;cursor:pointer;fill:var(--calcite-ui-text-3);display:-ms-flexbox;display:flex;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:0;position:relative;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);width:auto;font-family:inherit;text-align:unset}.button:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none;min-width:1rem;min-height:1rem}.button .text-container{line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;width:0;opacity:0;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-property:width;transition-property:width}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{font-weight:var(--calcite-font-weight-normal);padding:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{font-weight:var(--calcite-font-weight-normal);padding:1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{font-weight:var(--calcite-font-weight-normal);padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0;padding-right:0}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-right:0;color:var(--calcite-ui-text-3)}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-1)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-3)}:host([indicator]) .button::after{content:"";position:absolute;border-width:2px;background-color:var(--calcite-ui-brand);border-radius:9999px;height:0.5rem;width:0.5rem;z-index:10;border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}';export{c as calcite_action}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{h as t}from"./p-
|
|
5
|
+
import{h as t}from"./p-2e29554c.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const c=`h${e.level}`;return delete e.level,t(c,Object.assign({},e),r)};export{r as C,e as c}
|