@esri/calcite-components 1.0.0-next.290 → 1.0.0-next.294
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +40 -2
- package/dist/calcite/assets/calcite-icon/penMark16.json +1 -0
- package/dist/calcite/assets/calcite-icon/penMark24.json +1 -0
- package/dist/calcite/assets/calcite-icon/penMark32.json +1 -0
- package/dist/calcite/assets/calcite-icon/penMarkPlus16.json +1 -0
- package/dist/calcite/assets/calcite-icon/penMarkPlus24.json +1 -0
- package/dist/calcite/assets/calcite-icon/penMarkPlus32.json +1 -0
- package/dist/calcite/assets/calcite-icon/subscript16.json +1 -0
- package/dist/calcite/assets/calcite-icon/subscript24.json +1 -0
- package/dist/calcite/assets/calcite-icon/subscript32.json +1 -0
- package/dist/calcite/assets/calcite-icon/superscript16.json +1 -0
- package/dist/calcite/assets/calcite-icon/superscript24.json +1 -0
- package/dist/calcite/assets/calcite-icon/superscript32.json +1 -0
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/{p-9ff5b403.entry.js → p-0100aeb0.entry.js} +1 -1
- package/dist/calcite/p-05107123.entry.js +5 -0
- package/dist/calcite/{p-cbdf0e6c.js → p-05d1dfc6.js} +1 -1
- package/dist/calcite/{p-a8cd5cde.system.entry.js → p-06646eed.system.entry.js} +1 -1
- package/dist/calcite/{p-3db2dc30.system.entry.js → p-09da1c54.system.entry.js} +2 -2
- package/dist/calcite/{p-280404ef.system.entry.js → p-0d4e82ab.system.entry.js} +1 -1
- package/dist/calcite/{p-f9428f19.system.entry.js → p-10759c71.system.entry.js} +2 -2
- package/dist/calcite/{p-32faf98b.system.entry.js → p-10de63d7.system.entry.js} +1 -1
- package/dist/calcite/p-11113310.entry.js +5 -0
- package/dist/calcite/{p-45b13361.system.entry.js → p-12e1c83f.system.entry.js} +1 -1
- package/dist/calcite/p-1421e818.entry.js +5 -0
- package/dist/calcite/p-17e666d6.system.entry.js +5 -0
- package/dist/calcite/p-1e875199.entry.js +5 -0
- package/dist/calcite/{p-00c20cb8.entry.js → p-22ecf6df.entry.js} +1 -1
- package/dist/calcite/{p-dd92cde1.entry.js → p-2418cceb.entry.js} +1 -1
- package/dist/calcite/{p-32fbf8cd.system.js → p-25a31861.system.js} +1 -1
- package/dist/calcite/{p-8655c0a1.entry.js → p-28261aae.entry.js} +1 -1
- package/dist/calcite/p-2ba00b89.js +5 -0
- package/dist/calcite/{p-91889ade.system.entry.js → p-2ecafa35.system.entry.js} +1 -1
- package/dist/calcite/p-329e1831.system.entry.js +5 -0
- package/dist/calcite/p-3383d9b4.entry.js +5 -0
- package/dist/calcite/p-36e5db45.entry.js +5 -0
- package/dist/calcite/{p-ffb8f0a9.system.entry.js → p-38ee7306.system.entry.js} +1 -1
- package/dist/calcite/{p-8efb43fc.entry.js → p-3962cd38.entry.js} +1 -1
- package/dist/calcite/p-3994ac99.system.entry.js +5 -0
- package/dist/calcite/{p-28fecce5.system.entry.js → p-3bb30b44.system.entry.js} +1 -1
- package/dist/calcite/{p-bb916828.system.entry.js → p-3cf93a58.system.entry.js} +1 -1
- package/dist/calcite/{p-197382be.system.entry.js → p-3e438b5b.system.entry.js} +1 -1
- package/dist/calcite/{p-efbf0d26.entry.js → p-3f1d1bad.entry.js} +1 -1
- package/dist/calcite/{p-4805ca9a.system.entry.js → p-413b4857.system.entry.js} +1 -1
- package/dist/calcite/{p-1f27021e.entry.js → p-4185db77.entry.js} +1 -1
- package/dist/calcite/p-42128a12.entry.js +5 -0
- package/dist/calcite/p-45257edb.js +5 -0
- package/dist/calcite/p-49d5ee42.system.entry.js +5 -0
- package/dist/calcite/{p-e524bf4d.system.entry.js → p-4c7e3915.system.entry.js} +1 -1
- package/dist/calcite/p-4ecd0331.entry.js +5 -0
- package/dist/calcite/p-502736d8.system.entry.js +5 -0
- package/dist/calcite/{p-a1911108.entry.js → p-507b2cc4.entry.js} +1 -1
- package/dist/calcite/{p-34a6550f.system.entry.js → p-527146c8.system.entry.js} +1 -1
- package/dist/calcite/{p-5fda3de2.js → p-52cc870b.js} +1 -1
- package/dist/calcite/{p-6fe5f2de.system.entry.js → p-5322b333.system.entry.js} +1 -1
- package/dist/calcite/{p-382556c4.system.entry.js → p-58716826.system.entry.js} +1 -1
- package/dist/calcite/{p-5accac7d.system.entry.js → p-58e98b2d.system.entry.js} +1 -1
- package/dist/calcite/{p-11071ac7.entry.js → p-58eca102.entry.js} +1 -1
- package/dist/calcite/p-5e6d76dc.entry.js +5 -0
- package/dist/calcite/{p-33e58a20.entry.js → p-5efd7297.entry.js} +1 -1
- package/dist/calcite/{p-1682482b.entry.js → p-6621aee1.entry.js} +1 -1
- package/dist/calcite/{p-2b13e5a9.system.entry.js → p-684ccd4e.system.entry.js} +1 -1
- package/dist/calcite/{p-380c71e8.system.entry.js → p-6988c6b7.system.entry.js} +1 -1
- package/dist/calcite/p-6c8a562f.system.entry.js +5 -0
- package/dist/calcite/{p-a8c759ae.system.js → p-6cc23c39.system.js} +1 -1
- package/dist/calcite/{p-800874fd.entry.js → p-72fa390e.entry.js} +1 -1
- package/dist/calcite/p-75f714c9.entry.js +5 -0
- package/dist/calcite/p-76ccd204.entry.js +5 -0
- package/dist/calcite/{p-50e1a7c9.system.entry.js → p-777c833f.system.entry.js} +1 -1
- package/dist/calcite/{p-7fab451d.js → p-79cbbf2d.js} +1 -1
- package/dist/calcite/p-7a6c6382.entry.js +5 -0
- package/dist/calcite/p-7ade2294.system.entry.js +5 -0
- package/dist/calcite/p-7b869bc5.entry.js +5 -0
- package/dist/calcite/{p-fe3880f2.entry.js → p-7c37ca39.entry.js} +1 -1
- package/dist/calcite/{p-1b2c1f55.entry.js → p-7dd5c4e4.entry.js} +1 -1
- package/dist/calcite/{p-5b87b98f.system.entry.js → p-8007a0b4.system.entry.js} +1 -1
- package/dist/calcite/{p-a20df95c.js → p-809ddb6a.js} +1 -1
- package/dist/calcite/{p-4b2f69cc.entry.js → p-83302e1c.entry.js} +1 -1
- package/dist/calcite/{p-9358deb1.system.entry.js → p-83ccefba.system.entry.js} +1 -1
- package/dist/calcite/p-8711a0ae.system.entry.js +5 -0
- package/dist/calcite/{p-16148eef.entry.js → p-8953f712.entry.js} +1 -1
- package/dist/calcite/{p-c74fc589.system.js → p-89cdfa96.system.js} +1 -1
- package/dist/calcite/{p-34fdad31.entry.js → p-8bc3e126.entry.js} +1 -1
- package/dist/calcite/p-948aca0d.system.entry.js +5 -0
- package/dist/calcite/{p-b95dbc48.system.entry.js → p-98789055.system.entry.js} +1 -1
- package/dist/calcite/p-99ff3a2f.entry.js +5 -0
- package/dist/calcite/{p-8967b27b.entry.js → p-9affee61.entry.js} +1 -1
- package/dist/calcite/{p-6281ab45.system.entry.js → p-9fa024e6.system.entry.js} +1 -1
- package/dist/calcite/{p-fc0b3ef2.entry.js → p-9fa5e356.entry.js} +1 -1
- package/dist/calcite/{p-192289eb.system.entry.js → p-9fc0dc2c.system.entry.js} +1 -1
- package/dist/calcite/p-9fe349b9.entry.js +5 -0
- package/dist/calcite/{p-0e30afe6.entry.js → p-a09634e2.entry.js} +1 -1
- package/dist/calcite/{p-bdd6ec61.entry.js → p-a2cc027e.entry.js} +1 -1
- package/dist/calcite/{p-37fac73b.system.entry.js → p-a5bfc29d.system.entry.js} +1 -1
- package/dist/calcite/{p-914c3cc4.system.js → p-a7ba0292.system.js} +1 -1
- package/dist/calcite/{p-09ced3ff.system.entry.js → p-a8569c55.system.entry.js} +1 -1
- package/dist/calcite/p-b018fbbd.entry.js +5 -0
- package/dist/calcite/p-b1f88d45.system.js +5 -0
- package/dist/calcite/{p-9d04923b.entry.js → p-b244a00c.entry.js} +1 -1
- package/dist/calcite/p-b41deed0.system.entry.js +5 -0
- package/dist/calcite/{p-294dbdf2.entry.js → p-b42d730f.entry.js} +1 -1
- package/dist/calcite/p-b4960d06.system.js +5 -0
- package/dist/calcite/{p-bb577ef7.system.entry.js → p-b4e7b593.system.entry.js} +1 -1
- package/dist/calcite/{p-49dfc82d.system.entry.js → p-b8d040e5.system.entry.js} +1 -1
- package/dist/calcite/{p-aa53b2aa.system.entry.js → p-ba1322e6.system.entry.js} +1 -1
- package/dist/calcite/{p-2e53f47f.system.entry.js → p-bbe2337b.system.entry.js} +2 -2
- package/dist/calcite/p-bbedf98c.entry.js +5 -0
- package/dist/calcite/p-be52c734.entry.js +5 -0
- package/dist/calcite/p-bf25e278.system.entry.js +5 -0
- package/dist/calcite/{p-1f17f6c6.entry.js → p-bf8b70a8.entry.js} +1 -1
- package/dist/calcite/p-c399cfce.entry.js +5 -0
- package/dist/calcite/{p-c3922ef7.system.entry.js → p-c48b4b7e.system.entry.js} +1 -1
- package/dist/calcite/p-c60e3a71.entry.js +5 -0
- package/dist/calcite/{p-36115e9d.system.entry.js → p-c8e4117c.system.entry.js} +1 -1
- package/dist/calcite/{p-1a27bf28.system.entry.js → p-c99d8f9e.system.entry.js} +1 -1
- package/dist/calcite/{p-49fcc674.entry.js → p-c9ecea64.entry.js} +1 -1
- package/dist/calcite/{p-7fed4823.entry.js → p-cacca548.entry.js} +1 -1
- package/dist/calcite/{p-5376ff1d.entry.js → p-cb7b6425.entry.js} +1 -1
- package/dist/calcite/{p-ae4f203c.system.entry.js → p-cca94491.system.entry.js} +1 -1
- package/dist/calcite/{p-a5a50052.entry.js → p-cd41629f.entry.js} +1 -1
- package/dist/calcite/{p-7bcd2eb9.system.js → p-d11ad046.system.js} +1 -1
- package/dist/calcite/p-d4059426.entry.js +5 -0
- package/dist/calcite/{p-daf4bb66.js → p-d53cc958.js} +1 -1
- package/dist/calcite/{p-89b4e322.system.entry.js → p-daa110fe.system.entry.js} +1 -1
- package/dist/calcite/{p-975ca343.system.entry.js → p-dc99bb00.system.entry.js} +1 -1
- package/dist/calcite/{p-1dc68118.system.entry.js → p-dcf30b00.system.entry.js} +2 -2
- package/dist/calcite/{p-f1cf1a10.system.entry.js → p-de3a04c2.system.entry.js} +1 -1
- package/dist/calcite/p-df9b4b76.entry.js +5 -0
- package/dist/calcite/{p-bee79057.system.entry.js → p-e24b6c4a.system.entry.js} +1 -1
- package/dist/calcite/{p-3b17d8d0.system.js → p-e35e7216.system.js} +1 -1
- package/dist/calcite/p-e382c4e9.entry.js +5 -0
- package/dist/calcite/{p-0467efd5.system.entry.js → p-e40dd6fe.system.entry.js} +1 -1
- package/dist/calcite/p-e5805bf1.entry.js +5 -0
- package/dist/calcite/p-e638ff0e.entry.js +5 -0
- package/dist/calcite/{p-7839d1c9.entry.js → p-e7819705.entry.js} +1 -1
- package/dist/calcite/{p-a97338b7.entry.js → p-eccb140e.entry.js} +1 -1
- package/dist/calcite/p-eed43a57.system.entry.js +5 -0
- package/dist/calcite/{p-c57f8690.entry.js → p-f281f1e9.entry.js} +1 -1
- package/dist/calcite/{p-d1b49fa1.system.entry.js → p-f32e61bb.system.entry.js} +1 -1
- package/dist/calcite/{p-b7d3039d.js → p-f5bb39bb.js} +1 -1
- package/dist/calcite/{p-b5c2dfce.system.entry.js → p-f6f4648e.system.entry.js} +1 -1
- package/dist/calcite/{p-e6ec69cf.entry.js → p-f93a7fce.entry.js} +1 -1
- package/dist/calcite/p-fb1da0f5.system.js +5 -0
- package/dist/calcite/{p-a5bbfe14.system.entry.js → p-fba65e4a.system.entry.js} +1 -1
- package/dist/calcite/p-fe16f05e.system.entry.js +5 -0
- package/dist/cjs/{CalciteExpandToggle-0d802f83.js → CalciteExpandToggle-6a9f9858.js} +1 -1
- package/dist/cjs/{CalciteHeading-381b977d.js → CalciteHeading-363b0525.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-bar.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action-group.cjs.entry.js +1 -1
- package/dist/cjs/calcite-action-menu.cjs.entry.js +5 -3
- package/dist/cjs/calcite-action-pad.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action.cjs.entry.js +6 -10
- package/dist/cjs/calcite-alert.cjs.entry.js +2 -2
- package/dist/cjs/calcite-avatar.cjs.entry.js +1 -1
- package/dist/cjs/calcite-block_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-button.cjs.entry.js +52 -35
- package/dist/cjs/calcite-card.cjs.entry.js +2 -2
- package/dist/cjs/calcite-checkbox.cjs.entry.js +7 -7
- package/dist/cjs/calcite-chip.cjs.entry.js +1 -1
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +13 -13
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +3 -3
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +36 -19
- package/dist/cjs/calcite-fab.cjs.entry.js +1 -1
- package/dist/cjs/calcite-filter.cjs.entry.js +10 -7
- package/dist/cjs/calcite-flow.cjs.entry.js +1 -1
- package/dist/cjs/calcite-graph_2.cjs.entry.js +28 -20
- 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 +6 -5
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +13 -13
- package/dist/cjs/calcite-input-message.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite-input.cjs.entry.js +40 -27
- package/dist/cjs/calcite-label.cjs.entry.js +1 -1
- package/dist/cjs/calcite-link.cjs.entry.js +7 -1
- package/dist/cjs/calcite-list_3.cjs.entry.js +24 -3
- package/dist/cjs/calcite-loader.cjs.entry.js +2 -2
- package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
- package/dist/cjs/calcite-notice.cjs.entry.js +2 -2
- package/dist/cjs/calcite-option_3.cjs.entry.js +10 -10
- package/dist/cjs/calcite-pagination.cjs.entry.js +1 -1
- package/dist/cjs/calcite-panel.cjs.entry.js +3 -3
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +3 -3
- package/dist/cjs/calcite-popover_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-progress.cjs.entry.js +1 -1
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite-radio_2.cjs.entry.js +17 -17
- package/dist/cjs/calcite-rating.cjs.entry.js +10 -10
- package/dist/cjs/calcite-scrim.cjs.entry.js +1 -1
- package/dist/cjs/calcite-shell_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +1 -1
- package/dist/cjs/calcite-split-button.cjs.entry.js +1 -1
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-switch.cjs.entry.js +18 -13
- package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-tile.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tip_3.cjs.entry.js +2 -2
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +6 -5
- package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite.cjs.js +3 -3
- package/dist/cjs/{index-1987a382.js → index-cee0daa9.js} +73 -64
- package/dist/cjs/{label-4c30cbca.js → label-549c3d9d.js} +4 -4
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{popper-cd9c0742.js → popper-87bf13e6.js} +2 -2
- package/dist/cjs/{resources-7dcd68d1.js → resources-38563593.js} +1 -1
- package/dist/cjs/{resources-d0619f6a.js → resources-f9c141d2.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/calcite-accordion/calcite-accordion.js +2 -2
- package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +8 -8
- package/dist/collection/components/calcite-action/calcite-action.css +17 -68
- package/dist/collection/components/calcite-action/calcite-action.js +34 -35
- package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +6 -4
- package/dist/collection/components/calcite-alert/calcite-alert.css +0 -62
- package/dist/collection/components/calcite-alert/calcite-alert.js +6 -6
- package/dist/collection/components/calcite-block/calcite-block.css +2 -2
- package/dist/collection/components/calcite-block/calcite-block.js +4 -4
- package/dist/collection/components/calcite-block-section/calcite-block-section.css +1 -0
- package/dist/collection/components/calcite-button/calcite-button.js +33 -37
- package/dist/collection/components/calcite-card/calcite-card.js +8 -8
- package/dist/collection/components/calcite-checkbox/calcite-checkbox.css +4 -1
- package/dist/collection/components/calcite-checkbox/calcite-checkbox.js +12 -12
- package/dist/collection/components/calcite-chip/calcite-chip.js +2 -2
- package/dist/collection/components/calcite-color-picker/calcite-color-picker.js +46 -46
- package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js +4 -4
- package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js +2 -2
- package/dist/collection/components/calcite-combobox/calcite-combobox.css +3 -0
- package/dist/collection/components/calcite-combobox/calcite-combobox.js +15 -15
- package/dist/collection/components/calcite-date-picker/calcite-date-picker.js +6 -6
- package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.js +2 -2
- package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.js +6 -6
- package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +39 -20
- package/dist/collection/components/calcite-dropdown-group/calcite-dropdown-group.js +2 -2
- package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.css +33 -27
- package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.js +6 -6
- package/dist/collection/components/calcite-fab/calcite-fab.js +2 -2
- package/dist/collection/components/calcite-filter/calcite-filter.js +29 -11
- package/dist/collection/components/calcite-graph/calcite-graph.js +48 -6
- package/dist/collection/components/calcite-graph/util.js +1 -1
- package/dist/collection/components/calcite-handle/calcite-handle.js +2 -2
- package/dist/collection/components/calcite-icon/assets/calcite-icon/penMark16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/penMark24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/penMark32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/penMarkPlus16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/penMarkPlus24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/penMarkPlus32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/subscript16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/subscript24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/subscript32.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/superscript16.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/superscript24.json +1 -0
- package/dist/collection/components/calcite-icon/assets/calcite-icon/superscript32.json +1 -0
- package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +17 -16
- package/dist/collection/components/calcite-input/calcite-input.js +50 -37
- package/dist/collection/components/calcite-input-date-picker/calcite-input-date-picker.js +19 -19
- package/dist/collection/components/calcite-input-message/calcite-input-message.js +2 -2
- package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js +10 -10
- package/dist/collection/components/calcite-label/calcite-label.js +2 -2
- package/dist/collection/components/calcite-link/calcite-link.js +11 -1
- package/dist/collection/components/calcite-list/calcite-list.js +33 -1
- package/dist/collection/components/calcite-list-item/calcite-list-item.js +30 -2
- package/dist/collection/components/calcite-loader/calcite-loader.css +3 -6
- package/dist/collection/components/calcite-modal/calcite-modal.js +2 -2
- package/dist/collection/components/calcite-notice/calcite-notice.css +18 -6
- package/dist/collection/components/calcite-notice/calcite-notice.js +2 -2
- package/dist/collection/components/calcite-option/calcite-option.js +2 -2
- package/dist/collection/components/calcite-option-group/calcite-option-group.js +2 -2
- package/dist/collection/components/calcite-pagination/calcite-pagination.js +8 -8
- package/dist/collection/components/calcite-panel/calcite-panel.css +6 -2
- package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +10 -10
- package/dist/collection/components/calcite-popover/calcite-popover.js +9 -9
- package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.js +2 -2
- package/dist/collection/components/calcite-radio/calcite-radio.js +4 -4
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +27 -27
- package/dist/collection/components/calcite-radio-group/calcite-radio-group.js +8 -8
- package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.css +1 -5
- package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js +2 -2
- package/dist/collection/components/calcite-rating/calcite-rating.js +12 -12
- package/dist/collection/components/calcite-scrim/calcite-scrim.js +2 -2
- package/dist/collection/components/calcite-select/calcite-select.js +10 -10
- package/dist/collection/components/calcite-slider/calcite-slider.css +2 -4
- package/dist/collection/components/calcite-slider/calcite-slider.js +12 -12
- package/dist/collection/components/calcite-split-button/calcite-split-button.js +2 -2
- package/dist/collection/components/calcite-stepper/calcite-stepper.js +4 -4
- package/dist/collection/components/calcite-stepper-item/calcite-stepper-item.js +14 -14
- package/dist/collection/components/calcite-switch/calcite-switch.js +19 -14
- package/dist/collection/components/calcite-tab/calcite-tab.js +4 -4
- package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js +14 -14
- package/dist/collection/components/calcite-tab-title/calcite-tab-title.js +16 -16
- package/dist/collection/components/calcite-tile/calcite-tile.css +4 -0
- package/dist/collection/components/calcite-tile/calcite-tile.js +2 -2
- package/dist/collection/components/calcite-time-picker/calcite-time-picker.js +30 -30
- package/dist/collection/components/calcite-tooltip/calcite-tooltip.js +5 -5
- package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.js +5 -4
- package/dist/collection/components/calcite-tree/calcite-tree.js +10 -10
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +20 -20
- package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.js +6 -6
- package/dist/collection/utils/label.js +4 -4
- package/dist/collection/utils/popper.js +2 -2
- package/dist/components/CalciteExpandToggle.js +87 -0
- package/dist/components/CalciteHeading.js +16 -0
- package/dist/components/array.js +9 -0
- package/dist/components/calcite-accordion-item.d.ts +11 -0
- package/dist/components/calcite-accordion-item.js +153 -0
- package/dist/components/calcite-accordion.d.ts +11 -0
- package/dist/components/calcite-accordion.js +167 -0
- package/dist/components/calcite-action-bar.d.ts +11 -0
- package/dist/components/calcite-action-bar.js +266 -0
- package/dist/components/calcite-action-group.d.ts +11 -0
- package/dist/components/calcite-action-group.js +10 -0
- package/dist/components/calcite-action-group2.js +135 -0
- package/dist/components/calcite-action-menu.d.ts +11 -0
- package/dist/components/calcite-action-menu.js +10 -0
- package/dist/components/calcite-action-menu2.js +354 -0
- package/dist/components/calcite-action-pad.d.ts +11 -0
- package/dist/components/calcite-action-pad.js +198 -0
- package/dist/components/calcite-action.d.ts +11 -0
- package/dist/components/calcite-action.js +10 -0
- package/dist/components/calcite-action2.js +183 -0
- package/dist/components/calcite-alert.d.ts +11 -0
- package/dist/components/calcite-alert.js +232 -0
- package/dist/components/calcite-avatar.d.ts +11 -0
- package/dist/components/calcite-avatar.js +171 -0
- package/dist/components/calcite-block-section.d.ts +11 -0
- package/dist/components/calcite-block-section.js +139 -0
- package/dist/components/calcite-block.d.ts +11 -0
- package/dist/components/calcite-block.js +216 -0
- package/dist/components/calcite-button.d.ts +11 -0
- package/dist/components/calcite-button.js +10 -0
- package/dist/components/calcite-button2.js +243 -0
- package/dist/components/calcite-card.d.ts +11 -0
- package/dist/components/calcite-card.js +162 -0
- package/dist/components/calcite-checkbox.d.ts +11 -0
- package/dist/components/calcite-checkbox.js +10 -0
- package/dist/components/calcite-checkbox2.js +203 -0
- package/dist/components/calcite-chip.d.ts +11 -0
- package/dist/components/calcite-chip.js +10 -0
- package/dist/components/calcite-chip2.js +121 -0
- package/dist/components/calcite-color-picker-hex-input.d.ts +11 -0
- package/dist/components/calcite-color-picker-hex-input.js +10 -0
- package/dist/components/calcite-color-picker-hex-input2.js +353 -0
- package/dist/components/calcite-color-picker-swatch.d.ts +11 -0
- package/dist/components/calcite-color-picker-swatch.js +10 -0
- package/dist/components/calcite-color-picker-swatch2.js +2176 -0
- package/dist/components/calcite-color-picker.d.ts +11 -0
- package/dist/components/calcite-color-picker.js +966 -0
- package/dist/components/calcite-combobox-item-group.d.ts +11 -0
- package/dist/components/calcite-combobox-item-group.js +68 -0
- package/dist/components/calcite-combobox-item.d.ts +11 -0
- package/dist/components/calcite-combobox-item.js +168 -0
- package/dist/components/calcite-combobox.d.ts +11 -0
- package/dist/components/calcite-combobox.js +871 -0
- package/dist/components/calcite-date-picker-day.d.ts +11 -0
- package/dist/components/calcite-date-picker-day.js +10 -0
- package/dist/components/calcite-date-picker-day2.js +99 -0
- package/dist/components/calcite-date-picker-month-header.d.ts +11 -0
- package/dist/components/calcite-date-picker-month-header.js +10 -0
- package/dist/components/calcite-date-picker-month-header2.js +170 -0
- package/dist/components/calcite-date-picker-month.d.ts +11 -0
- package/dist/components/calcite-date-picker-month.js +10 -0
- package/dist/components/calcite-date-picker-month2.js +313 -0
- package/dist/components/calcite-date-picker.d.ts +11 -0
- package/dist/components/calcite-date-picker.js +10 -0
- package/dist/components/calcite-date-picker2.js +486 -0
- package/dist/components/calcite-dropdown-group.d.ts +11 -0
- package/dist/components/calcite-dropdown-group.js +90 -0
- package/dist/components/calcite-dropdown-item.d.ts +11 -0
- package/dist/components/calcite-dropdown-item.js +202 -0
- package/dist/components/calcite-dropdown.d.ts +11 -0
- package/dist/components/calcite-dropdown.js +10 -0
- package/dist/components/calcite-dropdown2.js +390 -0
- package/dist/components/calcite-fab.d.ts +11 -0
- package/dist/components/calcite-fab.js +127 -0
- package/dist/components/calcite-filter.d.ts +11 -0
- package/dist/components/calcite-filter.js +10 -0
- package/dist/components/calcite-filter2.js +168 -0
- package/dist/components/calcite-flow.d.ts +11 -0
- package/dist/components/calcite-flow.js +138 -0
- package/dist/components/calcite-graph.d.ts +11 -0
- package/dist/components/calcite-graph.js +10 -0
- package/dist/components/calcite-graph2.js +213 -0
- package/dist/components/calcite-handle.d.ts +11 -0
- package/dist/components/calcite-handle.js +10 -0
- package/dist/components/calcite-handle2.js +107 -0
- package/dist/components/calcite-icon.d.ts +11 -0
- package/dist/components/calcite-icon.js +10 -0
- package/dist/components/calcite-icon2.js +185 -0
- package/dist/components/calcite-inline-editable.d.ts +11 -0
- package/dist/components/calcite-inline-editable.js +242 -0
- package/dist/components/calcite-input-date-picker.d.ts +11 -0
- package/dist/components/calcite-input-date-picker.js +471 -0
- package/dist/components/calcite-input-message.d.ts +11 -0
- package/dist/components/calcite-input-message.js +97 -0
- package/dist/components/calcite-input-time-picker.d.ts +11 -0
- package/dist/components/calcite-input-time-picker.js +278 -0
- package/dist/components/calcite-input.d.ts +11 -0
- package/dist/components/calcite-input.js +10 -0
- package/dist/components/calcite-input2.js +507 -0
- package/dist/components/calcite-label.d.ts +11 -0
- package/dist/components/calcite-label.js +10 -0
- package/dist/components/calcite-label2.js +81 -0
- package/dist/components/calcite-link.d.ts +11 -0
- package/dist/components/calcite-link.js +10 -0
- package/dist/components/calcite-link2.js +97 -0
- package/dist/components/calcite-list-item-group.d.ts +11 -0
- package/dist/components/calcite-list-item-group.js +57 -0
- package/dist/components/calcite-list-item.d.ts +11 -0
- package/dist/components/calcite-list-item.js +117 -0
- package/dist/components/calcite-list.d.ts +11 -0
- package/dist/components/calcite-list.js +59 -0
- package/dist/components/calcite-loader.d.ts +11 -0
- package/dist/components/calcite-loader.js +10 -0
- package/dist/components/calcite-loader2.js +107 -0
- package/dist/components/calcite-modal.d.ts +11 -0
- package/dist/components/calcite-modal.js +417 -0
- package/dist/components/calcite-notice.d.ts +11 -0
- package/dist/components/calcite-notice.js +140 -0
- package/dist/components/calcite-option-group.d.ts +11 -0
- package/dist/components/calcite-option-group.js +61 -0
- package/dist/components/calcite-option.d.ts +11 -0
- package/dist/components/calcite-option.js +107 -0
- package/dist/components/calcite-pagination.d.ts +11 -0
- package/dist/components/calcite-pagination.js +207 -0
- package/dist/components/calcite-panel.d.ts +11 -0
- package/dist/components/calcite-panel.js +309 -0
- package/dist/components/calcite-pick-list-group.d.ts +11 -0
- package/dist/components/calcite-pick-list-group.js +70 -0
- package/dist/components/calcite-pick-list-item.d.ts +11 -0
- package/dist/components/calcite-pick-list-item.js +10 -0
- package/dist/components/calcite-pick-list-item2.js +230 -0
- package/dist/components/calcite-pick-list.d.ts +11 -0
- package/dist/components/calcite-pick-list.js +196 -0
- package/dist/components/calcite-popover-manager.d.ts +11 -0
- package/dist/components/calcite-popover-manager.js +93 -0
- package/dist/components/calcite-popover.d.ts +11 -0
- package/dist/components/calcite-popover.js +10 -0
- package/dist/components/calcite-popover2.js +332 -0
- package/dist/components/calcite-progress.d.ts +11 -0
- package/dist/components/calcite-progress.js +10 -0
- package/dist/components/calcite-progress2.js +52 -0
- package/dist/components/calcite-radio-button-group.d.ts +11 -0
- package/dist/components/calcite-radio-button-group.js +116 -0
- package/dist/components/calcite-radio-button.d.ts +11 -0
- package/dist/components/calcite-radio-button.js +291 -0
- package/dist/components/calcite-radio-group-item.d.ts +11 -0
- package/dist/components/calcite-radio-group-item.js +139 -0
- package/dist/components/calcite-radio-group.d.ts +11 -0
- package/dist/components/calcite-radio-group.js +233 -0
- package/dist/components/calcite-radio.d.ts +11 -0
- package/dist/components/calcite-radio.js +10 -0
- package/dist/components/calcite-radio2.js +68 -0
- package/dist/components/calcite-rating.d.ts +11 -0
- package/dist/components/calcite-rating.js +160 -0
- package/dist/components/calcite-scrim.d.ts +11 -0
- package/dist/components/calcite-scrim.js +10 -0
- package/dist/components/calcite-scrim2.js +74 -0
- package/dist/components/calcite-select.d.ts +11 -0
- package/dist/components/calcite-select.js +221 -0
- package/dist/components/calcite-shell-center-row.d.ts +11 -0
- package/dist/components/calcite-shell-center-row.js +81 -0
- package/dist/components/calcite-shell-panel.d.ts +11 -0
- package/dist/components/calcite-shell-panel.js +100 -0
- package/dist/components/calcite-shell.d.ts +11 -0
- package/dist/components/calcite-shell.js +99 -0
- package/dist/components/calcite-slider.d.ts +11 -0
- package/dist/components/calcite-slider.js +746 -0
- package/dist/components/calcite-sortable-list.d.ts +11 -0
- package/dist/components/calcite-sortable-list.js +190 -0
- package/dist/components/calcite-split-button.d.ts +11 -0
- package/dist/components/calcite-split-button.js +127 -0
- package/dist/components/calcite-stepper-item.d.ts +11 -0
- package/dist/components/calcite-stepper-item.js +189 -0
- package/dist/components/calcite-stepper.d.ts +11 -0
- package/dist/components/calcite-stepper.js +247 -0
- package/dist/components/calcite-switch.d.ts +11 -0
- package/dist/components/calcite-switch.js +10 -0
- package/dist/components/calcite-switch2.js +167 -0
- package/dist/components/calcite-tab-nav.d.ts +11 -0
- package/dist/components/calcite-tab-nav.js +10 -0
- package/dist/components/calcite-tab-nav2.js +209 -0
- package/dist/components/calcite-tab-title.d.ts +11 -0
- package/dist/components/calcite-tab-title.js +10 -0
- package/dist/components/calcite-tab-title2.js +230 -0
- package/dist/components/calcite-tab.d.ts +11 -0
- package/dist/components/calcite-tab.js +10 -0
- package/dist/components/calcite-tab2.js +122 -0
- package/dist/components/calcite-tabs.d.ts +11 -0
- package/dist/components/calcite-tabs.js +10 -0
- package/dist/components/calcite-tabs2.js +183 -0
- package/dist/components/calcite-tile-select-group.d.ts +11 -0
- package/dist/components/calcite-tile-select-group.js +45 -0
- package/dist/components/calcite-tile-select.d.ts +11 -0
- package/dist/components/calcite-tile-select.js +218 -0
- package/dist/components/calcite-tile.d.ts +11 -0
- package/dist/components/calcite-tile.js +10 -0
- package/dist/components/calcite-tile2.js +98 -0
- package/dist/components/calcite-time-picker.d.ts +11 -0
- package/dist/components/calcite-time-picker.js +10 -0
- package/dist/components/calcite-time-picker2.js +707 -0
- package/dist/components/calcite-tip-group.d.ts +11 -0
- package/dist/components/calcite-tip-group.js +38 -0
- package/dist/components/calcite-tip-manager.d.ts +11 -0
- package/dist/components/calcite-tip-manager.js +218 -0
- package/dist/components/calcite-tip.d.ts +11 -0
- package/dist/components/calcite-tip.js +140 -0
- package/dist/components/calcite-tooltip-manager.d.ts +11 -0
- package/dist/components/calcite-tooltip-manager.js +10 -0
- package/dist/components/calcite-tooltip-manager2.js +168 -0
- package/dist/components/calcite-tooltip.d.ts +11 -0
- package/dist/components/calcite-tooltip.js +224 -0
- package/dist/components/calcite-tree-item.d.ts +11 -0
- package/dist/components/calcite-tree-item.js +303 -0
- package/dist/components/calcite-tree.d.ts +11 -0
- package/dist/components/calcite-tree.js +216 -0
- package/dist/components/calcite-value-list-item.d.ts +11 -0
- package/dist/components/calcite-value-list-item.js +180 -0
- package/dist/components/calcite-value-list.d.ts +11 -0
- package/dist/components/calcite-value-list.js +271 -0
- package/dist/components/date.js +159 -0
- package/dist/components/debounce.js +486 -0
- package/dist/components/dom.js +153 -0
- package/dist/components/forIn.js +619 -0
- package/dist/components/form.js +20 -0
- package/dist/components/guid.js +18 -0
- package/dist/components/index.d.ts +26 -0
- package/dist/components/index.js +5 -0
- package/dist/components/interfaces.js +13 -0
- package/dist/components/interfaces2.js +14 -0
- package/dist/components/key.js +33 -0
- package/dist/components/label.js +54 -0
- package/dist/components/locale.js +118 -0
- package/dist/components/math.js +7 -0
- package/dist/components/number.js +40 -0
- package/dist/components/observers.js +22 -0
- package/dist/{esm/popper-44055f06.js → components/popper.js} +3 -3
- package/dist/components/resources.js +24 -0
- package/dist/components/resources2.js +13 -0
- package/dist/components/resources3.js +18 -0
- package/dist/components/resources4.js +32 -0
- package/dist/components/shared-list-render.js +286 -0
- package/dist/components/sortable.esm.js +3017 -0
- package/dist/components/utils.js +113 -0
- package/dist/components/utils2.js +38 -0
- package/dist/custom-elements/index.js +400 -309
- package/dist/esm/{CalciteExpandToggle-b1e6e72d.js → CalciteExpandToggle-235a6bfd.js} +2 -2
- package/dist/esm/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +2 -2
- package/dist/esm/calcite-action-bar.entry.js +3 -3
- package/dist/esm/calcite-action-group.entry.js +2 -2
- package/dist/esm/calcite-action-menu.entry.js +6 -4
- package/dist/esm/calcite-action-pad.entry.js +3 -3
- package/dist/esm/calcite-action.entry.js +6 -10
- package/dist/esm/calcite-alert.entry.js +3 -3
- package/dist/esm/calcite-avatar.entry.js +2 -2
- package/dist/esm/calcite-block_2.entry.js +5 -5
- package/dist/esm/calcite-button.entry.js +53 -36
- package/dist/esm/calcite-card.entry.js +3 -3
- package/dist/esm/calcite-checkbox.entry.js +8 -8
- package/dist/esm/calcite-chip.entry.js +2 -2
- package/dist/esm/calcite-color-picker_3.entry.js +2 -2
- package/dist/esm/calcite-combobox_3.entry.js +14 -14
- package/dist/esm/calcite-date-picker_4.entry.js +4 -4
- package/dist/esm/calcite-dropdown_3.entry.js +37 -20
- package/dist/esm/calcite-fab.entry.js +2 -2
- package/dist/esm/calcite-filter.entry.js +11 -8
- package/dist/esm/calcite-flow.entry.js +1 -1
- package/dist/esm/calcite-graph_2.entry.js +29 -21
- package/dist/esm/calcite-handle.entry.js +1 -1
- package/dist/esm/calcite-icon.entry.js +2 -2
- package/dist/esm/calcite-inline-editable.entry.js +7 -6
- package/dist/esm/calcite-input-date-picker.entry.js +14 -14
- package/dist/esm/calcite-input-message.entry.js +2 -2
- package/dist/esm/calcite-input-time-picker_2.entry.js +12 -12
- package/dist/esm/calcite-input.entry.js +41 -28
- package/dist/esm/calcite-label.entry.js +2 -2
- package/dist/esm/calcite-link.entry.js +8 -2
- package/dist/esm/calcite-list_3.entry.js +25 -4
- package/dist/esm/calcite-loader.entry.js +2 -2
- package/dist/esm/calcite-modal.entry.js +2 -2
- package/dist/esm/calcite-notice.entry.js +3 -3
- package/dist/esm/calcite-option_3.entry.js +11 -11
- package/dist/esm/calcite-pagination.entry.js +2 -2
- package/dist/esm/calcite-panel.entry.js +4 -4
- package/dist/esm/calcite-pick-list_3.entry.js +4 -4
- package/dist/esm/calcite-popover_2.entry.js +5 -5
- 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 +12 -12
- package/dist/esm/calcite-radio_2.entry.js +18 -18
- package/dist/esm/calcite-rating.entry.js +11 -11
- package/dist/esm/calcite-scrim.entry.js +1 -1
- package/dist/esm/calcite-shell_3.entry.js +2 -2
- package/dist/esm/calcite-sortable-list.entry.js +1 -1
- package/dist/esm/calcite-split-button.entry.js +2 -2
- package/dist/esm/calcite-stepper_2.entry.js +2 -2
- package/dist/esm/calcite-switch.entry.js +19 -14
- package/dist/esm/calcite-tab_4.entry.js +2 -2
- package/dist/esm/calcite-tile-select_2.entry.js +2 -2
- package/dist/esm/calcite-tile.entry.js +3 -3
- package/dist/esm/calcite-tip_3.entry.js +3 -3
- package/dist/esm/calcite-tooltip_2.entry.js +7 -6
- package/dist/esm/calcite-tree_2.entry.js +2 -2
- package/dist/esm/calcite-value-list_2.entry.js +3 -3
- package/dist/esm/calcite.js +3 -3
- package/dist/esm/{dom-70b0e988.js → dom-f24e866c.js} +1 -1
- package/dist/esm/{index-d653c37f.js → index-66803519.js} +73 -64
- package/dist/esm/{label-426b4471.js → label-bb61bdef.js} +5 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/popper-dc4b45cf.js +1785 -0
- package/dist/esm/{resources-56ac5dd9.js → resources-8dd80c84.js} +2 -2
- package/dist/esm/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
- package/dist/esm-es5/{CalciteExpandToggle-b1e6e72d.js → CalciteExpandToggle-235a6bfd.js} +1 -1
- package/dist/esm-es5/{CalciteHeading-1735f17a.js → CalciteHeading-dea3bd05.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
- package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
- package/dist/esm-es5/calcite-action-group.entry.js +1 -1
- package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
- package/dist/esm-es5/calcite-action-pad.entry.js +1 -1
- package/dist/esm-es5/calcite-action.entry.js +2 -2
- package/dist/esm-es5/calcite-alert.entry.js +2 -2
- package/dist/esm-es5/calcite-avatar.entry.js +1 -1
- package/dist/esm-es5/calcite-block_2.entry.js +1 -1
- package/dist/esm-es5/calcite-button.entry.js +1 -1
- package/dist/esm-es5/calcite-card.entry.js +1 -1
- package/dist/esm-es5/calcite-checkbox.entry.js +1 -1
- package/dist/esm-es5/calcite-chip.entry.js +1 -1
- package/dist/esm-es5/calcite-color-picker_3.entry.js +1 -1
- package/dist/esm-es5/calcite-combobox_3.entry.js +1 -1
- package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
- package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/calcite-fab.entry.js +1 -1
- package/dist/esm-es5/calcite-filter.entry.js +1 -1
- package/dist/esm-es5/calcite-flow.entry.js +1 -1
- package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
- package/dist/esm-es5/calcite-handle.entry.js +1 -1
- package/dist/esm-es5/calcite-icon.entry.js +1 -1
- package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
- package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm-es5/calcite-input-message.entry.js +1 -1
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +1 -1
- package/dist/esm-es5/calcite-input.entry.js +1 -1
- package/dist/esm-es5/calcite-label.entry.js +1 -1
- package/dist/esm-es5/calcite-link.entry.js +2 -2
- 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 +1 -1
- package/dist/esm-es5/calcite-pagination.entry.js +1 -1
- package/dist/esm-es5/calcite-panel.entry.js +1 -1
- package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
- package/dist/esm-es5/calcite-progress.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-group_2.entry.js +1 -1
- package/dist/esm-es5/calcite-radio_2.entry.js +1 -1
- package/dist/esm-es5/calcite-rating.entry.js +1 -1
- package/dist/esm-es5/calcite-scrim.entry.js +1 -1
- package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
- package/dist/esm-es5/calcite-sortable-list.entry.js +1 -1
- package/dist/esm-es5/calcite-split-button.entry.js +1 -1
- package/dist/esm-es5/calcite-stepper_2.entry.js +1 -1
- package/dist/esm-es5/calcite-switch.entry.js +1 -1
- package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
- package/dist/esm-es5/calcite-tile-select_2.entry.js +1 -1
- package/dist/esm-es5/calcite-tile.entry.js +1 -1
- package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
- package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
- package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
- package/dist/esm-es5/calcite.js +1 -1
- package/dist/esm-es5/{dom-70b0e988.js → dom-f24e866c.js} +1 -1
- package/dist/esm-es5/{index-d653c37f.js → index-66803519.js} +1 -1
- package/dist/esm-es5/label-bb61bdef.js +5 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/popper-dc4b45cf.js +5 -0
- package/dist/esm-es5/{resources-56ac5dd9.js → resources-8dd80c84.js} +1 -1
- package/dist/esm-es5/{resources-3b481489.js → resources-c59a1a15.js} +1 -1
- package/dist/extras/docs-json.json +511 -429
- package/dist/types/components/calcite-action/calcite-action.d.ts +2 -2
- package/dist/types/components/calcite-button/calcite-button.d.ts +10 -3
- package/dist/types/components/calcite-checkbox/calcite-checkbox.d.ts +1 -1
- package/dist/types/components/calcite-combobox/calcite-combobox.d.ts +1 -1
- package/dist/types/components/calcite-dropdown/calcite-dropdown.d.ts +6 -3
- package/dist/types/components/calcite-filter/calcite-filter.d.ts +5 -1
- package/dist/types/components/calcite-graph/calcite-graph.d.ts +4 -0
- package/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts +1 -1
- package/dist/types/components/calcite-input/calcite-input.d.ts +8 -2
- package/dist/types/components/calcite-input-date-picker/calcite-input-date-picker.d.ts +1 -1
- package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +2 -2
- package/dist/types/components/calcite-link/calcite-link.d.ts +2 -1
- package/dist/types/components/calcite-list/calcite-list.d.ts +3 -0
- package/dist/types/components/calcite-list-item/calcite-list-item.d.ts +3 -0
- package/dist/types/components/calcite-modal/calcite-modal.d.ts +2 -2
- package/dist/types/components/calcite-radio-button/calcite-radio-button.d.ts +1 -1
- package/dist/types/components/calcite-radio-group/calcite-radio-group.d.ts +1 -1
- package/dist/types/components/calcite-rating/calcite-rating.d.ts +1 -1
- package/dist/types/components/calcite-select/calcite-select.d.ts +1 -1
- package/dist/types/components/calcite-slider/calcite-slider.d.ts +1 -1
- package/dist/types/components/calcite-switch/calcite-switch.d.ts +1 -1
- package/dist/types/components.d.ts +42 -8
- package/dist/types/utils/popper.d.ts +1 -1
- package/hydrate/index.js +321 -223
- package/package.json +32 -34
- package/readme.md +5 -5
- package/dist/calcite/p-01574cc9.system.entry.js +0 -5
- package/dist/calcite/p-034b30d0.system.entry.js +0 -5
- package/dist/calcite/p-07ba39b6.js +0 -5
- package/dist/calcite/p-161fae80.entry.js +0 -5
- package/dist/calcite/p-1800ca58.system.entry.js +0 -5
- package/dist/calcite/p-22b45d8e.entry.js +0 -5
- package/dist/calcite/p-38f1f404.entry.js +0 -5
- package/dist/calcite/p-3a529cc9.entry.js +0 -5
- package/dist/calcite/p-3f4d3c3a.system.entry.js +0 -5
- package/dist/calcite/p-42c1ceea.system.entry.js +0 -5
- package/dist/calcite/p-43c9ac47.entry.js +0 -5
- package/dist/calcite/p-48d862ab.system.entry.js +0 -5
- package/dist/calcite/p-4ba0e355.entry.js +0 -5
- package/dist/calcite/p-50c3504a.system.entry.js +0 -5
- package/dist/calcite/p-5cab6853.js +0 -5
- package/dist/calcite/p-6235a763.system.entry.js +0 -5
- package/dist/calcite/p-649b9bf0.entry.js +0 -5
- package/dist/calcite/p-66845ec0.entry.js +0 -5
- package/dist/calcite/p-6805cf31.entry.js +0 -5
- package/dist/calcite/p-6bdedd7f.system.js +0 -5
- package/dist/calcite/p-6cff93c4.entry.js +0 -5
- package/dist/calcite/p-773b9826.system.entry.js +0 -5
- package/dist/calcite/p-7878aa7c.entry.js +0 -5
- package/dist/calcite/p-78820fed.system.entry.js +0 -5
- package/dist/calcite/p-86788d34.entry.js +0 -5
- package/dist/calcite/p-8a535973.entry.js +0 -5
- package/dist/calcite/p-9965ea81.system.js +0 -5
- package/dist/calcite/p-9cad254a.entry.js +0 -5
- package/dist/calcite/p-a923201d.system.entry.js +0 -5
- package/dist/calcite/p-adfa75fa.entry.js +0 -5
- package/dist/calcite/p-c026ce05.entry.js +0 -5
- package/dist/calcite/p-c198f23c.entry.js +0 -5
- package/dist/calcite/p-c728d861.entry.js +0 -5
- package/dist/calcite/p-c7b4e11f.entry.js +0 -5
- package/dist/calcite/p-cb44170e.system.js +0 -5
- package/dist/calcite/p-cb87824b.entry.js +0 -5
- package/dist/calcite/p-d35a300b.entry.js +0 -5
- package/dist/calcite/p-d7756753.entry.js +0 -5
- package/dist/calcite/p-e3ea64dc.entry.js +0 -5
- package/dist/calcite/p-e6cc7798.entry.js +0 -5
- package/dist/calcite/p-eb027f31.system.entry.js +0 -5
- package/dist/calcite/p-edc12d5c.entry.js +0 -5
- package/dist/calcite/p-f33a21cf.system.entry.js +0 -5
- package/dist/custom-elements/bundles/accordion.d.ts +0 -1
- package/dist/custom-elements/bundles/accordion.js +0 -5
- package/dist/custom-elements/bundles/action-bar.d.ts +0 -1
- package/dist/custom-elements/bundles/action-bar.js +0 -5
- package/dist/custom-elements/bundles/action-menu.d.ts +0 -1
- package/dist/custom-elements/bundles/action-menu.js +0 -5
- package/dist/custom-elements/bundles/action-pad.d.ts +0 -1
- package/dist/custom-elements/bundles/action-pad.js +0 -5
- package/dist/custom-elements/bundles/action.d.ts +0 -1
- package/dist/custom-elements/bundles/action.js +0 -5
- package/dist/custom-elements/bundles/alert.d.ts +0 -1
- package/dist/custom-elements/bundles/alert.js +0 -5
- package/dist/custom-elements/bundles/avatar.d.ts +0 -1
- package/dist/custom-elements/bundles/avatar.js +0 -5
- package/dist/custom-elements/bundles/block.d.ts +0 -1
- package/dist/custom-elements/bundles/block.js +0 -5
- package/dist/custom-elements/bundles/button.d.ts +0 -1
- package/dist/custom-elements/bundles/button.js +0 -5
- package/dist/custom-elements/bundles/card.d.ts +0 -1
- package/dist/custom-elements/bundles/card.js +0 -5
- package/dist/custom-elements/bundles/checkbox.d.ts +0 -1
- package/dist/custom-elements/bundles/checkbox.js +0 -5
- package/dist/custom-elements/bundles/chip.d.ts +0 -1
- package/dist/custom-elements/bundles/chip.js +0 -5
- package/dist/custom-elements/bundles/color-picker.d.ts +0 -1
- package/dist/custom-elements/bundles/color-picker.js +0 -5
- package/dist/custom-elements/bundles/combobox.d.ts +0 -1
- package/dist/custom-elements/bundles/combobox.js +0 -5
- package/dist/custom-elements/bundles/date-picker.d.ts +0 -1
- package/dist/custom-elements/bundles/date-picker.js +0 -5
- package/dist/custom-elements/bundles/dropdown.d.ts +0 -1
- package/dist/custom-elements/bundles/dropdown.js +0 -5
- package/dist/custom-elements/bundles/fab.d.ts +0 -1
- package/dist/custom-elements/bundles/fab.js +0 -5
- package/dist/custom-elements/bundles/flow.d.ts +0 -1
- package/dist/custom-elements/bundles/flow.js +0 -5
- package/dist/custom-elements/bundles/icon.d.ts +0 -1
- package/dist/custom-elements/bundles/icon.js +0 -5
- package/dist/custom-elements/bundles/inline-editable.d.ts +0 -1
- package/dist/custom-elements/bundles/inline-editable.js +0 -5
- package/dist/custom-elements/bundles/input-date-picker.d.ts +0 -1
- package/dist/custom-elements/bundles/input-date-picker.js +0 -5
- package/dist/custom-elements/bundles/input-message.d.ts +0 -1
- package/dist/custom-elements/bundles/input-message.js +0 -5
- package/dist/custom-elements/bundles/input-time-picker.d.ts +0 -1
- package/dist/custom-elements/bundles/input-time-picker.js +0 -5
- package/dist/custom-elements/bundles/input.d.ts +0 -1
- package/dist/custom-elements/bundles/input.js +0 -5
- package/dist/custom-elements/bundles/label.d.ts +0 -1
- package/dist/custom-elements/bundles/label.js +0 -5
- package/dist/custom-elements/bundles/link.d.ts +0 -1
- package/dist/custom-elements/bundles/link.js +0 -5
- package/dist/custom-elements/bundles/list.d.ts +0 -1
- package/dist/custom-elements/bundles/list.js +0 -5
- package/dist/custom-elements/bundles/loader.d.ts +0 -1
- package/dist/custom-elements/bundles/loader.js +0 -5
- package/dist/custom-elements/bundles/modal.d.ts +0 -1
- package/dist/custom-elements/bundles/modal.js +0 -5
- package/dist/custom-elements/bundles/notice.d.ts +0 -1
- package/dist/custom-elements/bundles/notice.js +0 -5
- package/dist/custom-elements/bundles/pagination.d.ts +0 -1
- package/dist/custom-elements/bundles/pagination.js +0 -5
- package/dist/custom-elements/bundles/panel.d.ts +0 -1
- package/dist/custom-elements/bundles/panel.js +0 -5
- package/dist/custom-elements/bundles/pick-list.d.ts +0 -1
- package/dist/custom-elements/bundles/pick-list.js +0 -5
- package/dist/custom-elements/bundles/popover.d.ts +0 -1
- package/dist/custom-elements/bundles/popover.js +0 -5
- package/dist/custom-elements/bundles/progress.d.ts +0 -1
- package/dist/custom-elements/bundles/progress.js +0 -5
- package/dist/custom-elements/bundles/radio-button-group.d.ts +0 -1
- package/dist/custom-elements/bundles/radio-button-group.js +0 -5
- package/dist/custom-elements/bundles/radio-button.d.ts +0 -1
- package/dist/custom-elements/bundles/radio-button.js +0 -5
- package/dist/custom-elements/bundles/radio-group.d.ts +0 -1
- package/dist/custom-elements/bundles/radio-group.js +0 -5
- package/dist/custom-elements/bundles/rating.d.ts +0 -1
- package/dist/custom-elements/bundles/rating.js +0 -5
- package/dist/custom-elements/bundles/scrim.d.ts +0 -1
- package/dist/custom-elements/bundles/scrim.js +0 -5
- package/dist/custom-elements/bundles/select.d.ts +0 -1
- package/dist/custom-elements/bundles/select.js +0 -5
- package/dist/custom-elements/bundles/shell.d.ts +0 -1
- package/dist/custom-elements/bundles/shell.js +0 -5
- package/dist/custom-elements/bundles/slider.d.ts +0 -1
- package/dist/custom-elements/bundles/slider.js +0 -5
- package/dist/custom-elements/bundles/sortable-list.d.ts +0 -1
- package/dist/custom-elements/bundles/sortable-list.js +0 -5
- package/dist/custom-elements/bundles/split-button.d.ts +0 -1
- package/dist/custom-elements/bundles/split-button.js +0 -5
- package/dist/custom-elements/bundles/stepper.d.ts +0 -1
- package/dist/custom-elements/bundles/stepper.js +0 -5
- package/dist/custom-elements/bundles/switch.d.ts +0 -1
- package/dist/custom-elements/bundles/switch.js +0 -5
- package/dist/custom-elements/bundles/tab.d.ts +0 -1
- package/dist/custom-elements/bundles/tab.js +0 -5
- package/dist/custom-elements/bundles/tile-select-group.d.ts +0 -1
- package/dist/custom-elements/bundles/tile-select-group.js +0 -5
- package/dist/custom-elements/bundles/tile.d.ts +0 -1
- package/dist/custom-elements/bundles/tile.js +0 -5
- package/dist/custom-elements/bundles/tip.d.ts +0 -1
- package/dist/custom-elements/bundles/tip.js +0 -5
- package/dist/custom-elements/bundles/tooltip.d.ts +0 -1
- package/dist/custom-elements/bundles/tooltip.js +0 -5
- package/dist/custom-elements/bundles/tree.d.ts +0 -1
- package/dist/custom-elements/bundles/tree.js +0 -5
- package/dist/custom-elements/bundles/value-list.d.ts +0 -1
- package/dist/custom-elements/bundles/value-list.js +0 -5
- package/dist/custom-elements/index.mjs +0 -24476
- package/dist/custom-elements/utils.d.ts +0 -2
- package/dist/custom-elements/utils.js +0 -11
- package/dist/esm-es5/label-426b4471.js +0 -5
- package/dist/esm-es5/popper-44055f06.js +0 -5
package/hydrate/index.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
/*!
|
|
10
|
-
Stencil Mock Doc v2.
|
|
10
|
+
Stencil Mock Doc v2.10.0 | MIT Licensed | https://stenciljs.com
|
|
11
11
|
*/
|
|
12
12
|
const CONTENT_REF_ID = 'r';
|
|
13
13
|
const ORG_LOCATION_ID = 'o';
|
|
@@ -5298,7 +5298,8 @@ const callRender = (e, t, o) => {
|
|
|
5298
5298
|
s.attributeChangedCallback = function(e, t, n) {
|
|
5299
5299
|
plt.jmp((() => {
|
|
5300
5300
|
const t = o.get(e);
|
|
5301
|
-
this.hasOwnProperty(t)
|
|
5301
|
+
if (this.hasOwnProperty(t)) n = this[t], delete this[t]; else if (s.hasOwnProperty(t) && "number" == typeof this[t] && this[t] == n) return;
|
|
5302
|
+
this[t] = (null !== n || "boolean" != typeof this[t]) && n;
|
|
5302
5303
|
}));
|
|
5303
5304
|
}, e.observedAttributes = n.filter((([e, t]) => 15 & t[0])).map((([e, n]) => {
|
|
5304
5305
|
const s = n[1] || e;
|
|
@@ -6007,7 +6008,7 @@ function createObserver(type, callback, options) {
|
|
|
6007
6008
|
return undefined;
|
|
6008
6009
|
}
|
|
6009
6010
|
|
|
6010
|
-
const calciteActionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-action:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-action{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*/.calcite-animate__in.sc-calcite-action{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-action{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-action{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-action{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-action-h{-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 **/.sc-calcite-action-h *.sc-calcite-action{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-action:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-action-h{display:none}/*!@:host*/.sc-calcite-action-h{display:-ms-flexbox;display:flex;background-color:transparent}/*!@:host([disabled])*/[disabled].sc-calcite-action-h{pointer-events:none}/*!@.button*/.button.sc-calcite-action{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*/.button.sc-calcite-action:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1)}/*!@.button:focus*/.button.sc-calcite-action: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*/.button.sc-calcite-action:active{background-color:var(--calcite-ui-foreground-3)}/*!@.button .icon-container*/.button.sc-calcite-action .icon-container.sc-calcite-action{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*/.button.sc-calcite-action .text-container.sc-calcite-action{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*/.button.sc-calcite-action .text-container--visible.sc-calcite-action{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}/*!@:host([scale=s]) .button*/[scale=s].sc-calcite-action-h .button.sc-calcite-action{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*/[scale=s].sc-calcite-action-h .button--text-visible.sc-calcite-action .icon-container.sc-calcite-action{margin-right:0.5rem}/*!@:host([scale=m]) .button*/[scale=m].sc-calcite-action-h .button.sc-calcite-action{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*/[scale=m].sc-calcite-action-h .button--text-visible.sc-calcite-action .icon-container.sc-calcite-action{margin-right:0.75rem}/*!@:host([scale=l]) .button*/[scale=l].sc-calcite-action-h .button.sc-calcite-action{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*/[scale=l].sc-calcite-action-h .button--text-visible.sc-calcite-action .icon-container.sc-calcite-action{margin-right:1rem}/*!@:host([alignment=center]) .button*/[alignment=center].sc-calcite-action-h .button.sc-calcite-action{-ms-flex-pack:center;justify-content:center}/*!@:host([alignment=end]) .button*/[alignment=end].sc-calcite-action-h .button.sc-calcite-action{-ms-flex-pack:end;justify-content:flex-end}/*!@:host([alignment=center]) .button .text-container--visible,\n:host([alignment=end]) .button .text-container--visible*/[alignment=center].sc-calcite-action-h .button.sc-calcite-action .text-container--visible.sc-calcite-action,[alignment=end].sc-calcite-action-h .button.sc-calcite-action .text-container--visible.sc-calcite-action{-ms-flex:0 1 auto;flex:0 1 auto}/*!@:host([scale=s][compact]) .button,\n:host([scale=m][compact]) .button,\n:host([scale=l][compact]) .button*/[scale=s][compact].sc-calcite-action-h .button.sc-calcite-action,[scale=m][compact].sc-calcite-action-h .button.sc-calcite-action,[scale=l][compact].sc-calcite-action-h .button.sc-calcite-action{padding-left:0;padding-right:0}/*!@.slot-container*/.slot-container.sc-calcite-action{display:-ms-flexbox;display:flex}/*!@.slot-container--hidden*/.slot-container--hidden.sc-calcite-action{display:none}/*!@.button--text-visible*/.button--text-visible.sc-calcite-action{width:100%}/*!@.button--text-visible .icon-container*/.button--text-visible.sc-calcite-action .icon-container.sc-calcite-action{margin:0}/*!@.button--text-visible .text-container--visible*/.button--text-visible.sc-calcite-action .text-container--visible.sc-calcite-action{margin:0;margin-right:0.5rem}/*!@.button--text-visible.calcite--rtl .text-container--visible*/.button--text-visible.calcite--rtl.sc-calcite-action .text-container--visible.sc-calcite-action{margin:0;margin-left:0.5rem}/*!@:host([scale=s]) .button--text-visible.calcite--rtl .icon-container*/[scale=s].sc-calcite-action-h .button--text-visible.calcite--rtl.sc-calcite-action .icon-container.sc-calcite-action{margin:0;margin-left:0.5rem}/*!@:host([scale=m]) .button--text-visible.calcite--rtl .icon-container*/[scale=m].sc-calcite-action-h .button--text-visible.calcite--rtl.sc-calcite-action .icon-container.sc-calcite-action{margin:0;margin-left:0.75rem}/*!@:host([scale=l]) .button--text-visible.calcite--rtl .icon-container*/[scale=l].sc-calcite-action-h .button--text-visible.calcite--rtl.sc-calcite-action .icon-container.sc-calcite-action{margin:0;margin-left:1rem}/*!@:host([active]) .button,\n:host([active]) .button:hover,\n:host([active]) .button:focus,\n:host([active][loading]) .button*/[active].sc-calcite-action-h .button.sc-calcite-action,[active].sc-calcite-action-h .button.sc-calcite-action:hover,[active].sc-calcite-action-h .button.sc-calcite-action:focus,[active][loading].sc-calcite-action-h .button.sc-calcite-action{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}/*!@:host([active]) .button:active*/[active].sc-calcite-action-h .button.sc-calcite-action:active{background-color:var(--calcite-ui-foreground-1)}/*!@:host([appearance=clear]) .button*/[appearance=clear].sc-calcite-action-h .button.sc-calcite-action{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,\n:host([appearance=clear]) .button:focus*/[appearance=clear].sc-calcite-action-h .button.sc-calcite-action:hover,[appearance=clear].sc-calcite-action-h .button.sc-calcite-action: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,\n:host([active][appearance=clear]) .button:hover,\n:host([active][appearance=clear]) .button:focus*/[active][appearance=clear].sc-calcite-action-h .button.sc-calcite-action,[active][appearance=clear].sc-calcite-action-h .button.sc-calcite-action:hover,[active][appearance=clear].sc-calcite-action-h .button.sc-calcite-action: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,\n:host([appearance=clear][disabled]) .button*/[appearance=clear][loading].sc-calcite-action-h .button.sc-calcite-action,[appearance=clear][disabled].sc-calcite-action-h .button.sc-calcite-action{background-color:transparent}/*!@:host([loading]) .button,\n:host([loading]) .button:hover,\n:host([loading]) .button:focus*/[loading].sc-calcite-action-h .button.sc-calcite-action,[loading].sc-calcite-action-h .button.sc-calcite-action:hover,[loading].sc-calcite-action-h .button.sc-calcite-action:focus{background-color:var(--calcite-ui-foreground-1)}/*!@:host([loading]) .button .text-container,\n:host([loading]) .button:hover .text-container,\n:host([loading]) .button:focus .text-container*/[loading].sc-calcite-action-h .button.sc-calcite-action .text-container.sc-calcite-action,[loading].sc-calcite-action-h .button.sc-calcite-action:hover .text-container.sc-calcite-action,[loading].sc-calcite-action-h .button.sc-calcite-action:focus .text-container.sc-calcite-action{opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([loading]) calcite-loader[inline]*/[loading].sc-calcite-action-h calcite-loader[inline].sc-calcite-action{margin-right:0;color:var(--calcite-ui-text-3)}/*!@:host([disabled]) .button,\n:host([disabled]) .button:hover,\n:host([disabled]) .button:focus*/[disabled].sc-calcite-action-h .button.sc-calcite-action,[disabled].sc-calcite-action-h .button.sc-calcite-action:hover,[disabled].sc-calcite-action-h .button.sc-calcite-action:focus{cursor:default;opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-1)}/*!@:host([disabled][active]) .button,\n:host([disabled][active]) .button:hover,\n:host([disabled][active]) .button:focus*/[disabled][active].sc-calcite-action-h .button.sc-calcite-action,[disabled][active].sc-calcite-action-h .button.sc-calcite-action:hover,[disabled][active].sc-calcite-action-h .button.sc-calcite-action:focus{opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-3)}/*!@:host([indicator]) .button--text-visible,\n:host([indicator][scale=s]) .button--text-visible,\n:host([indicator][scale=l]) .button--text-visible*/[indicator].sc-calcite-action-h .button--text-visible.sc-calcite-action,[indicator][scale=s].sc-calcite-action-h .button--text-visible.sc-calcite-action,[indicator][scale=l].sc-calcite-action-h .button--text-visible.sc-calcite-action{padding-right:1rem}/*!@:host([indicator]) .button::after*/[indicator].sc-calcite-action-h .button.sc-calcite-action::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);bottom:0.5rem;right:0.5rem}/*!@:host([indicator][scale=s]) .button::after*/[indicator][scale=s].sc-calcite-action-h .button.sc-calcite-action::after{bottom:0.25rem;right:0.25rem}/*!@:host([indicator][scale=l]) .button::after*/[indicator][scale=l].sc-calcite-action-h .button.sc-calcite-action::after{bottom:0.5rem;right:0.5rem}/*!@:host([indicator]) .calcite--rtl::after*/[indicator].sc-calcite-action-h .calcite--rtl.sc-calcite-action::after{right:auto;left:0.25rem}/*!@:host([indicator]) .button--text-visible.calcite--rtl*/[indicator].sc-calcite-action-h .button--text-visible.calcite--rtl.sc-calcite-action{padding-right:0.75rem;padding-left:1rem}/*!@:host([indicator]) .button:hover::after,\n:host([indicator]) .button:focus::after*/[indicator].sc-calcite-action-h .button.sc-calcite-action:hover::after,[indicator].sc-calcite-action-h .button.sc-calcite-action:focus::after{border-color:var(--calcite-ui-foreground-1)}/*!@:host([indicator][active]) .button::after*/[indicator][active].sc-calcite-action-h .button.sc-calcite-action::after{border-color:var(--calcite-ui-foreground-3)}/*!@:host([indicator]) .button--text-visible::after,\n:host([indicator][scale=s]) .button--text-visible::after,\n:host([indicator][scale=l]) .button--text-visible::after*/[indicator].sc-calcite-action-h .button--text-visible.sc-calcite-action::after,[indicator][scale=s].sc-calcite-action-h .button--text-visible.sc-calcite-action::after,[indicator][scale=l].sc-calcite-action-h .button--text-visible.sc-calcite-action::after{bottom:auto;right:0.5rem}/*!@:host([indicator]) .button--text-visible.calcite--rtl::after,\n:host([indicator][scale=s]) .button--text-visible.calcite--rtl::after,\n:host([indicator][scale=l]) .button--text-visible.calcite--rtl::after*/[indicator].sc-calcite-action-h .button--text-visible.calcite--rtl.sc-calcite-action::after,[indicator][scale=s].sc-calcite-action-h .button--text-visible.calcite--rtl.sc-calcite-action::after,[indicator][scale=l].sc-calcite-action-h .button--text-visible.calcite--rtl.sc-calcite-action::after{right:auto;left:0.5rem}";
|
|
6011
|
+
const calciteActionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-action:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-action{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*/.calcite-animate__in.sc-calcite-action{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-action{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-action{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-action{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-action-h{-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 **/.sc-calcite-action-h *.sc-calcite-action{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-action:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-action-h{display:none}/*!@:host*/.sc-calcite-action-h{display:-ms-flexbox;display:flex;background-color:transparent}/*!@:host([disabled])*/[disabled].sc-calcite-action-h{pointer-events:none}/*!@.button*/.button.sc-calcite-action{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*/.button.sc-calcite-action:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1)}/*!@.button:focus*/.button.sc-calcite-action: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*/.button.sc-calcite-action:active{background-color:var(--calcite-ui-foreground-3)}/*!@.button .icon-container*/.button.sc-calcite-action .icon-container.sc-calcite-action{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*/.button.sc-calcite-action .text-container.sc-calcite-action{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*/.button.sc-calcite-action .text-container--visible.sc-calcite-action{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}/*!@:host([scale=s]) .button*/[scale=s].sc-calcite-action-h .button.sc-calcite-action{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*/[scale=s].sc-calcite-action-h .button--text-visible.sc-calcite-action .icon-container.sc-calcite-action{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}/*!@:host([scale=m]) .button*/[scale=m].sc-calcite-action-h .button.sc-calcite-action{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*/[scale=m].sc-calcite-action-h .button--text-visible.sc-calcite-action .icon-container.sc-calcite-action{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}/*!@:host([scale=l]) .button*/[scale=l].sc-calcite-action-h .button.sc-calcite-action{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*/[scale=l].sc-calcite-action-h .button--text-visible.sc-calcite-action .icon-container.sc-calcite-action{-webkit-margin-end:1rem;margin-inline-end:1rem}/*!@:host([alignment=center]) .button*/[alignment=center].sc-calcite-action-h .button.sc-calcite-action{-ms-flex-pack:center;justify-content:center}/*!@:host([alignment=end]) .button*/[alignment=end].sc-calcite-action-h .button.sc-calcite-action{-ms-flex-pack:end;justify-content:flex-end}/*!@:host([alignment=center]) .button .text-container--visible,\n:host([alignment=end]) .button .text-container--visible*/[alignment=center].sc-calcite-action-h .button.sc-calcite-action .text-container--visible.sc-calcite-action,[alignment=end].sc-calcite-action-h .button.sc-calcite-action .text-container--visible.sc-calcite-action{-ms-flex:0 1 auto;flex:0 1 auto}/*!@:host([scale=s][compact]) .button,\n:host([scale=m][compact]) .button,\n:host([scale=l][compact]) .button*/[scale=s][compact].sc-calcite-action-h .button.sc-calcite-action,[scale=m][compact].sc-calcite-action-h .button.sc-calcite-action,[scale=l][compact].sc-calcite-action-h .button.sc-calcite-action{padding-left:0;padding-right:0}/*!@.slot-container*/.slot-container.sc-calcite-action{display:-ms-flexbox;display:flex}/*!@.slot-container--hidden*/.slot-container--hidden.sc-calcite-action{display:none}/*!@.button--text-visible*/.button--text-visible.sc-calcite-action{width:100%}/*!@:host([active]) .button,\n:host([active]) .button:hover,\n:host([active]) .button:focus,\n:host([active][loading]) .button*/[active].sc-calcite-action-h .button.sc-calcite-action,[active].sc-calcite-action-h .button.sc-calcite-action:hover,[active].sc-calcite-action-h .button.sc-calcite-action:focus,[active][loading].sc-calcite-action-h .button.sc-calcite-action{color:var(--calcite-ui-text-1);fill:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-3)}/*!@:host([active]) .button:active*/[active].sc-calcite-action-h .button.sc-calcite-action:active{background-color:var(--calcite-ui-foreground-1)}/*!@:host([appearance=clear]) .button*/[appearance=clear].sc-calcite-action-h .button.sc-calcite-action{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,\n:host([appearance=clear]) .button:focus*/[appearance=clear].sc-calcite-action-h .button.sc-calcite-action:hover,[appearance=clear].sc-calcite-action-h .button.sc-calcite-action: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,\n:host([active][appearance=clear]) .button:hover,\n:host([active][appearance=clear]) .button:focus*/[active][appearance=clear].sc-calcite-action-h .button.sc-calcite-action,[active][appearance=clear].sc-calcite-action-h .button.sc-calcite-action:hover,[active][appearance=clear].sc-calcite-action-h .button.sc-calcite-action: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,\n:host([appearance=clear][disabled]) .button*/[appearance=clear][loading].sc-calcite-action-h .button.sc-calcite-action,[appearance=clear][disabled].sc-calcite-action-h .button.sc-calcite-action{background-color:transparent}/*!@:host([loading]) .button,\n:host([loading]) .button:hover,\n:host([loading]) .button:focus*/[loading].sc-calcite-action-h .button.sc-calcite-action,[loading].sc-calcite-action-h .button.sc-calcite-action:hover,[loading].sc-calcite-action-h .button.sc-calcite-action:focus{background-color:var(--calcite-ui-foreground-1)}/*!@:host([loading]) .button .text-container,\n:host([loading]) .button:hover .text-container,\n:host([loading]) .button:focus .text-container*/[loading].sc-calcite-action-h .button.sc-calcite-action .text-container.sc-calcite-action,[loading].sc-calcite-action-h .button.sc-calcite-action:hover .text-container.sc-calcite-action,[loading].sc-calcite-action-h .button.sc-calcite-action:focus .text-container.sc-calcite-action{opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([loading]) calcite-loader[inline]*/[loading].sc-calcite-action-h calcite-loader[inline].sc-calcite-action{margin-right:0;color:var(--calcite-ui-text-3)}/*!@:host([disabled]) .button,\n:host([disabled]) .button:hover,\n:host([disabled]) .button:focus*/[disabled].sc-calcite-action-h .button.sc-calcite-action,[disabled].sc-calcite-action-h .button.sc-calcite-action:hover,[disabled].sc-calcite-action-h .button.sc-calcite-action:focus{cursor:default;opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-1)}/*!@:host([disabled][active]) .button,\n:host([disabled][active]) .button:hover,\n:host([disabled][active]) .button:focus*/[disabled][active].sc-calcite-action-h .button.sc-calcite-action,[disabled][active].sc-calcite-action-h .button.sc-calcite-action:hover,[disabled][active].sc-calcite-action-h .button.sc-calcite-action:focus{opacity:var(--calcite-ui-opacity-disabled);background-color:var(--calcite-ui-foreground-3)}/*!@:host([indicator]) .button::after*/[indicator].sc-calcite-action-h .button.sc-calcite-action::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*/[indicator].sc-calcite-action-h .button--text-visible.sc-calcite-action::after{inset-block-end:auto}/*!@:host([indicator]) .button--text-visible .text-container--visible*/[indicator].sc-calcite-action-h .button--text-visible.sc-calcite-action .text-container--visible.sc-calcite-action{-webkit-margin-end:1rem;margin-inline-end:1rem}/*!@:host([indicator]) .button:hover::after,\n:host([indicator]) .button:focus::after*/[indicator].sc-calcite-action-h .button.sc-calcite-action:hover::after,[indicator].sc-calcite-action-h .button.sc-calcite-action:focus::after{border-color:var(--calcite-ui-foreground-1)}/*!@:host([indicator][scale=s]) .button::after*/[indicator][scale=s].sc-calcite-action-h .button.sc-calcite-action::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}/*!@:host([indicator][scale=s]) .button--text-visible::after*/[indicator][scale=s].sc-calcite-action-h .button--text-visible.sc-calcite-action::after{inset-block-end:auto;inset-inline-end:0.5rem}/*!@:host([indicator][active]) .button::after*/[indicator][active].sc-calcite-action-h .button.sc-calcite-action::after{border-color:var(--calcite-ui-foreground-3)}";
|
|
6011
6012
|
|
|
6012
6013
|
/**
|
|
6013
6014
|
* @slot - A slot for adding a `calcite-icon`.
|
|
@@ -6021,12 +6022,12 @@ class CalciteAction {
|
|
|
6021
6022
|
// Properties
|
|
6022
6023
|
//
|
|
6023
6024
|
// --------------------------------------------------------------------------
|
|
6024
|
-
/** Specify the appearance style of the action, defaults to solid. */
|
|
6025
|
-
this.appearance = "solid";
|
|
6026
6025
|
/**
|
|
6027
6026
|
* Indicates whether the action is highlighted.
|
|
6028
6027
|
*/
|
|
6029
6028
|
this.active = false;
|
|
6029
|
+
/** Specify the appearance style of the action, defaults to solid. */
|
|
6030
|
+
this.appearance = "solid";
|
|
6030
6031
|
/**
|
|
6031
6032
|
* Compact mode is used internally by components to reduce side padding, e.g. calcite-block-section.
|
|
6032
6033
|
*/
|
|
@@ -6117,14 +6118,12 @@ class CalciteAction {
|
|
|
6117
6118
|
return hasIconToDisplay ? (hAsync("div", { "aria-hidden": "true", class: CSS$O.iconContainer, key: "icon-container" }, iconNode, slotContainerNode)) : null;
|
|
6118
6119
|
}
|
|
6119
6120
|
render() {
|
|
6120
|
-
const { compact, disabled, loading,
|
|
6121
|
+
const { compact, disabled, loading, textEnabled, label, text } = this;
|
|
6121
6122
|
const ariaLabel = label || text;
|
|
6122
|
-
const rtl = getElementDir(el) === "rtl";
|
|
6123
6123
|
const buttonClasses = {
|
|
6124
6124
|
[CSS$O.button]: true,
|
|
6125
6125
|
[CSS$O.buttonTextVisible]: textEnabled,
|
|
6126
|
-
[CSS$O.buttonCompact]: compact
|
|
6127
|
-
[CSS_UTILITY.rtl]: rtl
|
|
6126
|
+
[CSS$O.buttonCompact]: compact
|
|
6128
6127
|
};
|
|
6129
6128
|
return (hAsync(Host, { onClick: this.calciteActionClickHandler }, hAsync("button", { "aria-busy": loading.toString(), "aria-disabled": disabled.toString(), "aria-label": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer())));
|
|
6130
6129
|
}
|
|
@@ -6134,9 +6133,9 @@ class CalciteAction {
|
|
|
6134
6133
|
"$flags$": 9,
|
|
6135
6134
|
"$tagName$": "calcite-action",
|
|
6136
6135
|
"$members$": {
|
|
6137
|
-
"appearance": [513],
|
|
6138
6136
|
"active": [516],
|
|
6139
6137
|
"alignment": [513],
|
|
6138
|
+
"appearance": [513],
|
|
6140
6139
|
"compact": [516],
|
|
6141
6140
|
"disabled": [516],
|
|
6142
6141
|
"icon": [1],
|
|
@@ -6151,7 +6150,7 @@ class CalciteAction {
|
|
|
6151
6150
|
},
|
|
6152
6151
|
"$listeners$": undefined,
|
|
6153
6152
|
"$lazyBundleId$": "-",
|
|
6154
|
-
"$attrsToReflect$": [["
|
|
6153
|
+
"$attrsToReflect$": [["active", "active"], ["alignment", "alignment"], ["appearance", "appearance"], ["compact", "compact"], ["disabled", "disabled"], ["indicator", "indicator"], ["loading", "loading"], ["scale", "scale"], ["textEnabled", "text-enabled"]]
|
|
6155
6154
|
}; }
|
|
6156
6155
|
}
|
|
6157
6156
|
|
|
@@ -8018,11 +8017,13 @@ class CalciteActionMenu {
|
|
|
8018
8017
|
//
|
|
8019
8018
|
// --------------------------------------------------------------------------
|
|
8020
8019
|
connectedCallback() {
|
|
8021
|
-
|
|
8020
|
+
var _a;
|
|
8021
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
|
|
8022
8022
|
this.getActions();
|
|
8023
8023
|
}
|
|
8024
8024
|
disconnectedCallback() {
|
|
8025
|
-
|
|
8025
|
+
var _a;
|
|
8026
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
8026
8027
|
this.disconnectMenuButtonEl();
|
|
8027
8028
|
}
|
|
8028
8029
|
expandedHandler() {
|
|
@@ -8268,7 +8269,7 @@ var StatusIcons;
|
|
|
8268
8269
|
StatusIcons["blue"] = "lightbulb";
|
|
8269
8270
|
})(StatusIcons || (StatusIcons = {}));
|
|
8270
8271
|
|
|
8271
|
-
const calciteAlertCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-alert:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-alert{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*/.calcite-animate__in.sc-calcite-alert{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-alert{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-alert{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-alert{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-alert:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-alert-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-alert-h{--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}/*!@:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=s] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=s] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=s] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) .alert-queue-count*/[scale=s].sc-calcite-alert-h .alert-queue-count.sc-calcite-alert{margin-left:0.5rem;margin-right:0.5rem}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:3.5rem}/*!@:host([scale=s]) .alert-close*/[scale=s].sc-calcite-alert-h .alert-close.sc-calcite-alert{padding:0.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-alert-h{--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}/*!@:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=m] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=m] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=m] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) .alert-queue-count*/[scale=m].sc-calcite-alert-h .alert-queue-count.sc-calcite-alert{margin-left:0.75rem;margin-right:0.75rem}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:4.1875rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-alert-h{--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}/*!@:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=l] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-1);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=l] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=l] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) .alert-queue-count*/[scale=l].sc-calcite-alert-h .alert-queue-count.sc-calcite-alert{margin-left:1rem;margin-right:1rem}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:5.625rem}/*!@:host*/.sc-calcite-alert-h{display:block}/*!@:host .container*/.sc-calcite-alert-h .container.sc-calcite-alert{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);display:-ms-flexbox;display:flex;position:fixed;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;background-color:var(--calcite-ui-foreground-1);opacity:0;left:0;right:0;bottom:0;border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:90%;max-height:0;z-index:101;-webkit-transform:translate3d(0, 1.5rem, 0);transform:translate3d(0, 1.5rem, 0);-webkit-transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out}@media only screen and (max-width: 860px){/*!@:host .container*/.sc-calcite-alert-h .container.sc-calcite-alert{width:100%;max-width:100%;border-radius:0}}/*!@.container*/.container.sc-calcite-alert{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}/*!@.alert-close*/.alert-close.sc-calcite-alert{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@.alert-close:focus*/.alert-close.sc-calcite-alert:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host([active]) .container:not(.queued)*/[active].sc-calcite-alert-h .container.sc-calcite-alert:not(.queued){opacity:1;max-height:100%;border-top-width:2px;-webkit-transform:translate3d(0, -1.5rem, 0);transform:translate3d(0, -1.5rem, 0);pointer-events:initial}@media only screen and (max-width: 860px){/*!@:host([active]) .container:not(.queued)*/[active].sc-calcite-alert-h .container.sc-calcite-alert:not(.queued){-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}/*!@slot[name=title]::slotted(*),\n*::slotted([slot=title])*/slot[name=title].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=title]{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0);line-height:1.375;color:var(--calcite-ui-text-1)}/*!@slot[name=message]::slotted(*),\n*::slotted([slot=message])*/slot[name=message].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=message]{display:inline;margin:0;margin-right:0.5rem;font-weight:var(--calcite-font-weight-normal);font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2)}/*!@slot[name=link]::slotted(*),\n*::slotted([slot=link])*/slot[name=link].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=link]{color:var(--calcite-ui-text-link);display:-ms-inline-flexbox;display:inline-flex}/*!@.calcite--rtl slot[name=message]::slotted(*),\n.calcite--rtl *::slotted([slot=message])*/.calcite--rtl slot[name=message].sc-calcite-alert-s>*,.calcite--rtl *.sc-calcite-alert-s>[slot=message]{margin-left:0.5rem;margin-right:unset}/*!@.alert-content*/.alert-content.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) 0;border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}@media only screen and (max-width: 860px){/*!@.alert-content*/.alert-content.sc-calcite-alert{padding:1rem}}/*!@.alert-content:first-of-type:not(:only-child)*/.alert-content.sc-calcite-alert:first-of-type:not(:only-child){padding-left:var(--calcite-alert-spacing-token-large)}/*!@.alert-content:only-child*/.alert-content.sc-calcite-alert:only-child{padding:var(--calcite-alert-spacing-token-small)}@media only screen and (max-width: 860px){/*!@.alert-content*/.alert-content.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large) 0}}/*!@.calcite--rtl .alert-content*/.calcite--rtl.sc-calcite-alert .alert-content.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) 0 var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small)}/*!@.calcite--rtl .alert-content:first-of-type:not(:only-child)*/.calcite--rtl.sc-calcite-alert .alert-content.sc-calcite-alert:first-of-type:not(:only-child){padding-right:var(--calcite-alert-spacing-token-large)}@media only screen and (max-width: 860px){/*!@.calcite--rtl .alert-content*/.calcite--rtl.sc-calcite-alert .alert-content.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-large) 0 var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}}/*!@.alert-icon*/.alert-icon.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}@media only screen and (max-width: 860px){/*!@.alert-icon*/.alert-icon.sc-calcite-alert{padding:1rem}}@media only screen and (min-width: 860px){/*!@.alert-icon*/.alert-icon.sc-calcite-alert{border-bottom-left-radius:var(--calcite-border-radius)}}/*!@.alert-close*/.alert-close.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--calcite-ui-text-3);overflow:hidden;border-bottom-right-radius:var(--calcite-border-radius)}@media only screen and (max-width: 860px){/*!@.alert-close*/.alert-close.sc-calcite-alert{padding:1rem}}/*!@.alert-close:hover, .alert-close:focus*/.alert-close.sc-calcite-alert:hover,.alert-close.sc-calcite-alert:focus{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2)}/*!@.alert-close:active*/.alert-close.sc-calcite-alert:active{background-color:var(--calcite-ui-foreground-3)}@media only screen and (max-width: 860px){/*!@.alert-close*/.alert-close.sc-calcite-alert{border-radius:0}}/*!@.calcite--rtl .alert-close*/.calcite--rtl.sc-calcite-alert .alert-close.sc-calcite-alert{border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:unset}/*!@.alert-queue-count*/.alert-queue-count.sc-calcite-alert{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;visibility:hidden;font-weight:var(--calcite-font-weight-medium);text-align:center;color:var(--calcite-ui-text-2);background-color:var(--calcite-ui-foreground-1);opacity:0;cursor:default;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}/*!@.alert-queue-count.active*/.alert-queue-count.active.sc-calcite-alert{visibility:visible;opacity:1}@media only screen and (min-width: 860px){/*!@.alert-queue-count.active*/.alert-queue-count.active.sc-calcite-alert{border-bottom-right-radius:var(--calcite-border-radius)}}/*!@:host([auto-dismiss]) > .alert-queue-count*/[auto-dismiss].sc-calcite-alert-h>.alert-queue-count.sc-calcite-alert{border-right:0px solid transparent}/*!@:host([auto-dismiss]) .calcite--rtl > .alert-queue-count*/[auto-dismiss].sc-calcite-alert-h .calcite--rtl.sc-calcite-alert>.alert-queue-count.sc-calcite-alert{border-left:0px solid transparent}/*!@.alert-dismiss-progress*/.alert-dismiss-progress.sc-calcite-alert{display:block;position:absolute;left:0;right:0;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}/*!@.alert-dismiss-progress:after*/.alert-dismiss-progress.sc-calcite-alert:after{top:0;right:0;display:block;position:absolute;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104}/*!@.calcite--rtl .alert-dismiss-progress:after*/.calcite--rtl.sc-calcite-alert .alert-dismiss-progress.sc-calcite-alert:after{left:0;right:initial}/*!@:host([color=blue]) .container*/[color=blue].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-info)}/*!@:host([color=blue]) .container .alert-icon*/[color=blue].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-info)}/*!@:host([color=red]) .container*/[color=red].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-danger)}/*!@:host([color=red]) .container .alert-icon*/[color=red].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-danger)}/*!@:host([color=yellow]) .container*/[color=yellow].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-warning)}/*!@:host([color=yellow]) .container .alert-icon*/[color=yellow].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-warning)}/*!@:host([color=green]) .container*/[color=green].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-success)}/*!@:host([color=green]) .container .alert-icon*/[color=green].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-success)}/*!@:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after*/[auto-dismiss-duration=fast].sc-calcite-alert-h .alert-dismiss-progress.sc-calcite-alert:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}/*!@:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after*/[auto-dismiss-duration=medium].sc-calcite-alert-h .alert-dismiss-progress.sc-calcite-alert:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}/*!@:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after*/[auto-dismiss-duration=slow].sc-calcite-alert-h .alert-dismiss-progress.sc-calcite-alert:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}@keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}";
|
|
8272
|
+
const calciteAlertCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-alert:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-alert{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*/.calcite-animate__in.sc-calcite-alert{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-alert{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-alert{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-alert{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-alert:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-alert-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-alert-h{--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}/*!@:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=s] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=s] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=s] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=s] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) .alert-queue-count*/[scale=s].sc-calcite-alert-h .alert-queue-count.sc-calcite-alert{margin-left:0.5rem;margin-right:0.5rem}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:3.5rem}/*!@:host([scale=s]) .alert-close*/[scale=s].sc-calcite-alert-h .alert-close.sc-calcite-alert{padding:0.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-alert-h{--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}/*!@:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=m] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=m] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=m] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=m] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=m]) .alert-queue-count*/[scale=m].sc-calcite-alert-h .alert-queue-count.sc-calcite-alert{margin-left:0.75rem;margin-right:0.75rem}/*!@:host([scale=m]) .container*/[scale=m].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:4.1875rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-alert-h{--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}/*!@:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title])*/.sc-calcite-alert-h[scale=l] slot[name=title].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=title]{font-size:var(--calcite-font-size-1);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message])*/.sc-calcite-alert-h[scale=l] slot[name=message].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=message]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link])*/.sc-calcite-alert-h[scale=l] slot[name=link].sc-calcite-alert-s>*,.sc-calcite-alert-h[scale=l] *.sc-calcite-alert-s>[slot=link]{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([scale=l]) .alert-queue-count*/[scale=l].sc-calcite-alert-h .alert-queue-count.sc-calcite-alert{margin-left:1rem;margin-right:1rem}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-alert-h .container.sc-calcite-alert{--calcite-alert-min-height:5.625rem}/*!@:host*/.sc-calcite-alert-h{display:block}/*!@:host .container*/.sc-calcite-alert-h .container.sc-calcite-alert{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);display:-ms-flexbox;display:flex;position:fixed;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;background-color:var(--calcite-ui-foreground-1);opacity:0;left:0;right:0;bottom:0;border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:90%;max-height:0;z-index:101;-webkit-transform:translate3d(0, 1.5rem, 0);transform:translate3d(0, 1.5rem, 0);-webkit-transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out}/*!@.container*/.container.sc-calcite-alert{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}/*!@.alert-close*/.alert-close.sc-calcite-alert{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@.alert-close:focus*/.alert-close.sc-calcite-alert:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host([active]) .container:not(.queued)*/[active].sc-calcite-alert-h .container.sc-calcite-alert:not(.queued){opacity:1;max-height:100%;border-top-width:2px;-webkit-transform:translate3d(0, -1.5rem, 0);transform:translate3d(0, -1.5rem, 0);pointer-events:initial}/*!@slot[name=title]::slotted(*),\n*::slotted([slot=title])*/slot[name=title].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=title]{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0);line-height:1.375;color:var(--calcite-ui-text-1)}/*!@slot[name=message]::slotted(*),\n*::slotted([slot=message])*/slot[name=message].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=message]{display:inline;margin:0;margin-right:0.5rem;font-weight:var(--calcite-font-weight-normal);font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2)}/*!@slot[name=link]::slotted(*),\n*::slotted([slot=link])*/slot[name=link].sc-calcite-alert-s>*,*.sc-calcite-alert-s>[slot=link]{color:var(--calcite-ui-text-link);display:-ms-inline-flexbox;display:inline-flex}/*!@.calcite--rtl slot[name=message]::slotted(*),\n.calcite--rtl *::slotted([slot=message])*/.calcite--rtl slot[name=message].sc-calcite-alert-s>*,.calcite--rtl *.sc-calcite-alert-s>[slot=message]{margin-left:0.5rem;margin-right:unset}/*!@.alert-content*/.alert-content.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) 0;border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}/*!@.alert-content:first-of-type:not(:only-child)*/.alert-content.sc-calcite-alert:first-of-type:not(:only-child){padding-left:var(--calcite-alert-spacing-token-large)}/*!@.alert-content:only-child*/.alert-content.sc-calcite-alert:only-child{padding:var(--calcite-alert-spacing-token-small)}/*!@.calcite--rtl .alert-content*/.calcite--rtl.sc-calcite-alert .alert-content.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) 0 var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small)}/*!@.calcite--rtl .alert-content:first-of-type:not(:only-child)*/.calcite--rtl.sc-calcite-alert .alert-content.sc-calcite-alert:first-of-type:not(:only-child){padding-right:var(--calcite-alert-spacing-token-large)}/*!@.alert-icon*/.alert-icon.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}/*!@.alert-close*/.alert-close.sc-calcite-alert{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--calcite-ui-text-3);overflow:hidden;border-bottom-right-radius:var(--calcite-border-radius)}/*!@.alert-close:hover, .alert-close:focus*/.alert-close.sc-calcite-alert:hover,.alert-close.sc-calcite-alert:focus{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2)}/*!@.alert-close:active*/.alert-close.sc-calcite-alert:active{background-color:var(--calcite-ui-foreground-3)}/*!@.calcite--rtl .alert-close*/.calcite--rtl.sc-calcite-alert .alert-close.sc-calcite-alert{border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:unset}/*!@.alert-queue-count*/.alert-queue-count.sc-calcite-alert{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;visibility:hidden;font-weight:var(--calcite-font-weight-medium);text-align:center;color:var(--calcite-ui-text-2);background-color:var(--calcite-ui-foreground-1);opacity:0;cursor:default;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}/*!@.alert-queue-count.active*/.alert-queue-count.active.sc-calcite-alert{visibility:visible;opacity:1}/*!@:host([auto-dismiss]) > .alert-queue-count*/[auto-dismiss].sc-calcite-alert-h>.alert-queue-count.sc-calcite-alert{border-right:0px solid transparent}/*!@:host([auto-dismiss]) .calcite--rtl > .alert-queue-count*/[auto-dismiss].sc-calcite-alert-h .calcite--rtl.sc-calcite-alert>.alert-queue-count.sc-calcite-alert{border-left:0px solid transparent}/*!@.alert-dismiss-progress*/.alert-dismiss-progress.sc-calcite-alert{display:block;position:absolute;left:0;right:0;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}/*!@.alert-dismiss-progress:after*/.alert-dismiss-progress.sc-calcite-alert:after{top:0;right:0;display:block;position:absolute;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104}/*!@.calcite--rtl .alert-dismiss-progress:after*/.calcite--rtl.sc-calcite-alert .alert-dismiss-progress.sc-calcite-alert:after{left:0;right:initial}/*!@:host([color=blue]) .container*/[color=blue].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-info)}/*!@:host([color=blue]) .container .alert-icon*/[color=blue].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-info)}/*!@:host([color=red]) .container*/[color=red].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-danger)}/*!@:host([color=red]) .container .alert-icon*/[color=red].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-danger)}/*!@:host([color=yellow]) .container*/[color=yellow].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-warning)}/*!@:host([color=yellow]) .container .alert-icon*/[color=yellow].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-warning)}/*!@:host([color=green]) .container*/[color=green].sc-calcite-alert-h .container.sc-calcite-alert{border-top-color:var(--calcite-ui-success)}/*!@:host([color=green]) .container .alert-icon*/[color=green].sc-calcite-alert-h .container.sc-calcite-alert .alert-icon.sc-calcite-alert{color:var(--calcite-ui-success)}/*!@:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after*/[auto-dismiss-duration=fast].sc-calcite-alert-h .alert-dismiss-progress.sc-calcite-alert:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}/*!@:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after*/[auto-dismiss-duration=medium].sc-calcite-alert-h .alert-dismiss-progress.sc-calcite-alert:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}/*!@:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after*/[auto-dismiss-duration=slow].sc-calcite-alert-h .alert-dismiss-progress.sc-calcite-alert:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}@keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}";
|
|
8272
8273
|
|
|
8273
8274
|
/** Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
|
|
8274
8275
|
* at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
|
|
@@ -8766,7 +8767,7 @@ const CalciteHeading = (props, children) => {
|
|
|
8766
8767
|
return hAsync(HeadingTag, Object.assign({}, props), children);
|
|
8767
8768
|
};
|
|
8768
8769
|
|
|
8769
|
-
const calciteBlockCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-block:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-block{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*/.calcite-animate__in.sc-calcite-block{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-block{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-block{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-block{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-block-h{-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 **/.sc-calcite-block-h *.sc-calcite-block{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host*/.sc-calcite-block-h{--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*/.sc-calcite-block:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-block-h{display:none}/*!@:host*/.sc-calcite-block-h{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*/.header.sc-calcite-block{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*/.heading.sc-calcite-block{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-block .heading.sc-calcite-block{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-block{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-block{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-block{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-block,h5.heading.sc-calcite-block{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.header*/.header.sc-calcite-block{-ms-flex-pack:start;justify-content:flex-start;padding:0}/*!@.header,\n.toggle*/.header.sc-calcite-block,.toggle.sc-calcite-block{grid-area:header}/*!@.header-container*/.header-container.sc-calcite-block{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*/.header-container.sc-calcite-block>.header.sc-calcite-block{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}/*!@.toggle*/.toggle.sc-calcite-block{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*/.toggle.sc-calcite-block:hover{background-color:var(--calcite-ui-foreground-2)}/*!@.toggle:focus*/.toggle.sc-calcite-block:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@calcite-loader[inline]*/calcite-loader[inline].sc-calcite-block{grid-area:control;align-self:center}/*!@calcite-handle*/calcite-handle.sc-calcite-block{grid-area:handle}/*!@.title*/.title.sc-calcite-block{margin:0;padding-left:
|
|
8770
|
+
const calciteBlockCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-block:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-block{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*/.calcite-animate__in.sc-calcite-block{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-block{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-block{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-block{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-block-h{-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 **/.sc-calcite-block-h *.sc-calcite-block{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host*/.sc-calcite-block-h{--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*/.sc-calcite-block:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-block-h{display:none}/*!@:host*/.sc-calcite-block-h{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*/.header.sc-calcite-block{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*/.heading.sc-calcite-block{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-block .heading.sc-calcite-block{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-block{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-block{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-block{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-block,h5.heading.sc-calcite-block{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.header*/.header.sc-calcite-block{-ms-flex-pack:start;justify-content:flex-start;padding:0}/*!@.header,\n.toggle*/.header.sc-calcite-block,.toggle.sc-calcite-block{grid-area:header}/*!@.header-container*/.header-container.sc-calcite-block{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*/.header-container.sc-calcite-block>.header.sc-calcite-block{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0;padding-right:0}/*!@.toggle*/.toggle.sc-calcite-block{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*/.toggle.sc-calcite-block:hover{background-color:var(--calcite-ui-foreground-2)}/*!@.toggle:focus*/.toggle.sc-calcite-block:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@calcite-loader[inline]*/calcite-loader[inline].sc-calcite-block{grid-area:control;align-self:center}/*!@calcite-handle*/calcite-handle.sc-calcite-block{grid-area:handle}/*!@.title*/.title.sc-calcite-block{margin:0;padding-left:0.75rem;padding-right:0.75rem;padding-top:0;padding-bottom:0}/*!@.header .title .heading*/.header.sc-calcite-block .title.sc-calcite-block .heading.sc-calcite-block{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*/.summary.sc-calcite-block{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*/.icon.sc-calcite-block{margin-left:0.75rem}/*!@.status-icon.valid*/.status-icon.valid.sc-calcite-block{color:var(--calcite-ui-success)}/*!@.status-icon.invalid*/.status-icon.invalid.sc-calcite-block{color:var(--calcite-ui-danger)}/*!@.status-icon.loading*/.status-icon.loading.sc-calcite-block{-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*/.toggle-icon.sc-calcite-block{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*/.toggle.sc-calcite-block:hover .toggle-icon.sc-calcite-block{color:var(--calcite-ui-text-1)}/*!@.content*/.content.sc-calcite-block{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*/.control-container.sc-calcite-block{display:-ms-flexbox;display:flex;margin:0;grid-area:control}/*!@calcite-action-menu*/calcite-action-menu.sc-calcite-block{grid-area:menu}/*!@.calcite--rtl .toggle-icon*/.calcite--rtl.sc-calcite-block .toggle-icon.sc-calcite-block{margin-right:0;margin-left:1rem}/*!@.calcite--rtl .icon*/.calcite--rtl.sc-calcite-block .icon.sc-calcite-block{margin-left:0;margin-right:0.75rem}/*!@:host([open])*/[open].sc-calcite-block-h{margin-top:0.5rem;margin-bottom:0.5rem}/*!@:host([open]) .header .title .heading*/[open].sc-calcite-block-h .header.sc-calcite-block .title.sc-calcite-block .heading.sc-calcite-block{color:var(--calcite-ui-text-1)}/*!@:host([disabled])*/[disabled].sc-calcite-block-h{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*/[disabled].sc-calcite-block-h .header-container.sc-calcite-block{opacity:0.5}/*!@:host([drag-handle]) .calcite--rtl .title*/[drag-handle].sc-calcite-block-h .calcite--rtl.sc-calcite-block .title.sc-calcite-block{padding-left:0;padding-right:0.25rem}";
|
|
8770
8771
|
|
|
8771
8772
|
/**
|
|
8772
8773
|
* @slot - A slot for adding content to the block.
|
|
@@ -8908,7 +8909,7 @@ const ICONS$b = {
|
|
|
8908
8909
|
invalid: "exclamation-mark-triangle"
|
|
8909
8910
|
};
|
|
8910
8911
|
|
|
8911
|
-
const calciteBlockSectionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-block-section:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-block-section{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*/.calcite-animate__in.sc-calcite-block-section{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-block-section{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-block-section{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-block-section{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-block-section:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-block-section-h{display:none}/*!@:host*/.sc-calcite-block-section-h{-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])*/[open].sc-calcite-block-section-h{border-style:solid;border-width:0;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px}/*!@:host(:last-child)*/.sc-calcite-block-section-h:last-child{border-bottom-width:0}/*!@.toggle*/.toggle.sc-calcite-block-section{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,\n.section-header*/.toggle--switch.sc-calcite-block-section,.section-header.sc-calcite-block-section{-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,\n.section-header:focus*/.toggle--switch.sc-calcite-block-section:focus,.section-header.sc-calcite-block-section:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@.toggle--switch:hover,\n.section-header:hover*/.toggle--switch.sc-calcite-block-section:hover,.section-header.sc-calcite-block-section:hover{color:var(--calcite-ui-text-1)}/*!@.section-header .status-icon*/.section-header.sc-calcite-block-section .status-icon.sc-calcite-block-section{-ms-flex-item-align:end;align-self:flex-end}/*!@.section-header__text*/.section-header__text.sc-calcite-block-section{-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}/*!@.toggle--switch calcite-switch*/.toggle--switch.sc-calcite-block-section calcite-switch.sc-calcite-block-section{pointer-events:none;margin-left:0.25rem}/*!@.toggle--switch .status-icon*/.toggle--switch.sc-calcite-block-section .status-icon.sc-calcite-block-section{margin-left:0.5rem}/*!@.toggle--switch__content*/.toggle--switch__content.sc-calcite-block-section{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto}/*!@.status-icon.valid*/.status-icon.valid.sc-calcite-block-section{color:var(--calcite-ui-success)}/*!@.status-icon.invalid*/.status-icon.invalid.sc-calcite-block-section{color:var(--calcite-ui-danger)}/*!@.calcite--rtl .toggle--switch calcite-switch*/.calcite--rtl.sc-calcite-block-section .toggle--switch.sc-calcite-block-section calcite-switch.sc-calcite-block-section{margin-left:0;margin-right:0.25rem}/*!@.calcite--rtl .toggle--switch .status-icon*/.calcite--rtl.sc-calcite-block-section .toggle--switch.sc-calcite-block-section .status-icon.sc-calcite-block-section{margin-left:0;margin-right:0.5rem}";
|
|
8912
|
+
const calciteBlockSectionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-block-section:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-block-section{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*/.calcite-animate__in.sc-calcite-block-section{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-block-section{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-block-section{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-block-section{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-block-section:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-block-section-h{display:none}/*!@:host*/.sc-calcite-block-section-h{-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])*/[open].sc-calcite-block-section-h{border-style:solid;border-width:0;border-bottom-color:var(--calcite-ui-border-3);border-bottom-width:1px}/*!@:host(:last-child)*/.sc-calcite-block-section-h:last-child{border-bottom-width:0}/*!@.toggle*/.toggle.sc-calcite-block-section{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,\n.section-header*/.toggle--switch.sc-calcite-block-section,.section-header.sc-calcite-block-section{-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,\n.section-header:focus*/.toggle--switch.sc-calcite-block-section:focus,.section-header.sc-calcite-block-section:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@.toggle--switch:hover,\n.section-header:hover*/.toggle--switch.sc-calcite-block-section:hover,.section-header.sc-calcite-block-section:hover{color:var(--calcite-ui-text-1)}/*!@.section-header .status-icon*/.section-header.sc-calcite-block-section .status-icon.sc-calcite-block-section{-ms-flex-item-align:end;align-self:flex-end}/*!@.section-header__text*/.section-header__text.sc-calcite-block-section{-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*/.toggle--switch.sc-calcite-block-section calcite-switch.sc-calcite-block-section{pointer-events:none;margin-left:0.25rem}/*!@.toggle--switch .status-icon*/.toggle--switch.sc-calcite-block-section .status-icon.sc-calcite-block-section{margin-left:0.5rem}/*!@.toggle--switch__content*/.toggle--switch__content.sc-calcite-block-section{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto}/*!@.status-icon.valid*/.status-icon.valid.sc-calcite-block-section{color:var(--calcite-ui-success)}/*!@.status-icon.invalid*/.status-icon.invalid.sc-calcite-block-section{color:var(--calcite-ui-danger)}/*!@.calcite--rtl .toggle--switch calcite-switch*/.calcite--rtl.sc-calcite-block-section .toggle--switch.sc-calcite-block-section calcite-switch.sc-calcite-block-section{margin-left:0;margin-right:0.25rem}/*!@.calcite--rtl .toggle--switch .status-icon*/.calcite--rtl.sc-calcite-block-section .toggle--switch.sc-calcite-block-section .status-icon.sc-calcite-block-section{margin-left:0;margin-right:0.5rem}";
|
|
8912
8913
|
|
|
8913
8914
|
/**
|
|
8914
8915
|
* @slot - A slot for adding content to the block section.
|
|
@@ -8997,6 +8998,34 @@ class CalciteBlockSection {
|
|
|
8997
8998
|
}; }
|
|
8998
8999
|
}
|
|
8999
9000
|
|
|
9001
|
+
(function(prototype) {
|
|
9002
|
+
if (typeof prototype.requestSubmit == "function") return
|
|
9003
|
+
|
|
9004
|
+
prototype.requestSubmit = function(submitter) {
|
|
9005
|
+
if (submitter) {
|
|
9006
|
+
validateSubmitter(submitter, this);
|
|
9007
|
+
submitter.click();
|
|
9008
|
+
} else {
|
|
9009
|
+
submitter = document.createElement("input");
|
|
9010
|
+
submitter.type = "submit";
|
|
9011
|
+
submitter.hidden = true;
|
|
9012
|
+
this.appendChild(submitter);
|
|
9013
|
+
submitter.click();
|
|
9014
|
+
this.removeChild(submitter);
|
|
9015
|
+
}
|
|
9016
|
+
};
|
|
9017
|
+
|
|
9018
|
+
function validateSubmitter(submitter, form) {
|
|
9019
|
+
submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
|
|
9020
|
+
submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
|
|
9021
|
+
submitter.form == form || raise(DOMException, "The specified element is not owned by this form element", "NotFoundError");
|
|
9022
|
+
}
|
|
9023
|
+
|
|
9024
|
+
function raise(errorConstructor, message, name) {
|
|
9025
|
+
throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name)
|
|
9026
|
+
}
|
|
9027
|
+
})(HTMLFormElement.prototype);
|
|
9028
|
+
|
|
9000
9029
|
const CSS$I = {
|
|
9001
9030
|
buttonLoader: "calcite-button--loader",
|
|
9002
9031
|
content: "content",
|
|
@@ -9024,12 +9053,12 @@ const findLabelForComponent = (componentEl) => {
|
|
|
9024
9053
|
*/
|
|
9025
9054
|
function connectLabel(component) {
|
|
9026
9055
|
const labelEl = findLabelForComponent(component.el);
|
|
9027
|
-
if (!labelEl) {
|
|
9056
|
+
if (!labelEl || onLabelClickMap.has(labelEl)) {
|
|
9028
9057
|
return;
|
|
9029
9058
|
}
|
|
9030
9059
|
component.labelEl = labelEl;
|
|
9031
9060
|
const boundOnLabelClick = onLabelClick.bind(component);
|
|
9032
|
-
onLabelClickMap.set(component.
|
|
9061
|
+
onLabelClickMap.set(component.labelEl, boundOnLabelClick);
|
|
9033
9062
|
component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
|
|
9034
9063
|
}
|
|
9035
9064
|
/**
|
|
@@ -9039,9 +9068,9 @@ function disconnectLabel(component) {
|
|
|
9039
9068
|
if (!component.labelEl) {
|
|
9040
9069
|
return;
|
|
9041
9070
|
}
|
|
9042
|
-
const boundOnLabelClick = onLabelClickMap.get(component.
|
|
9071
|
+
const boundOnLabelClick = onLabelClickMap.get(component.labelEl);
|
|
9043
9072
|
component.labelEl.removeEventListener(labelClickEvent, boundOnLabelClick);
|
|
9044
|
-
onLabelClickMap.delete(component.
|
|
9073
|
+
onLabelClickMap.delete(component.labelEl);
|
|
9045
9074
|
}
|
|
9046
9075
|
/**
|
|
9047
9076
|
* Helper to get the label text from a component.
|
|
@@ -9101,46 +9130,23 @@ class CalciteButton {
|
|
|
9101
9130
|
this.hasContent = false;
|
|
9102
9131
|
/** determine if loader present for styling purposes */
|
|
9103
9132
|
this.hasLoader = false;
|
|
9104
|
-
//--------------------------------------------------------------------------
|
|
9105
|
-
//
|
|
9106
|
-
// Private Methods
|
|
9107
|
-
//
|
|
9108
|
-
//--------------------------------------------------------------------------
|
|
9109
|
-
this.onLabelClick = (event) => {
|
|
9110
|
-
this.handleClick(event);
|
|
9111
|
-
this.setFocus();
|
|
9112
|
-
};
|
|
9113
9133
|
// act on a requested or nearby form based on type
|
|
9114
|
-
this.handleClick = (
|
|
9115
|
-
const { childElType,
|
|
9134
|
+
this.handleClick = () => {
|
|
9135
|
+
const { childElType, formEl, type } = this;
|
|
9116
9136
|
// this.type refers to type attribute, not child element type
|
|
9117
9137
|
if (childElType === "button" && type !== "button") {
|
|
9118
|
-
|
|
9119
|
-
?
|
|
9120
|
-
|
|
9121
|
-
if (
|
|
9122
|
-
|
|
9123
|
-
switch (type) {
|
|
9124
|
-
case "submit":
|
|
9125
|
-
if (targetFormSubmitFunction) {
|
|
9126
|
-
targetFormSubmitFunction();
|
|
9127
|
-
}
|
|
9128
|
-
else if (targetForm.checkValidity()) {
|
|
9129
|
-
targetForm.submit();
|
|
9130
|
-
}
|
|
9131
|
-
else {
|
|
9132
|
-
targetForm.reportValidity();
|
|
9133
|
-
}
|
|
9134
|
-
break;
|
|
9135
|
-
case "reset":
|
|
9136
|
-
targetForm.reset();
|
|
9137
|
-
break;
|
|
9138
|
-
}
|
|
9138
|
+
if (type === "submit") {
|
|
9139
|
+
formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();
|
|
9140
|
+
}
|
|
9141
|
+
else if (type === "reset") {
|
|
9142
|
+
formEl === null || formEl === void 0 ? void 0 : formEl.reset();
|
|
9139
9143
|
}
|
|
9140
|
-
e.preventDefault();
|
|
9141
9144
|
}
|
|
9142
9145
|
};
|
|
9143
9146
|
}
|
|
9147
|
+
hrefHandler(href) {
|
|
9148
|
+
this.childElType = href ? "a" : "button";
|
|
9149
|
+
}
|
|
9144
9150
|
loadingChanged(newValue, oldValue) {
|
|
9145
9151
|
if (!!newValue && !oldValue) {
|
|
9146
9152
|
this.hasLoader = true;
|
|
@@ -9161,11 +9167,13 @@ class CalciteButton {
|
|
|
9161
9167
|
this.hasLoader = this.loading;
|
|
9162
9168
|
this.setupTextContentObserver();
|
|
9163
9169
|
connectLabel(this);
|
|
9170
|
+
this.formEl = closestElementCrossShadowBoundary(this.el, this.form ? `#${this.form}` : "form");
|
|
9164
9171
|
}
|
|
9165
9172
|
disconnectedCallback() {
|
|
9166
9173
|
var _a;
|
|
9167
9174
|
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
9168
9175
|
disconnectLabel(this);
|
|
9176
|
+
this.formEl = null;
|
|
9169
9177
|
}
|
|
9170
9178
|
componentWillLoad() {
|
|
9171
9179
|
}
|
|
@@ -9199,8 +9207,18 @@ class CalciteButton {
|
|
|
9199
9207
|
var _a;
|
|
9200
9208
|
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
|
|
9201
9209
|
}
|
|
9210
|
+
//--------------------------------------------------------------------------
|
|
9211
|
+
//
|
|
9212
|
+
// Private Methods
|
|
9213
|
+
//
|
|
9214
|
+
//--------------------------------------------------------------------------
|
|
9215
|
+
onLabelClick() {
|
|
9216
|
+
this.handleClick();
|
|
9217
|
+
this.setFocus();
|
|
9218
|
+
}
|
|
9202
9219
|
get el() { return getElement(this); }
|
|
9203
9220
|
static get watchers() { return {
|
|
9221
|
+
"href": ["hrefHandler"],
|
|
9204
9222
|
"loading": ["loadingChanged"]
|
|
9205
9223
|
}; }
|
|
9206
9224
|
static get style() { return calciteButtonCss; }
|
|
@@ -9228,6 +9246,7 @@ class CalciteButton {
|
|
|
9228
9246
|
"target": [1],
|
|
9229
9247
|
"type": [1025],
|
|
9230
9248
|
"width": [513],
|
|
9249
|
+
"childElType": [32],
|
|
9231
9250
|
"hasContent": [32],
|
|
9232
9251
|
"hasLoader": [32],
|
|
9233
9252
|
"setFocus": [64]
|
|
@@ -9342,7 +9361,7 @@ class CalciteCard {
|
|
|
9342
9361
|
}
|
|
9343
9362
|
renderCheckbox() {
|
|
9344
9363
|
const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;
|
|
9345
|
-
return (hAsync("label", {
|
|
9364
|
+
return (hAsync("calcite-label", { class: CSS$H.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, hAsync("calcite-checkbox", { checked: this.selected, label: checkboxLabel })));
|
|
9346
9365
|
}
|
|
9347
9366
|
renderHeader() {
|
|
9348
9367
|
const title = this.el.querySelector(`[slot=${SLOTS$j.title}]`);
|
|
@@ -9390,7 +9409,7 @@ const hiddenInputStyle = `
|
|
|
9390
9409
|
z-index: -1 !important;
|
|
9391
9410
|
`;
|
|
9392
9411
|
|
|
9393
|
-
const calciteCheckboxCss = "@-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*/.sc-calcite-checkbox:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-checkbox{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*/.calcite-animate__in.sc-calcite-checkbox{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-checkbox{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-checkbox{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-checkbox{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-checkbox:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-checkbox-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-checkbox-h{--calcite-checkbox-size:0.75rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-checkbox-h{--calcite-checkbox-size:var(--calcite-font-size--1)}/*!@:host([scale=l])*/[scale=l].sc-calcite-checkbox-h{--calcite-checkbox-size:1rem}/*!@:host*/.sc-calcite-checkbox-h{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}/*!@:host .check-svg*/.sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{overflow:hidden;display:block;background-color:var(--calcite-ui-foreground-1);pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;-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);width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-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);
|
|
9412
|
+
const calciteCheckboxCss = "@-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*/.sc-calcite-checkbox:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-checkbox{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*/.calcite-animate__in.sc-calcite-checkbox{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-checkbox{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-checkbox{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-checkbox{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-checkbox:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-checkbox-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-checkbox-h{--calcite-checkbox-size:0.75rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-checkbox-h{--calcite-checkbox-size:var(--calcite-font-size--1)}/*!@:host([scale=l])*/[scale=l].sc-calcite-checkbox-h{--calcite-checkbox-size:1rem}/*!@:host*/.sc-calcite-checkbox-h{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}/*!@:host .check-svg*/.sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{overflow:hidden;display:block;background-color:var(--calcite-ui-foreground-1);pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;-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);stroke:currentColor;stroke-width:1;fill:currentColor;width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-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);color:var(--calcite-ui-background)}/*!@:host ::slotted(input)*/.sc-calcite-checkbox-h .sc-calcite-checkbox-s>input{width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size)}/*!@:host(:hover) .check-svg,\n:host([hovered]) .check-svg*/.sc-calcite-checkbox-h:hover .check-svg.sc-calcite-checkbox,[hovered].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host([checked]) .check-svg,\n:host([indeterminate]) .check-svg*/[checked].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox,[indeterminate].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}/*!@:host .focused .check-svg*/.sc-calcite-checkbox-h .focused.sc-calcite-checkbox .check-svg.sc-calcite-checkbox{-webkit-box-shadow:inset 0 0 0 1px 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 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out}/*!@:host([disabled])*/[disabled].sc-calcite-checkbox-h{cursor:default;opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}";
|
|
9394
9413
|
|
|
9395
9414
|
class CalciteCheckbox {
|
|
9396
9415
|
constructor(hostRef) {
|
|
@@ -9456,9 +9475,6 @@ class CalciteCheckbox {
|
|
|
9456
9475
|
this.formResetHandler = () => {
|
|
9457
9476
|
this.checked = this.initialChecked;
|
|
9458
9477
|
};
|
|
9459
|
-
this.onLabelClick = () => {
|
|
9460
|
-
this.toggle();
|
|
9461
|
-
};
|
|
9462
9478
|
}
|
|
9463
9479
|
checkedWatcher(newChecked) {
|
|
9464
9480
|
this.input.checked = newChecked;
|
|
@@ -9497,6 +9513,9 @@ class CalciteCheckbox {
|
|
|
9497
9513
|
this.focused = true;
|
|
9498
9514
|
this.calciteInternalCheckboxFocus.emit(true);
|
|
9499
9515
|
}
|
|
9516
|
+
onLabelClick() {
|
|
9517
|
+
this.toggle();
|
|
9518
|
+
}
|
|
9500
9519
|
//--------------------------------------------------------------------------
|
|
9501
9520
|
//
|
|
9502
9521
|
// Lifecycle
|
|
@@ -9545,7 +9564,7 @@ class CalciteCheckbox {
|
|
|
9545
9564
|
this.el.appendChild(this.input);
|
|
9546
9565
|
}
|
|
9547
9566
|
render() {
|
|
9548
|
-
return (hAsync(Host, { onClick: this.clickHandler }, hAsync("div", { class: { focused: this.focused
|
|
9567
|
+
return (hAsync(Host, { onClick: this.clickHandler }, hAsync("div", { class: { focused: this.focused } }, hAsync("svg", { class: "check-svg", viewBox: "0 0 16 16" }, hAsync("path", { d: this.getPath() })), hAsync("slot", null))));
|
|
9549
9568
|
}
|
|
9550
9569
|
get el() { return getElement(this); }
|
|
9551
9570
|
static get watchers() { return {
|
|
@@ -14770,9 +14789,9 @@ function createPopper({ referenceEl, el, placement, overlayPositioning = "absolu
|
|
|
14770
14789
|
modifiers
|
|
14771
14790
|
});
|
|
14772
14791
|
}
|
|
14773
|
-
function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
|
|
14792
|
+
async function updatePopper({ el, modifiers, placement: PopperPlacement, popper }) {
|
|
14774
14793
|
const placement = getPlacement(el, PopperPlacement);
|
|
14775
|
-
popper.setOptions({
|
|
14794
|
+
await popper.setOptions({
|
|
14776
14795
|
modifiers,
|
|
14777
14796
|
placement
|
|
14778
14797
|
});
|
|
@@ -14811,7 +14830,7 @@ function getDepth(element) {
|
|
|
14811
14830
|
}
|
|
14812
14831
|
}
|
|
14813
14832
|
|
|
14814
|
-
const calciteComboboxCss = "@-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*/.sc-calcite-combobox:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-combobox{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*/.calcite-animate__in.sc-calcite-combobox{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-combobox{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-combobox{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-combobox{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-combobox:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-combobox-h{display:none}/*!@:host*/.sc-calcite-combobox-h{display:block;position:relative}/*!@:host([disabled])*/[disabled].sc-calcite-combobox-h{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}/*!@:host([scale=s])*/[scale=s].sc-calcite-combobox-h{font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-combobox-h{font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-combobox-h{font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}/*!@.wrapper*/.wrapper.sc-calcite-combobox{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);padding:0 var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l)}/*!@:host(:focus-within) .wrapper,\n.wrapper--active*/.sc-calcite-combobox-h:focus-within .wrapper.sc-calcite-combobox,.wrapper--active.sc-calcite-combobox{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.wrapper--single*/.wrapper--single.sc-calcite-combobox{padding:0 var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap}/*!@.grid-input*/.grid-input.sc-calcite-combobox{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0}/*!@.input*/.input.sc-calcite-combobox{-ms-flex-positive:1;flex-grow:1;font-family:inherit;padding:0;background-color:transparent;border-style:none;color:var(--calcite-ui-text-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-width:120px;margin-bottom:var(--calcite-combobox-item-spacing-unit-s)}/*!@.input:focus*/.input.sc-calcite-combobox:focus{outline:2px solid transparent;outline-offset:2px}/*!@.input--transparent*/.input--transparent.sc-calcite-combobox{opacity:0}/*!@.input--single*/.input--single.sc-calcite-combobox{margin-bottom:0;margin-top:0;padding:0}/*!@.wrapper--active .input-single*/.wrapper--active.sc-calcite-combobox .input-single.sc-calcite-combobox{cursor:text}/*!@.input--hidden*/.input--hidden.sc-calcite-combobox{width:0;min-width:0;opacity:0;pointer-events:none}/*!@.input--icon*/.input--icon.sc-calcite-combobox{padding:0 var(--calcite-combobox-item-spacing-unit-l)}/*!@.input-wrap*/.input-wrap.sc-calcite-combobox{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}/*!@.input-wrap--single*/.input-wrap--single.sc-calcite-combobox{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}/*!@.label*/.label.sc-calcite-combobox{padding:0;display:-ms-flexbox;display:flex;font-weight:var(--calcite-font-weight-normal);-ms-flex:1 1 auto;flex:1 1 auto;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}/*!@.label--spaced*/.label--spaced.sc-calcite-combobox{padding-top:0;padding-bottom:0;padding-left:var(--calcite-combobox-item-spacing-unit-l);padding-right:var(--calcite-combobox-item-spacing-unit-l)}/*!@.icon-end,\n.icon-start*/.icon-end.sc-calcite-combobox,.icon-start.sc-calcite-combobox{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:1rem}/*!@.icon-end*/.icon-end.sc-calcite-combobox{-ms-flex:none;flex:none}/*!@.popper-container*/.popper-container.sc-calcite-combobox{width:100%;display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}/*!@.popper-container .calcite-popper-anim*/.popper-container.sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}/*!@.popper-container[data-popper-placement^=bottom] .calcite-popper-anim*/.popper-container[data-popper-placement^=bottom].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateY(-5px);transform:translateY(-5px)}/*!@.popper-container[data-popper-placement^=top] .calcite-popper-anim*/.popper-container[data-popper-placement^=top].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateY(5px);transform:translateY(5px)}/*!@.popper-container[data-popper-placement^=left] .calcite-popper-anim*/.popper-container[data-popper-placement^=left].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateX(5px);transform:translateX(5px)}/*!@.popper-container[data-popper-placement^=right] .calcite-popper-anim*/.popper-container[data-popper-placement^=right].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateX(-5px);transform:translateX(-5px)}/*!@.popper-container[data-popper-placement] .calcite-popper-anim--active*/.popper-container[data-popper-placement].sc-calcite-combobox .calcite-popper-anim--active.sc-calcite-combobox{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}/*!@.popper-container--active*/.popper-container--active.sc-calcite-combobox{pointer-events:initial;visibility:visible}/*!@.screen-readers-only*/.screen-readers-only.sc-calcite-combobox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*!@.list-container*/.list-container.sc-calcite-combobox{overflow-y:auto;max-height:100vh;background-color:var(--calcite-ui-foreground-1);width:var(--calcite-dropdown-width)}/*!@.list*/.list.sc-calcite-combobox{display:block;margin:0;padding:0}/*!@.list--hide*/.list--hide.sc-calcite-combobox{height:0;overflow:hidden}/*!@.chip*/.chip.sc-calcite-combobox{margin:calc(var(--calcite-combobox-item-spacing-unit-s) / 2) var(--calcite-combobox-item-spacing-unit-s) calc(var(--calcite-combobox-item-spacing-unit-s) / 2) 0;max-width:100%}/*!@.chip--active*/.chip--active.sc-calcite-combobox{background-color:var(--calcite-ui-foreground-3)}/*!@.chip:last-child*/.chip.sc-calcite-combobox:last-child{margin-right:0}/*!@.chip--rtl*/.chip--rtl.sc-calcite-combobox{margin-right:unset;margin-left:var(--calcite-combobox-item-spacing-unit-l)}/*!@.chip--rtl:last-child*/.chip--rtl.sc-calcite-combobox:last-child{margin-left:0}/*!@.item*/.item.sc-calcite-combobox{display:block}";
|
|
14833
|
+
const calciteComboboxCss = "@-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*/.sc-calcite-combobox:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-combobox{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*/.calcite-animate__in.sc-calcite-combobox{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-combobox{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-combobox{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-combobox{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-combobox:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-combobox-h{display:none}/*!@:host*/.sc-calcite-combobox-h{display:block;position:relative}/*!@:host([disabled])*/[disabled].sc-calcite-combobox-h{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}/*!@:host([scale=s])*/[scale=s].sc-calcite-combobox-h{font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-combobox-h{font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-combobox-h{font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}/*!@.wrapper*/.wrapper.sc-calcite-combobox{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);padding:0 var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l)}/*!@:host(:focus-within) .wrapper,\n.wrapper--active*/.sc-calcite-combobox-h:focus-within .wrapper.sc-calcite-combobox,.wrapper--active.sc-calcite-combobox{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.wrapper--single*/.wrapper--single.sc-calcite-combobox{padding:0 var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap}/*!@.grid-input*/.grid-input.sc-calcite-combobox{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@.input*/.input.sc-calcite-combobox{-ms-flex-positive:1;flex-grow:1;font-family:inherit;padding:0;background-color:transparent;border-style:none;color:var(--calcite-ui-text-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-width:120px;margin-bottom:var(--calcite-combobox-item-spacing-unit-s)}/*!@.input:focus*/.input.sc-calcite-combobox:focus{outline:2px solid transparent;outline-offset:2px}/*!@.input--transparent*/.input--transparent.sc-calcite-combobox{opacity:0}/*!@.input--single*/.input--single.sc-calcite-combobox{margin-bottom:0;margin-top:0;padding:0}/*!@.wrapper--active .input-single*/.wrapper--active.sc-calcite-combobox .input-single.sc-calcite-combobox{cursor:text}/*!@.input--hidden*/.input--hidden.sc-calcite-combobox{width:0;min-width:0;opacity:0;pointer-events:none}/*!@.input--icon*/.input--icon.sc-calcite-combobox{padding:0 var(--calcite-combobox-item-spacing-unit-l)}/*!@.input-wrap*/.input-wrap.sc-calcite-combobox{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}/*!@.input-wrap--single*/.input-wrap--single.sc-calcite-combobox{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}/*!@.label*/.label.sc-calcite-combobox{padding:0;display:-ms-flexbox;display:flex;font-weight:var(--calcite-font-weight-normal);-ms-flex:1 1 auto;flex:1 1 auto;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}/*!@.label--spaced*/.label--spaced.sc-calcite-combobox{padding-top:0;padding-bottom:0;padding-left:var(--calcite-combobox-item-spacing-unit-l);padding-right:var(--calcite-combobox-item-spacing-unit-l)}/*!@.icon-end,\n.icon-start*/.icon-end.sc-calcite-combobox,.icon-start.sc-calcite-combobox{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:1rem}/*!@.icon-end*/.icon-end.sc-calcite-combobox{-ms-flex:none;flex:none}/*!@.popper-container*/.popper-container.sc-calcite-combobox{width:100%;display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}/*!@.popper-container .calcite-popper-anim*/.popper-container.sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}/*!@.popper-container[data-popper-placement^=bottom] .calcite-popper-anim*/.popper-container[data-popper-placement^=bottom].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateY(-5px);transform:translateY(-5px)}/*!@.popper-container[data-popper-placement^=top] .calcite-popper-anim*/.popper-container[data-popper-placement^=top].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateY(5px);transform:translateY(5px)}/*!@.popper-container[data-popper-placement^=left] .calcite-popper-anim*/.popper-container[data-popper-placement^=left].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateX(5px);transform:translateX(5px)}/*!@.popper-container[data-popper-placement^=right] .calcite-popper-anim*/.popper-container[data-popper-placement^=right].sc-calcite-combobox .calcite-popper-anim.sc-calcite-combobox{-webkit-transform:translateX(-5px);transform:translateX(-5px)}/*!@.popper-container[data-popper-placement] .calcite-popper-anim--active*/.popper-container[data-popper-placement].sc-calcite-combobox .calcite-popper-anim--active.sc-calcite-combobox{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}/*!@.popper-container--active*/.popper-container--active.sc-calcite-combobox{pointer-events:initial;visibility:visible}/*!@.screen-readers-only*/.screen-readers-only.sc-calcite-combobox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*!@.list-container*/.list-container.sc-calcite-combobox{overflow-y:auto;max-height:100vh;background-color:var(--calcite-ui-foreground-1);width:var(--calcite-dropdown-width)}/*!@.list*/.list.sc-calcite-combobox{display:block;margin:0;padding:0}/*!@.list--hide*/.list--hide.sc-calcite-combobox{height:0;overflow:hidden}/*!@.chip*/.chip.sc-calcite-combobox{margin:calc(var(--calcite-combobox-item-spacing-unit-s) / 2) var(--calcite-combobox-item-spacing-unit-s) calc(var(--calcite-combobox-item-spacing-unit-s) / 2) 0;max-width:100%}/*!@.chip--active*/.chip--active.sc-calcite-combobox{background-color:var(--calcite-ui-foreground-3)}/*!@.chip:last-child*/.chip.sc-calcite-combobox:last-child{margin-right:0}/*!@.chip--rtl*/.chip--rtl.sc-calcite-combobox{margin-right:unset;margin-left:var(--calcite-combobox-item-spacing-unit-l)}/*!@.chip--rtl:last-child*/.chip--rtl.sc-calcite-combobox:last-child{margin-left:0}/*!@.item*/.item.sc-calcite-combobox{display:block}";
|
|
14815
14834
|
|
|
14816
14835
|
const isGroup = (el) => el.tagName === ComboboxItemGroup;
|
|
14817
14836
|
/**
|
|
@@ -14865,14 +14884,6 @@ class CalciteCombobox {
|
|
|
14865
14884
|
this.inputHeight = 0;
|
|
14866
14885
|
this.ignoreSelectedEventsFlag = false;
|
|
14867
14886
|
this.activeTransitionProp = "opacity";
|
|
14868
|
-
// --------------------------------------------------------------------------
|
|
14869
|
-
//
|
|
14870
|
-
// Private Methods
|
|
14871
|
-
//
|
|
14872
|
-
// --------------------------------------------------------------------------
|
|
14873
|
-
this.onLabelClick = () => {
|
|
14874
|
-
this.setFocus();
|
|
14875
|
-
};
|
|
14876
14887
|
this.keydownHandler = (event) => {
|
|
14877
14888
|
const key = getKey(event.key, getElementDir(this.el));
|
|
14878
14889
|
switch (key) {
|
|
@@ -15108,7 +15119,7 @@ class CalciteCombobox {
|
|
|
15108
15119
|
const { popper, menuEl } = this;
|
|
15109
15120
|
const modifiers = this.getModifiers();
|
|
15110
15121
|
popper
|
|
15111
|
-
? updatePopper({
|
|
15122
|
+
? await updatePopper({
|
|
15112
15123
|
el: menuEl,
|
|
15113
15124
|
modifiers,
|
|
15114
15125
|
placement: ComboboxDefaultPlacement,
|
|
@@ -15154,6 +15165,14 @@ class CalciteCombobox {
|
|
|
15154
15165
|
textHandler() {
|
|
15155
15166
|
this.updateActiveItemIndex(-1);
|
|
15156
15167
|
}
|
|
15168
|
+
// --------------------------------------------------------------------------
|
|
15169
|
+
//
|
|
15170
|
+
// Private Methods
|
|
15171
|
+
//
|
|
15172
|
+
// --------------------------------------------------------------------------
|
|
15173
|
+
onLabelClick() {
|
|
15174
|
+
this.setFocus();
|
|
15175
|
+
}
|
|
15157
15176
|
getModifiers() {
|
|
15158
15177
|
const flipModifier = {
|
|
15159
15178
|
name: "flip",
|
|
@@ -16933,14 +16952,29 @@ class CalciteDropdown {
|
|
|
16933
16952
|
//
|
|
16934
16953
|
//--------------------------------------------------------------------------
|
|
16935
16954
|
this.items = [];
|
|
16936
|
-
/** specifies the item wrapper height; it is updated when maxItems is > 0 **/
|
|
16937
|
-
this.maxScrollerHeight = 0;
|
|
16938
16955
|
this.activeTransitionProp = "opacity";
|
|
16956
|
+
this.mutationObserver = createObserver();
|
|
16939
16957
|
//--------------------------------------------------------------------------
|
|
16940
16958
|
//
|
|
16941
16959
|
// Private Methods
|
|
16942
16960
|
//
|
|
16943
16961
|
//--------------------------------------------------------------------------
|
|
16962
|
+
this.updateItems = () => {
|
|
16963
|
+
this.updateSelectedItems();
|
|
16964
|
+
this.triggers = Array.from(this.el.querySelectorAll("[slot=dropdown-trigger]"));
|
|
16965
|
+
this.items = Array.from(this.el.querySelectorAll("calcite-dropdown-item"));
|
|
16966
|
+
this.reposition();
|
|
16967
|
+
};
|
|
16968
|
+
this.setMaxScrollerHeight = () => {
|
|
16969
|
+
const { scrollerEl } = this;
|
|
16970
|
+
if (scrollerEl) {
|
|
16971
|
+
const maxScrollerHeight = this.getMaxScrollerHeight();
|
|
16972
|
+
scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : "";
|
|
16973
|
+
}
|
|
16974
|
+
};
|
|
16975
|
+
this.setScrollerEl = (scrollerEl) => {
|
|
16976
|
+
this.scrollerEl = scrollerEl;
|
|
16977
|
+
};
|
|
16944
16978
|
this.transitionEnd = (event) => {
|
|
16945
16979
|
if (event.propertyName === this.activeTransitionProp) {
|
|
16946
16980
|
this.active ? this.calciteDropdownOpen.emit() : this.calciteDropdownClose.emit();
|
|
@@ -16990,6 +17024,9 @@ class CalciteDropdown {
|
|
|
16990
17024
|
activeHandler() {
|
|
16991
17025
|
this.reposition();
|
|
16992
17026
|
}
|
|
17027
|
+
maxItemsHandler() {
|
|
17028
|
+
this.reposition();
|
|
17029
|
+
}
|
|
16993
17030
|
placementHandler() {
|
|
16994
17031
|
this.reposition();
|
|
16995
17032
|
}
|
|
@@ -16999,32 +17036,27 @@ class CalciteDropdown {
|
|
|
16999
17036
|
//
|
|
17000
17037
|
//--------------------------------------------------------------------------
|
|
17001
17038
|
connectedCallback() {
|
|
17039
|
+
var _a;
|
|
17040
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
|
|
17002
17041
|
this.createPopper();
|
|
17003
|
-
|
|
17004
|
-
componentWillLoad() {
|
|
17005
|
-
// get initially selected items
|
|
17006
|
-
this.updateSelectedItems();
|
|
17042
|
+
this.updateItems();
|
|
17007
17043
|
}
|
|
17008
17044
|
componentDidLoad() {
|
|
17009
|
-
this.triggers = Array.from(this.el.querySelectorAll("[slot=dropdown-trigger]"));
|
|
17010
|
-
const groups = Array.from(this.el.querySelectorAll("calcite-dropdown-group"));
|
|
17011
|
-
this.maxScrollerHeight = this.getMaxScrollerHeight(groups);
|
|
17012
|
-
this.items = Array.from(this.el.querySelectorAll("calcite-dropdown-item"));
|
|
17013
17045
|
this.reposition();
|
|
17014
17046
|
}
|
|
17015
17047
|
disconnectedCallback() {
|
|
17048
|
+
var _a;
|
|
17049
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
17016
17050
|
this.destroyPopper();
|
|
17017
17051
|
}
|
|
17018
17052
|
render() {
|
|
17019
|
-
const { active
|
|
17053
|
+
const { active } = this;
|
|
17020
17054
|
const dir = getElementDir(this.el);
|
|
17021
17055
|
return (hAsync(Host, { tabIndex: this.disabled ? -1 : null }, hAsync("div", { class: { ["calcite-dropdown-trigger-container"]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-expanded": active.toString(), "aria-haspopup": "true", name: SLOTS$h.dropdownTrigger })), hAsync("div", { "aria-hidden": (!active).toString(), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, hAsync("div", { class: {
|
|
17022
17056
|
["calcite-dropdown-content"]: true,
|
|
17023
17057
|
[CSS$C.animation]: true,
|
|
17024
17058
|
[CSS$C.animationActive]: active
|
|
17025
|
-
}, onTransitionEnd: this.transitionEnd,
|
|
17026
|
-
maxHeight: !active || maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : ""
|
|
17027
|
-
} }, hAsync("slot", null)))));
|
|
17059
|
+
}, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, hAsync("slot", null)))));
|
|
17028
17060
|
}
|
|
17029
17061
|
//--------------------------------------------------------------------------
|
|
17030
17062
|
//
|
|
@@ -17034,9 +17066,10 @@ class CalciteDropdown {
|
|
|
17034
17066
|
/** Updates the position of the component. */
|
|
17035
17067
|
async reposition() {
|
|
17036
17068
|
const { popper, menuEl, placement } = this;
|
|
17069
|
+
this.setMaxScrollerHeight();
|
|
17037
17070
|
const modifiers = this.getModifiers();
|
|
17038
17071
|
popper
|
|
17039
|
-
? updatePopper({
|
|
17072
|
+
? await updatePopper({
|
|
17040
17073
|
el: menuEl,
|
|
17041
17074
|
modifiers,
|
|
17042
17075
|
placement,
|
|
@@ -17148,7 +17181,8 @@ class CalciteDropdown {
|
|
|
17148
17181
|
const items = Array.from(this.el.querySelectorAll("calcite-dropdown-item"));
|
|
17149
17182
|
this.selectedItems = items.filter((item) => item.active);
|
|
17150
17183
|
}
|
|
17151
|
-
getMaxScrollerHeight(
|
|
17184
|
+
getMaxScrollerHeight() {
|
|
17185
|
+
const groups = Array.from(this.el.querySelectorAll("calcite-dropdown-group"));
|
|
17152
17186
|
const { maxItems } = this;
|
|
17153
17187
|
let itemsToProcess = 0;
|
|
17154
17188
|
let maxScrollerHeight = 0;
|
|
@@ -17208,6 +17242,7 @@ class CalciteDropdown {
|
|
|
17208
17242
|
get el() { return getElement(this); }
|
|
17209
17243
|
static get watchers() { return {
|
|
17210
17244
|
"active": ["activeHandler"],
|
|
17245
|
+
"maxItems": ["maxItemsHandler"],
|
|
17211
17246
|
"placement": ["placementHandler"]
|
|
17212
17247
|
}; }
|
|
17213
17248
|
static get style() { return calciteDropdownCss; }
|
|
@@ -17319,7 +17354,7 @@ const CSS$y = {
|
|
|
17319
17354
|
containerNone: "container--none-selection"
|
|
17320
17355
|
};
|
|
17321
17356
|
|
|
17322
|
-
const calciteDropdownItemCss = "@-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*/.sc-calcite-dropdown-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-dropdown-item{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*/.calcite-animate__in.sc-calcite-dropdown-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-item-h{display:none}/*!@.container--s*/.container--s.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@.container--m*/.container--m.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--l*/.container--l.sc-calcite-dropdown-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@.container--s.calcite--rtl*/.container--s.calcite--rtl.sc-calcite-dropdown-item{padding-right:1.5rem;padding-left:0.5rem}/*!@.container--m.calcite--rtl*/.container--m.calcite--rtl.sc-calcite-dropdown-item{padding-right:2rem;padding-left:0.75rem}/*!@.container--l.calcite--rtl*/.container--l.calcite--rtl.sc-calcite-dropdown-item{padding-right:2.5rem;padding-left:1rem}/*!@:host*/.sc-calcite-dropdown-item-h{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}/*!@.container*/.container.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.dropdown-item-content*/.dropdown-item-content.sc-calcite-dropdown-item{margin-right:auto;margin-left:0.25rem}/*!@.calcite--rtl .dropdown-item-content*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-content.sc-calcite-dropdown-item{margin-left:auto;margin-right:0}/*!@:host,\n.container--link a*/.sc-calcite-dropdown-item-h,.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{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),\n.container--link a:focus*/.sc-calcite-dropdown-item-h:focus,.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.container--link*/.container--link.sc-calcite-dropdown-item{padding:0}/*!@.container--link a*/.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.container--s .dropdown-link*/.container--s.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--m .dropdown-link*/.container--m.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@.container--l .dropdown-link*/.container--l.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem}/*!@:host(:hover) .container,\n:host(:active) .container*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:focus) .container*/.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:active) .container*/.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-3)}/*!@:host(:hover) .container:before,\n:host(:active) .container:before,\n:host(:focus) .container:before*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item:before{opacity:1}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset;right:1rem}/*!@:host([active]) .container:not(.container--none-selection)*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection){color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}/*!@:host([active]) .container:not(.container--none-selection):before*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection):before{opacity:1;color:var(--calcite-ui-brand)}/*!@:host([active]) .container:not(.container--none-selection) calcite-icon*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection) calcite-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand)}/*!@.container--s.container--none-selection*/.container--s.container--none-selection.sc-calcite-dropdown-item{padding-left:0.25rem}/*!@.container--m.container--none-selection*/.container--m.container--none-selection.sc-calcite-dropdown-item{padding-left:0.5rem}/*!@.container--l.container--none-selection*/.container--l.container--none-selection.sc-calcite-dropdown-item{padding-left:0.75rem}/*!@.container--multi-selection:before,\n.container--none-selection:before*/.container--multi-selection.sc-calcite-dropdown-item:before,.container--none-selection.sc-calcite-dropdown-item:before{display:none}/*!@.container--s:before*/.container--s.sc-calcite-dropdown-item:before{left:0.5rem}/*!@.container--m:before*/.container--m.sc-calcite-dropdown-item:before{left:0.75rem}/*!@.container--l:before*/.container--l.sc-calcite-dropdown-item:before{left:1rem}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset}/*!@.container--s.calcite--rtl:before*/.container--s.calcite--rtl.sc-calcite-dropdown-item:before{right:0.5rem}/*!@.container--m.calcite--rtl:before*/.container--m.calcite--rtl.sc-calcite-dropdown-item:before{right:0.75rem}/*!@.container--l.calcite--rtl:before*/.container--l.calcite--rtl.sc-calcite-dropdown-item:before{right:1rem}/*!@.dropdown-item-icon*/.dropdown-item-icon.sc-calcite-dropdown-item{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}/*!@.container--s .dropdown-item-icon*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.25rem}/*!@.container--m .dropdown-item-icon*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.5rem}/*!@.container--l .dropdown-item-icon*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.75rem}/*!@.calcite--rtl .dropdown-item-icon*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:unset;margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.25rem}/*!@.container--m.calcite--rtl .dropdown-item-icon*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.5rem}/*!@.container--l.calcite--rtl .dropdown-item-icon*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.75rem}/*!@:host(:hover) .dropdown-item-icon*/.sc-calcite-dropdown-item-h:hover .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-border-1);opacity:1}/*!@:host([active]) .dropdown-item-icon*/[active].sc-calcite-dropdown-item-h .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand);opacity:1}/*!@.container--s .dropdown-item-icon-start*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.5rem;margin-left:0.25rem}/*!@.container--s .dropdown-item-icon-end*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--m .dropdown-item-icon-start*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.75rem;margin-left:0.25rem}/*!@.container--m .dropdown-item-icon-end*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--l .dropdown-item-icon-start*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:1rem;margin-left:0.25rem}/*!@.container--l .dropdown-item-icon-end*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:1rem}/*!@.calcite--rtl .dropdown-item-icon-start*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0}/*!@.calcite--rtl .dropdown-item-icon-end*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon-start*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--s.calcite--rtl .dropdown-item-icon-end*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.5rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-start*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-end*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.75rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-start*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:1rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-end*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:1rem}/*!@.calcite--rtl calcite-icon*/.calcite--rtl.sc-calcite-dropdown-item calcite-icon.sc-calcite-dropdown-item{margin-right:0;margin-left:0.75rem}";
|
|
17357
|
+
const calciteDropdownItemCss = "@-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*/.sc-calcite-dropdown-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-dropdown-item{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*/.calcite-animate__in.sc-calcite-dropdown-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-item-h{display:none}/*!@.container--s*/.container--s.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@.container--m*/.container--m.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--l*/.container--l.sc-calcite-dropdown-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@.container--s.calcite--rtl*/.container--s.calcite--rtl.sc-calcite-dropdown-item{padding-right:1.5rem;padding-left:0.5rem}/*!@.container--m.calcite--rtl*/.container--m.calcite--rtl.sc-calcite-dropdown-item{padding-right:2rem;padding-left:0.75rem}/*!@.container--l.calcite--rtl*/.container--l.calcite--rtl.sc-calcite-dropdown-item{padding-right:2.5rem;padding-left:1rem}/*!@:host*/.sc-calcite-dropdown-item-h{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;position:relative}/*!@.container*/.container.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.dropdown-item-content*/.dropdown-item-content.sc-calcite-dropdown-item{margin-right:auto;margin-left:0.25rem}/*!@.calcite--rtl .dropdown-item-content*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-content.sc-calcite-dropdown-item{margin-left:auto;margin-right:0}/*!@:host,\n.container--link a*/.sc-calcite-dropdown-item-h,.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{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)*/.sc-calcite-dropdown-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.container--link*/.container--link.sc-calcite-dropdown-item{padding:0}/*!@.container--link a*/.container--link.sc-calcite-dropdown-item a.sc-calcite-dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;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);cursor:pointer;text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative}/*!@.container--s .dropdown-link*/.container--s.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-right:0.5rem;padding-left:1.5rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@.container--m .dropdown-link*/.container--m.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-right:0.75rem;padding-left:2rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.container--l .dropdown-link*/.container--l.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-right:1rem;padding-left:2.5rem;padding-top:0.75rem;padding-bottom:0.75rem}/*!@:host(:hover) .container,\n:host(:active) .container*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:hover) .container--link .dropdown-link,\n:host(:active) .container--link .dropdown-link*/.sc-calcite-dropdown-item-h:hover .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item,.sc-calcite-dropdown-item-h:active .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .container*/.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1);text-decoration:none}/*!@:host(:active) .container*/.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item{background-color:var(--calcite-ui-foreground-3)}/*!@:host(:hover) .container:before,\n:host(:active) .container:before,\n:host(:focus) .container:before*/.sc-calcite-dropdown-item-h:hover .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:active .container.sc-calcite-dropdown-item:before,.sc-calcite-dropdown-item-h:focus .container.sc-calcite-dropdown-item:before{opacity:1}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset;right:1rem}/*!@.calcite--rtl .dropdown-link*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{padding-right:0;padding-left:0}/*!@:host([active]) .container:not(.container--none-selection),\n:host([active]) .container--link .dropdown-link*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection),[active].sc-calcite-dropdown-item-h .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item{color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium)}/*!@:host([active]) .container:not(.container--none-selection):before,\n:host([active]) .container--link .dropdown-link:before*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection):before,[active].sc-calcite-dropdown-item-h .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item:before{opacity:1;color:var(--calcite-ui-brand)}/*!@:host([active]) .container:not(.container--none-selection) calcite-icon,\n:host([active]) .container--link .dropdown-link calcite-icon*/[active].sc-calcite-dropdown-item-h .container.sc-calcite-dropdown-item:not(.container--none-selection) calcite-icon.sc-calcite-dropdown-item,[active].sc-calcite-dropdown-item-h .container--link.sc-calcite-dropdown-item .dropdown-link.sc-calcite-dropdown-item calcite-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand)}/*!@.container--multi-selection:before,\n.container--none-selection:before*/.container--multi-selection.sc-calcite-dropdown-item:before,.container--none-selection.sc-calcite-dropdown-item:before{display:none}/*!@.container--s:before*/.container--s.sc-calcite-dropdown-item:before{left:0.5rem}/*!@.container--m:before*/.container--m.sc-calcite-dropdown-item:before{left:0.75rem}/*!@.container--l:before*/.container--l.sc-calcite-dropdown-item:before{left:1rem}/*!@.calcite--rtl:before*/.calcite--rtl.sc-calcite-dropdown-item:before{left:unset}/*!@.container--s.calcite--rtl:before*/.container--s.calcite--rtl.sc-calcite-dropdown-item:before{right:0.5rem}/*!@.container--m.calcite--rtl:before*/.container--m.calcite--rtl.sc-calcite-dropdown-item:before{right:0.75rem}/*!@.container--l.calcite--rtl:before*/.container--l.calcite--rtl.sc-calcite-dropdown-item:before{right:1rem}/*!@.dropdown-item-icon*/.dropdown-item-icon.sc-calcite-dropdown-item{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}/*!@.container--s .dropdown-item-icon*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.25rem}/*!@.container--m .dropdown-item-icon*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.5rem}/*!@.container--l .dropdown-item-icon*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:0.75rem}/*!@.calcite--rtl .dropdown-item-icon*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{left:unset;margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.25rem}/*!@.container--m.calcite--rtl .dropdown-item-icon*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.5rem}/*!@.container--l.calcite--rtl .dropdown-item-icon*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon.sc-calcite-dropdown-item{right:0.75rem}/*!@:host(:hover) .dropdown-item-icon*/.sc-calcite-dropdown-item-h:hover .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-border-1);opacity:1}/*!@:host([active]) .dropdown-item-icon*/[active].sc-calcite-dropdown-item-h .dropdown-item-icon.sc-calcite-dropdown-item{color:var(--calcite-ui-brand);opacity:1}/*!@.container--s .dropdown-item-icon-start*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.5rem;margin-left:0.25rem}/*!@.container--s .dropdown-item-icon-end*/.container--s.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--m .dropdown-item-icon-start*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0.75rem;margin-left:0.25rem}/*!@.container--m .dropdown-item-icon-end*/.container--m.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--l .dropdown-item-icon-start*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:1rem;margin-left:0.25rem}/*!@.container--l .dropdown-item-icon-end*/.container--l.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:1rem}/*!@.calcite--rtl .dropdown-item-icon-start*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-right:0}/*!@.calcite--rtl .dropdown-item-icon-end*/.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-left:0}/*!@.container--s.calcite--rtl .dropdown-item-icon-start*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.5rem}/*!@.container--s.calcite--rtl .dropdown-item-icon-end*/.container--s.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.5rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-start*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:0.75rem}/*!@.container--m.calcite--rtl .dropdown-item-icon-end*/.container--m.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:0.75rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-start*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-start.sc-calcite-dropdown-item{margin-left:1rem}/*!@.container--l.calcite--rtl .dropdown-item-icon-end*/.container--l.calcite--rtl.sc-calcite-dropdown-item .dropdown-item-icon-end.sc-calcite-dropdown-item{margin-right:1rem}/*!@.calcite--rtl calcite-icon*/.calcite--rtl.sc-calcite-dropdown-item calcite-icon.sc-calcite-dropdown-item{margin-right:0;margin-left:0.75rem}";
|
|
17323
17358
|
|
|
17324
17359
|
/**
|
|
17325
17360
|
* @slot - A slot for adding text.
|
|
@@ -17607,7 +17642,6 @@ class CalciteFilter {
|
|
|
17607
17642
|
* When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
|
|
17608
17643
|
*/
|
|
17609
17644
|
this.disabled = false;
|
|
17610
|
-
this.empty = true;
|
|
17611
17645
|
// --------------------------------------------------------------------------
|
|
17612
17646
|
//
|
|
17613
17647
|
// Private Methods
|
|
@@ -17645,8 +17679,7 @@ class CalciteFilter {
|
|
|
17645
17679
|
}, filterDebounceInMs);
|
|
17646
17680
|
this.inputHandler = (event) => {
|
|
17647
17681
|
const target = event.target;
|
|
17648
|
-
this.
|
|
17649
|
-
this.filter(target.value);
|
|
17682
|
+
this.value = target.value;
|
|
17650
17683
|
};
|
|
17651
17684
|
this.keyDownHandler = ({ key }) => {
|
|
17652
17685
|
if (key === "Escape") {
|
|
@@ -17654,12 +17687,14 @@ class CalciteFilter {
|
|
|
17654
17687
|
}
|
|
17655
17688
|
};
|
|
17656
17689
|
this.clear = () => {
|
|
17657
|
-
this.
|
|
17658
|
-
this.empty = true;
|
|
17690
|
+
this.value = "";
|
|
17659
17691
|
this.calciteFilterChange.emit(this.data);
|
|
17660
17692
|
this.setFocus();
|
|
17661
17693
|
};
|
|
17662
17694
|
}
|
|
17695
|
+
valueHandler(value) {
|
|
17696
|
+
this.filter(value);
|
|
17697
|
+
}
|
|
17663
17698
|
// --------------------------------------------------------------------------
|
|
17664
17699
|
//
|
|
17665
17700
|
// Public Methods
|
|
@@ -17679,9 +17714,12 @@ class CalciteFilter {
|
|
|
17679
17714
|
const { disabled } = this;
|
|
17680
17715
|
return (hAsync(Fragment, null, disabled ? hAsync("calcite-scrim", null) : null, hAsync("div", { class: CSS$w.container }, hAsync("label", { class: rtl ? CSS_UTILITY.rtl : null }, hAsync("calcite-input", { "aria-label": this.intlLabel || TEXT$c.filterLabel, class: rtl ? CSS_UTILITY.rtl : null, disabled: this.disabled, icon: ICONS$8.search, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
|
|
17681
17716
|
this.textInput = el;
|
|
17682
|
-
}, type: "text", value:
|
|
17717
|
+
}, type: "text", value: this.value })), this.value ? (hAsync("button", { "aria-label": this.intlClear || TEXT$c.clear, class: CSS$w.clearButton, onClick: this.clear }, hAsync("calcite-icon", { icon: ICONS$8.close }))) : null)));
|
|
17683
17718
|
}
|
|
17684
17719
|
get el() { return getElement(this); }
|
|
17720
|
+
static get watchers() { return {
|
|
17721
|
+
"value": ["valueHandler"]
|
|
17722
|
+
}; }
|
|
17685
17723
|
static get style() { return calciteFilterCss; }
|
|
17686
17724
|
static get cmpMeta() { return {
|
|
17687
17725
|
"$flags$": 9,
|
|
@@ -17692,7 +17730,7 @@ class CalciteFilter {
|
|
|
17692
17730
|
"intlClear": [1, "intl-clear"],
|
|
17693
17731
|
"intlLabel": [1, "intl-label"],
|
|
17694
17732
|
"placeholder": [1],
|
|
17695
|
-
"
|
|
17733
|
+
"value": [1025],
|
|
17696
17734
|
"setFocus": [64]
|
|
17697
17735
|
},
|
|
17698
17736
|
"$listeners$": undefined,
|
|
@@ -17872,7 +17910,7 @@ function translate({ width, height, min, max }) {
|
|
|
17872
17910
|
const rangeX = max[0] - min[0];
|
|
17873
17911
|
const rangeY = max[1] - min[1];
|
|
17874
17912
|
return (point) => {
|
|
17875
|
-
const x = (point[0] / rangeX) * width;
|
|
17913
|
+
const x = ((point[0] - min[0]) / rangeX) * width;
|
|
17876
17914
|
const y = height - (point[1] / rangeY) * height;
|
|
17877
17915
|
return [x, y];
|
|
17878
17916
|
};
|
|
@@ -17956,17 +17994,25 @@ class CalciteGraph {
|
|
|
17956
17994
|
//
|
|
17957
17995
|
//--------------------------------------------------------------------------
|
|
17958
17996
|
render() {
|
|
17959
|
-
const { data, colorStops, width, height, highlightMax, highlightMin } = this;
|
|
17997
|
+
const { data, colorStops, width, height, highlightMax, highlightMin, min, max } = this;
|
|
17960
17998
|
const id = this.graphId;
|
|
17961
17999
|
// if we have no data, return empty svg
|
|
17962
18000
|
if (!data || data.length === 0) {
|
|
17963
18001
|
return (hAsync("svg", { class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }));
|
|
17964
18002
|
}
|
|
17965
|
-
const { min, max } = range(data);
|
|
17966
|
-
|
|
17967
|
-
|
|
17968
|
-
|
|
17969
|
-
|
|
18003
|
+
const { min: rangeMin, max: rangeMax } = range(data);
|
|
18004
|
+
let currentMin = rangeMin;
|
|
18005
|
+
let currentMax = rangeMax;
|
|
18006
|
+
if (min < rangeMin[0]) {
|
|
18007
|
+
currentMin = [min, 0];
|
|
18008
|
+
}
|
|
18009
|
+
if (max > rangeMax[0]) {
|
|
18010
|
+
currentMax = [max, rangeMax[1]];
|
|
18011
|
+
}
|
|
18012
|
+
const t = translate({ min: currentMin, max: currentMax, width, height });
|
|
18013
|
+
const [hMinX] = t([highlightMin, currentMax[1]]);
|
|
18014
|
+
const [hMaxX] = t([highlightMax, currentMax[1]]);
|
|
18015
|
+
const areaPath = area({ data, min: rangeMin, max: rangeMax, t });
|
|
17970
18016
|
const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;
|
|
17971
18017
|
return (hAsync("svg", { class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }, colorStops ? (hAsync("defs", null, hAsync("linearGradient", { id: `linear-gradient-${id}`, x1: "0", x2: "1", y1: "0", y2: "0" }, colorStops.map(({ offset, color, opacity }) => (hAsync("stop", { offset: `${offset * 100}%`, "stop-color": color, "stop-opacity": opacity })))))) : null, highlightMin !== undefined ? ([
|
|
17972
18018
|
hAsync("mask", { height: "100%", id: `${id}1`, width: "100%", x: "0%", y: "0%" }, hAsync("path", { d: `
|
|
@@ -18006,7 +18052,9 @@ class CalciteGraph {
|
|
|
18006
18052
|
"width": [2],
|
|
18007
18053
|
"height": [2],
|
|
18008
18054
|
"highlightMin": [2, "highlight-min"],
|
|
18009
|
-
"highlightMax": [2, "highlight-max"]
|
|
18055
|
+
"highlightMax": [2, "highlight-max"],
|
|
18056
|
+
"min": [2],
|
|
18057
|
+
"max": [2]
|
|
18010
18058
|
},
|
|
18011
18059
|
"$listeners$": undefined,
|
|
18012
18060
|
"$lazyBundleId$": "-",
|
|
@@ -18260,9 +18308,6 @@ class CalciteInlineEditable {
|
|
|
18260
18308
|
* @default "Save"
|
|
18261
18309
|
*/
|
|
18262
18310
|
this.intlConfirmChanges = TEXT$b.intlConfirmChanges;
|
|
18263
|
-
this.onLabelClick = () => {
|
|
18264
|
-
this.setFocus();
|
|
18265
|
-
};
|
|
18266
18311
|
this.editingCancelTransitionProp = "border-top-color";
|
|
18267
18312
|
//--------------------------------------------------------------------------
|
|
18268
18313
|
//
|
|
@@ -18344,6 +18389,7 @@ class CalciteInlineEditable {
|
|
|
18344
18389
|
componentWillLoad() {
|
|
18345
18390
|
this.inputElement = this.el.querySelector("calcite-input");
|
|
18346
18391
|
this.inputElement.disabled = this.disabled;
|
|
18392
|
+
this.inputElement.label = this.inputElement.label || getLabelText(this);
|
|
18347
18393
|
this.scale =
|
|
18348
18394
|
this.scale || this.inputElement.scale || getElementProp(this.el, "scale", undefined);
|
|
18349
18395
|
}
|
|
@@ -18375,6 +18421,9 @@ class CalciteInlineEditable {
|
|
|
18375
18421
|
this.disableEditing();
|
|
18376
18422
|
}
|
|
18377
18423
|
}
|
|
18424
|
+
onLabelClick() {
|
|
18425
|
+
this.setFocus();
|
|
18426
|
+
}
|
|
18378
18427
|
//--------------------------------------------------------------------------
|
|
18379
18428
|
//
|
|
18380
18429
|
// Public Methods
|
|
@@ -18507,14 +18556,6 @@ class CalciteInput {
|
|
|
18507
18556
|
this.type = "text";
|
|
18508
18557
|
/** keep track of the rendered child type */
|
|
18509
18558
|
this.childElType = "input";
|
|
18510
|
-
//--------------------------------------------------------------------------
|
|
18511
|
-
//
|
|
18512
|
-
// Private Methods
|
|
18513
|
-
//
|
|
18514
|
-
//--------------------------------------------------------------------------
|
|
18515
|
-
this.onLabelClick = () => {
|
|
18516
|
-
this.setFocus();
|
|
18517
|
-
};
|
|
18518
18559
|
this.clearInputValue = (nativeEvent) => {
|
|
18519
18560
|
this.setValue(null, nativeEvent, true);
|
|
18520
18561
|
};
|
|
@@ -18616,24 +18657,21 @@ class CalciteInput {
|
|
|
18616
18657
|
event.preventDefault();
|
|
18617
18658
|
};
|
|
18618
18659
|
this.nudgeNumberValue = (direction, nativeEvent) => {
|
|
18619
|
-
if (this.type !== "number") {
|
|
18660
|
+
if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== "number") {
|
|
18620
18661
|
return;
|
|
18621
18662
|
}
|
|
18622
|
-
const value = this.value;
|
|
18623
18663
|
const inputMax = this.maxString ? parseFloat(this.maxString) : null;
|
|
18624
18664
|
const inputMin = this.minString ? parseFloat(this.minString) : null;
|
|
18625
|
-
const
|
|
18626
|
-
|
|
18627
|
-
|
|
18628
|
-
|
|
18629
|
-
|
|
18630
|
-
}
|
|
18631
|
-
if (direction === "down" && ((!inputMin && inputMin !== 0) || inputVal > inputMin)) {
|
|
18632
|
-
newValue = (inputVal - inputStep).toString();
|
|
18633
|
-
}
|
|
18634
|
-
this.setValue(newValue, nativeEvent, true);
|
|
18665
|
+
const valueNudgeDelayInMs = 500;
|
|
18666
|
+
this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
|
|
18667
|
+
this.nudgeNumberValueIntervalId = setInterval(() => {
|
|
18668
|
+
this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
|
|
18669
|
+
}, valueNudgeDelayInMs);
|
|
18635
18670
|
};
|
|
18636
|
-
this.
|
|
18671
|
+
this.numberButtonMouseUpAndMouseOutHandler = () => {
|
|
18672
|
+
clearInterval(this.nudgeNumberValueIntervalId);
|
|
18673
|
+
};
|
|
18674
|
+
this.numberButtonMouseDownHandler = (event) => {
|
|
18637
18675
|
// todo, when dropping ie11 support, refactor to use stepup/stepdown
|
|
18638
18676
|
// prevent blur and re-focus of input on mousedown
|
|
18639
18677
|
event.preventDefault();
|
|
@@ -18679,6 +18717,9 @@ class CalciteInput {
|
|
|
18679
18717
|
}
|
|
18680
18718
|
}
|
|
18681
18719
|
};
|
|
18720
|
+
this.inputKeyUpHandler = () => {
|
|
18721
|
+
clearInterval(this.nudgeNumberValueIntervalId);
|
|
18722
|
+
};
|
|
18682
18723
|
}
|
|
18683
18724
|
disabledWatcher() {
|
|
18684
18725
|
this.setDisabledAction();
|
|
@@ -18789,6 +18830,27 @@ class CalciteInput {
|
|
|
18789
18830
|
(_b = this.childEl) === null || _b === void 0 ? void 0 : _b.focus();
|
|
18790
18831
|
}
|
|
18791
18832
|
}
|
|
18833
|
+
//--------------------------------------------------------------------------
|
|
18834
|
+
//
|
|
18835
|
+
// Private Methods
|
|
18836
|
+
//
|
|
18837
|
+
//--------------------------------------------------------------------------
|
|
18838
|
+
onLabelClick() {
|
|
18839
|
+
this.setFocus();
|
|
18840
|
+
}
|
|
18841
|
+
incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
|
|
18842
|
+
const value = this.value;
|
|
18843
|
+
const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
|
|
18844
|
+
const inputVal = value && value !== "" ? parseFloat(value) : 0;
|
|
18845
|
+
let newValue = value;
|
|
18846
|
+
if (direction === "up" && ((!inputMax && inputMax !== 0) || inputVal < inputMax)) {
|
|
18847
|
+
newValue = (inputVal + inputStep).toString();
|
|
18848
|
+
}
|
|
18849
|
+
if (direction === "down" && ((!inputMin && inputMin !== 0) || inputVal > inputMin)) {
|
|
18850
|
+
newValue = (inputVal - inputStep).toString();
|
|
18851
|
+
}
|
|
18852
|
+
this.setValue(newValue, nativeEvent, true);
|
|
18853
|
+
}
|
|
18792
18854
|
setDisabledAction() {
|
|
18793
18855
|
if (!this.slottedActionEl) {
|
|
18794
18856
|
return;
|
|
@@ -18812,17 +18874,17 @@ class CalciteInput {
|
|
|
18812
18874
|
const numberButtonsHorizontalUp = (hAsync("button", { class: {
|
|
18813
18875
|
[CSS$r.numberButtonItem]: true,
|
|
18814
18876
|
[CSS$r.buttonItemHorizontal]: isHorizontalNumberButton
|
|
18815
|
-
}, "data-adjustment": "up", disabled: this.disabled || this.readOnly,
|
|
18877
|
+
}, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { icon: "chevron-up", scale: "s" })));
|
|
18816
18878
|
const numberButtonsHorizontalDown = (hAsync("button", { class: {
|
|
18817
18879
|
[CSS$r.numberButtonItem]: true,
|
|
18818
18880
|
[CSS$r.buttonItemHorizontal]: isHorizontalNumberButton
|
|
18819
|
-
}, "data-adjustment": "down", disabled: this.disabled || this.readOnly,
|
|
18881
|
+
}, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { icon: "chevron-down", scale: "s" })));
|
|
18820
18882
|
const numberButtonsVertical = (hAsync("div", { class: CSS$r.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
|
|
18821
18883
|
const prefixText = hAsync("div", { class: CSS$r.prefix }, this.prefixText);
|
|
18822
18884
|
const suffixText = hAsync("div", { class: CSS$r.suffix }, this.suffixText);
|
|
18823
|
-
const localeNumberInput = this.type === "number" ? (hAsync("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: "text", value: this.localizedValue })) : null;
|
|
18885
|
+
const localeNumberInput = this.type === "number" ? (hAsync("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: "text", value: this.localizedValue })) : null;
|
|
18824
18886
|
const childEl = [
|
|
18825
|
-
hAsync(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || this.type === "number" ? -1 : null, type: this.type, value: this.value }),
|
|
18887
|
+
hAsync(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || this.type === "number" ? -1 : null, type: this.type, value: this.value }),
|
|
18826
18888
|
this.isTextarea ? (hAsync("div", { class: CSS$r.resizeIconWrapper }, hAsync("calcite-icon", { icon: "chevron-down", scale: "s" }))) : null
|
|
18827
18889
|
];
|
|
18828
18890
|
return (hAsync(Host, { onClick: this.inputFocusHandler }, hAsync("div", { class: { [CSS$r.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" }, dir: dir }, this.type === "number" && this.numberButtonType === "horizontal"
|
|
@@ -18919,14 +18981,6 @@ class CalciteInputDatePicker {
|
|
|
18919
18981
|
this.layout = "horizontal";
|
|
18920
18982
|
this.focusedInput = "start";
|
|
18921
18983
|
this.activeTransitionProp = "opacity";
|
|
18922
|
-
//--------------------------------------------------------------------------
|
|
18923
|
-
//
|
|
18924
|
-
// Private Methods
|
|
18925
|
-
//
|
|
18926
|
-
//--------------------------------------------------------------------------
|
|
18927
|
-
this.onLabelClick = () => {
|
|
18928
|
-
this.setFocus();
|
|
18929
|
-
};
|
|
18930
18984
|
this.transitionEnd = (event) => {
|
|
18931
18985
|
if (event.propertyName === this.activeTransitionProp) {
|
|
18932
18986
|
this.active
|
|
@@ -19030,7 +19084,7 @@ class CalciteInputDatePicker {
|
|
|
19030
19084
|
const { popper, menuEl } = this;
|
|
19031
19085
|
const modifiers = this.getModifiers();
|
|
19032
19086
|
popper
|
|
19033
|
-
? updatePopper({
|
|
19087
|
+
? await updatePopper({
|
|
19034
19088
|
el: menuEl,
|
|
19035
19089
|
modifiers,
|
|
19036
19090
|
placement: DEFAULT_PLACEMENT,
|
|
@@ -19096,6 +19150,14 @@ class CalciteInputDatePicker {
|
|
|
19096
19150
|
: startWrapper || endWrapper;
|
|
19097
19151
|
this.createPopper();
|
|
19098
19152
|
}
|
|
19153
|
+
//--------------------------------------------------------------------------
|
|
19154
|
+
//
|
|
19155
|
+
// Private Methods
|
|
19156
|
+
//
|
|
19157
|
+
//--------------------------------------------------------------------------
|
|
19158
|
+
onLabelClick() {
|
|
19159
|
+
this.setFocus();
|
|
19160
|
+
}
|
|
19099
19161
|
getModifiers() {
|
|
19100
19162
|
const flipModifier = {
|
|
19101
19163
|
name: "flip",
|
|
@@ -19444,7 +19506,7 @@ class CalciteInputTimePicker {
|
|
|
19444
19506
|
this.scale = "m";
|
|
19445
19507
|
/** number that specifies the granularity that the value must adhere to */
|
|
19446
19508
|
this.step = 60;
|
|
19447
|
-
/** The selected time */
|
|
19509
|
+
/** The selected time (always 24-hour format)*/
|
|
19448
19510
|
this.value = null;
|
|
19449
19511
|
/** whether the value of the input was changed as a result of user typing or not */
|
|
19450
19512
|
this.internalValueChange = false;
|
|
@@ -19468,14 +19530,6 @@ class CalciteInputTimePicker {
|
|
|
19468
19530
|
this.calciteInputInputHandler = (event) => {
|
|
19469
19531
|
this.setValue({ value: event.detail.value });
|
|
19470
19532
|
};
|
|
19471
|
-
// --------------------------------------------------------------------------
|
|
19472
|
-
//
|
|
19473
|
-
// Private Methods
|
|
19474
|
-
//
|
|
19475
|
-
// --------------------------------------------------------------------------
|
|
19476
|
-
this.onLabelClick = () => {
|
|
19477
|
-
this.setFocus();
|
|
19478
|
-
};
|
|
19479
19533
|
this.setCalciteInputEl = (el) => {
|
|
19480
19534
|
this.calciteInputEl = el;
|
|
19481
19535
|
};
|
|
@@ -19575,6 +19629,14 @@ class CalciteInputTimePicker {
|
|
|
19575
19629
|
async setFocus() {
|
|
19576
19630
|
this.calciteInputEl.setFocus();
|
|
19577
19631
|
}
|
|
19632
|
+
// --------------------------------------------------------------------------
|
|
19633
|
+
//
|
|
19634
|
+
// Private Methods
|
|
19635
|
+
//
|
|
19636
|
+
// --------------------------------------------------------------------------
|
|
19637
|
+
onLabelClick() {
|
|
19638
|
+
this.setFocus();
|
|
19639
|
+
}
|
|
19578
19640
|
//--------------------------------------------------------------------------
|
|
19579
19641
|
//
|
|
19580
19642
|
// Lifecycle
|
|
@@ -19737,6 +19799,9 @@ class CalciteLink {
|
|
|
19737
19799
|
this.childEl = el;
|
|
19738
19800
|
};
|
|
19739
19801
|
}
|
|
19802
|
+
hrefHandler(href) {
|
|
19803
|
+
this.childElType = href ? "a" : "span";
|
|
19804
|
+
}
|
|
19740
19805
|
//--------------------------------------------------------------------------
|
|
19741
19806
|
//
|
|
19742
19807
|
// Lifecycle
|
|
@@ -19764,6 +19829,9 @@ class CalciteLink {
|
|
|
19764
19829
|
focusElement(this.childEl);
|
|
19765
19830
|
}
|
|
19766
19831
|
get el() { return getElement(this); }
|
|
19832
|
+
static get watchers() { return {
|
|
19833
|
+
"href": ["hrefHandler"]
|
|
19834
|
+
}; }
|
|
19767
19835
|
static get style() { return calciteLinkCss; }
|
|
19768
19836
|
static get cmpMeta() { return {
|
|
19769
19837
|
"$flags$": 9,
|
|
@@ -19776,6 +19844,7 @@ class CalciteLink {
|
|
|
19776
19844
|
"iconStart": [513, "icon-start"],
|
|
19777
19845
|
"rel": [1],
|
|
19778
19846
|
"target": [1],
|
|
19847
|
+
"childElType": [32],
|
|
19779
19848
|
"setFocus": [64]
|
|
19780
19849
|
},
|
|
19781
19850
|
"$listeners$": undefined,
|
|
@@ -19800,18 +19869,30 @@ class CalciteList {
|
|
|
19800
19869
|
}
|
|
19801
19870
|
// --------------------------------------------------------------------------
|
|
19802
19871
|
//
|
|
19872
|
+
// Public Methods
|
|
19873
|
+
//
|
|
19874
|
+
// --------------------------------------------------------------------------
|
|
19875
|
+
/** Sets focus on the component. */
|
|
19876
|
+
async setFocus() {
|
|
19877
|
+
const firstListItem = this.el.querySelector(`calcite-list-item:not([non-interactive])`);
|
|
19878
|
+
firstListItem === null || firstListItem === void 0 ? void 0 : firstListItem.setFocus();
|
|
19879
|
+
}
|
|
19880
|
+
// --------------------------------------------------------------------------
|
|
19881
|
+
//
|
|
19803
19882
|
// Render Methods
|
|
19804
19883
|
//
|
|
19805
19884
|
// --------------------------------------------------------------------------
|
|
19806
19885
|
render() {
|
|
19807
19886
|
return (hAsync(Host, { role: "list" }, hAsync("div", { class: CSS$p.container }, hAsync("slot", null))));
|
|
19808
19887
|
}
|
|
19888
|
+
get el() { return getElement(this); }
|
|
19809
19889
|
static get style() { return calciteListCss; }
|
|
19810
19890
|
static get cmpMeta() { return {
|
|
19811
19891
|
"$flags$": 9,
|
|
19812
19892
|
"$tagName$": "calcite-list",
|
|
19813
19893
|
"$members$": {
|
|
19814
|
-
"headingLevel": [2, "heading-level"]
|
|
19894
|
+
"headingLevel": [2, "heading-level"],
|
|
19895
|
+
"setFocus": [64]
|
|
19815
19896
|
},
|
|
19816
19897
|
"$listeners$": undefined,
|
|
19817
19898
|
"$lazyBundleId$": "-",
|
|
@@ -19867,6 +19948,16 @@ class CalciteListItem {
|
|
|
19867
19948
|
}
|
|
19868
19949
|
// --------------------------------------------------------------------------
|
|
19869
19950
|
//
|
|
19951
|
+
// Public Methods
|
|
19952
|
+
//
|
|
19953
|
+
// --------------------------------------------------------------------------
|
|
19954
|
+
/** Sets focus on the component. */
|
|
19955
|
+
async setFocus() {
|
|
19956
|
+
var _a;
|
|
19957
|
+
(_a = this.focusEl) === null || _a === void 0 ? void 0 : _a.focus();
|
|
19958
|
+
}
|
|
19959
|
+
// --------------------------------------------------------------------------
|
|
19960
|
+
//
|
|
19870
19961
|
// Render Methods
|
|
19871
19962
|
//
|
|
19872
19963
|
// --------------------------------------------------------------------------
|
|
@@ -19893,7 +19984,7 @@ class CalciteListItem {
|
|
|
19893
19984
|
renderContentContainer() {
|
|
19894
19985
|
const { disabled, nonInteractive } = this;
|
|
19895
19986
|
const content = [this.renderContentStart(), this.renderContent(), this.renderContentEnd()];
|
|
19896
|
-
return !nonInteractive ? (hAsync("button", { class: { [CSS$o.contentContainer]: true, [CSS$o.contentContainerButton]: true }, disabled: disabled }, content)) : (hAsync("div", { class: CSS$o.contentContainer }, content));
|
|
19987
|
+
return !nonInteractive ? (hAsync("button", { class: { [CSS$o.contentContainer]: true, [CSS$o.contentContainerButton]: true }, disabled: disabled, ref: (focusEl) => (this.focusEl = focusEl) }, content)) : (hAsync("div", { class: CSS$o.contentContainer, ref: () => (this.focusEl = null) }, content));
|
|
19897
19988
|
}
|
|
19898
19989
|
render() {
|
|
19899
19990
|
return (hAsync(Host, { role: "listitem" }, hAsync("div", { class: CSS$o.container }, this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), hAsync("div", { class: CSS$o.nestedContainer }, hAsync("slot", null))));
|
|
@@ -19907,7 +19998,8 @@ class CalciteListItem {
|
|
|
19907
19998
|
"nonInteractive": [516, "non-interactive"],
|
|
19908
19999
|
"description": [1],
|
|
19909
20000
|
"disabled": [516],
|
|
19910
|
-
"label": [1]
|
|
20001
|
+
"label": [1],
|
|
20002
|
+
"setFocus": [64]
|
|
19911
20003
|
},
|
|
19912
20004
|
"$listeners$": undefined,
|
|
19913
20005
|
"$lazyBundleId$": "-",
|
|
@@ -19958,7 +20050,7 @@ class CalciteListItemGroup {
|
|
|
19958
20050
|
}; }
|
|
19959
20051
|
}
|
|
19960
20052
|
|
|
19961
|
-
const calciteLoaderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-loader:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-loader{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*/.calcite-animate__in.sc-calcite-loader{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-loader{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-loader{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-loader{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-loader:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-loader-h{display:none}/*!@:host*/.sc-calcite-loader-h{-ms-flex-align:center;align-items:center;position:relative;-ms-flex-pack:center;justify-content:center;display:none;margin-left:auto;margin-right:auto;opacity:1;padding-top:4rem;padding-bottom:4rem;min-height:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;-webkit-transform:scale(1, 1);transform:scale(1, 1);animation:loader-color-shift 6s alternate-reverse infinite linear}/*!@:host([scale=s])*/[scale=s].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.25rem}/*!@:host([no-padding])*/[no-padding].sc-calcite-loader-h{padding-top:0;padding-bottom:0}/*!@:host([active])*/[active].sc-calcite-loader-h{display:-ms-flexbox;display:flex}/*!@.loader__text*/.loader__text.sc-calcite-loader{display:block;font-size:var(--calcite-font-size--2);line-height:1rem;text-align:center;color:var(--calcite-ui-text-1);margin-top:calc(var(--calcite-loader-size) + 1.5rem)}/*!@.loader__percentage*/.loader__percentage.sc-calcite-loader{display:block;position:absolute;color:var(--calcite-ui-text-1);text-align:center;font-size:var(--calcite-loader-font-size);width:var(--calcite-loader-size);top:4rem;left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);margin-top:calc(var(--calcite-loader-size) / 2);line-height:0.25;-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svgs*/.loader__svgs.sc-calcite-loader{position:absolute;overflow:visible;opacity:1;width:var(--calcite-loader-size);height:var(--calcite-loader-size);top:4rem;left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svg*/.loader__svg.sc-calcite-loader{position:absolute;overflow:visible;top:0;left:0;-webkit-transform-origin:center;transform-origin:center;width:var(--calcite-loader-size);height:var(--calcite-loader-size);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:loader-clockwise;animation-name:loader-clockwise}@supports (display: grid){/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}/*!@:host([type=determinate])*/[type=determinate].sc-calcite-loader-h{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}/*!@:host([type=determinate]) .loader__svg--3*/[type=determinate].sc-calcite-loader-h .loader__svg--3.sc-calcite-loader{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 100ms linear;transition:all 100ms linear}/*!@:host([inline])*/[inline].sc-calcite-loader-h{position:relative;margin:0;padding-top:0;padding-bottom:0;-webkit-animation:none;animation:none;stroke:currentColor;stroke-width:2;height:var(--calcite-loader-size-inline);min-height:var(--calcite-loader-size-inline);width:var(--calcite-loader-size-inline);margin-right:var(--calcite-loader-size-inline)/2;vertical-align:-var(--calcite-loader-size-inline)/5}/*!@:host([inline][dir=rtl])*/[inline][dir=rtl].sc-calcite-loader-h{margin-right:0;margin-left:var(--calcite-loader-size-inline)/2}/*!@:host([active][inline])*/[active][inline].sc-calcite-loader-h{display:inline-block}/*!@:host([inline]) .loader__svgs*/[inline].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{top:0;left:0;margin:0;width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([inline]) .loader__svg*/[inline].sc-calcite-loader-h .loader__svg.sc-calcite-loader{width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([complete])*/[complete].sc-calcite-loader-h{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms}/*!@:host([complete]) .loader__svgs*/[complete].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms, -webkit-transform 180ms linear 800ms}/*!@:host([complete]) .loader__percentage*/[complete].sc-calcite-loader-h .loader__percentage.sc-calcite-loader{color:var(--calcite-ui-brand);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, transform 200ms linear;transition:color 200ms linear, transform 200ms linear, -webkit-transform 200ms linear}/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{stroke-dasharray:27.9252444444% 139.6262222222%;-webkit-animation-duration:0.72s;animation-duration:0.72s}@-webkit-keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{stroke-dasharray:55.8504888889% 139.6262222222%;-webkit-animation-duration:0.96s;animation-duration:0.96s}@-webkit-keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{stroke-dasharray:13.9626222222% 139.6262222222%;-webkit-animation-duration:1.16s;animation-duration:1.16s}@-webkit-keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@-webkit-keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
|
|
20053
|
+
const calciteLoaderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-loader:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-loader{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*/.calcite-animate__in.sc-calcite-loader{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-loader{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-loader{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-loader{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-loader:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-loader-h{display:none}/*!@:host*/.sc-calcite-loader-h{-ms-flex-align:center;align-items:center;position:relative;-ms-flex-pack:center;justify-content:center;display:none;margin-left:auto;margin-right:auto;opacity:1;padding-top:4rem;padding-bottom:4rem;min-height:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;-webkit-transform:scale(1, 1);transform:scale(1, 1);animation:loader-color-shift 6s alternate-reverse infinite linear}/*!@:host([scale=s])*/[scale=s].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-loader-h{--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.25rem}/*!@:host([no-padding])*/[no-padding].sc-calcite-loader-h{padding-top:0;padding-bottom:0}/*!@:host([active])*/[active].sc-calcite-loader-h{display:-ms-flexbox;display:flex}/*!@.loader__text*/.loader__text.sc-calcite-loader{display:block;font-size:var(--calcite-font-size--2);line-height:1rem;text-align:center;color:var(--calcite-ui-text-1);margin-top:calc(var(--calcite-loader-size) + 1.5rem)}/*!@.loader__percentage*/.loader__percentage.sc-calcite-loader{display:block;position:absolute;color:var(--calcite-ui-text-1);text-align:center;font-size:var(--calcite-loader-font-size);width:var(--calcite-loader-size);left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svgs*/.loader__svgs.sc-calcite-loader{position:absolute;overflow:visible;opacity:1;width:var(--calcite-loader-size);height:var(--calcite-loader-size);left:50%;margin-left:calc(var(--calcite-loader-size) / 2 * -1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}/*!@.loader__svg*/.loader__svg.sc-calcite-loader{position:absolute;overflow:visible;top:0;left:0;-webkit-transform-origin:center;transform-origin:center;width:var(--calcite-loader-size);height:var(--calcite-loader-size);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:loader-clockwise;animation-name:loader-clockwise}@supports (display: grid){/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}/*!@:host([type=determinate])*/[type=determinate].sc-calcite-loader-h{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}/*!@:host([type=determinate]) .loader__svg--3*/[type=determinate].sc-calcite-loader-h .loader__svg--3.sc-calcite-loader{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 100ms linear;transition:all 100ms linear}/*!@:host([inline])*/[inline].sc-calcite-loader-h{position:relative;margin:0;padding-top:0;padding-bottom:0;-webkit-animation:none;animation:none;stroke:currentColor;stroke-width:2;height:var(--calcite-loader-size-inline);min-height:var(--calcite-loader-size-inline);width:var(--calcite-loader-size-inline);margin-right:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}/*!@:host([inline][dir=rtl])*/[inline][dir=rtl].sc-calcite-loader-h{margin-right:0;margin-left:calc(var(--calcite-loader-size-inline) * 0.5)}/*!@:host([active][inline])*/[active][inline].sc-calcite-loader-h{display:inline-block}/*!@:host([inline]) .loader__svgs*/[inline].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{top:0;left:0;margin:0;width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([inline]) .loader__svg*/[inline].sc-calcite-loader-h .loader__svg.sc-calcite-loader{width:var(--calcite-loader-size-inline);height:var(--calcite-loader-size-inline)}/*!@:host([complete])*/[complete].sc-calcite-loader-h{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms;transition:opacity 200ms linear 1000ms, transform 200ms linear 1000ms, -webkit-transform 200ms linear 1000ms}/*!@:host([complete]) .loader__svgs*/[complete].sc-calcite-loader-h .loader__svgs.sc-calcite-loader{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, -webkit-transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms;transition:opacity 180ms linear 800ms, transform 180ms linear 800ms, -webkit-transform 180ms linear 800ms}/*!@:host([complete]) .loader__percentage*/[complete].sc-calcite-loader-h .loader__percentage.sc-calcite-loader{color:var(--calcite-ui-brand);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, -webkit-transform 200ms linear;transition:color 200ms linear, transform 200ms linear;transition:color 200ms linear, transform 200ms linear, -webkit-transform 200ms linear}/*!@.loader__svg--1*/.loader__svg--1.sc-calcite-loader{stroke-dasharray:27.9252444444% 139.6262222222%;-webkit-animation-duration:0.72s;animation-duration:0.72s}@-webkit-keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--2*/.loader__svg--2.sc-calcite-loader{stroke-dasharray:55.8504888889% 139.6262222222%;-webkit-animation-duration:0.96s;animation-duration:0.96s}@-webkit-keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}/*!@.loader__svg--3*/.loader__svg--3.sc-calcite-loader{stroke-dasharray:13.9626222222% 139.6262222222%;-webkit-animation-duration:1.16s;animation-duration:1.16s}@-webkit-keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@-webkit-keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
|
|
19962
20054
|
|
|
19963
20055
|
class CalciteLoader {
|
|
19964
20056
|
constructor(hostRef) {
|
|
@@ -20455,7 +20547,7 @@ const CSS$l = {
|
|
|
20455
20547
|
icon: "notice-icon"
|
|
20456
20548
|
};
|
|
20457
20549
|
|
|
20458
|
-
const calciteNoticeCss = "@-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*/.sc-calcite-notice:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-notice{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*/.calcite-animate__in.sc-calcite-notice{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-notice{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-notice{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-notice{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-notice:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-notice-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-notice-h{--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}/*!@:host([scale=s]) .container slot[name=title]::slotted(*),\n:host([scale=s]) .container *::slotted([slot=title])*/.sc-calcite-notice-h[scale=s] .container slot[name=title].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=s] .container *.sc-calcite-notice-s>[slot=title]{font-size:var(--calcite-font-size--1);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=s]) .container slot[name=message]::slotted(*),\n:host([scale=s]) .container *::slotted([slot=message])*/.sc-calcite-notice-h[scale=s] .container slot[name=message].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=s] .container *.sc-calcite-notice-s>[slot=message]{font-size:var(--calcite-font-size--2);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=s]) ::slotted(calcite-link)*/.sc-calcite-notice-h[scale=s] .sc-calcite-notice-s>calcite-link{font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host([scale=s]) .notice-close*/[scale=s].sc-calcite-notice-h .notice-close.sc-calcite-notice{padding:0.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-notice-h{--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}/*!@:host([scale=m]) .container slot[name=title]::slotted(*),\n:host([scale=m]) .container *::slotted([slot=title])*/.sc-calcite-notice-h[scale=m] .container slot[name=title].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=m] .container *.sc-calcite-notice-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=m]) .container slot[name=message]::slotted(*),\n:host([scale=m]) .container *::slotted([slot=message])*/.sc-calcite-notice-h[scale=m] .container slot[name=message].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=m] .container *.sc-calcite-notice-s>[slot=message]{font-size:var(--calcite-font-size--1);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=m]) ::slotted(calcite-link)*/.sc-calcite-notice-h[scale=m] .sc-calcite-notice-s>calcite-link{font-size:var(--calcite-font-size--1);line-height:1.375}/*!@:host([scale=l])*/[scale=l].sc-calcite-notice-h{--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}/*!@:host([scale=l]) .container slot[name=title]::slotted(*),\n:host([scale=l]) .container *::slotted([slot=title])*/.sc-calcite-notice-h[scale=l] .container slot[name=title].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=l] .container *.sc-calcite-notice-s>[slot=title]{font-size:var(--calcite-font-size-1);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=l]) .container slot[name=message]::slotted(*),\n:host([scale=l]) .container *::slotted([slot=message])*/.sc-calcite-notice-h[scale=l] .container slot[name=message].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=l] .container *.sc-calcite-notice-s>[slot=message]{font-size:var(--calcite-font-size-0);line-height:1.375;margin-bottom:0.25rem}/*!@:host([scale=l]) ::slotted(calcite-link)*/.sc-calcite-notice-h[scale=l] .sc-calcite-notice-s>calcite-link{font-size:var(--calcite-font-size-0);line-height:1.375}/*!@:host([width=auto])*/[width=auto].sc-calcite-notice-h{--calcite-notice-width:auto}/*!@:host([width=half])*/[width=half].sc-calcite-notice-h{--calcite-notice-width:50%}/*!@:host([width=full])*/[width=full].sc-calcite-notice-h{--calcite-notice-width:100%}/*!@:host*/.sc-calcite-notice-h{display:none;margin-left:auto;margin-right:auto;max-width:100%;-ms-flex-align:center;align-items:center;width:var(--calcite-notice-width)}/*!@.container*/.container.sc-calcite-notice{display:none;text-align:left;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;opacity:0;pointer-events:none;background-color:var(--calcite-ui-foreground-1);max-height:0;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;border-left:0px solid;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}/*!@.notice-close*/.notice-close.sc-calcite-notice{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}/*!@.notice-close:focus*/.notice-close.sc-calcite-notice:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host*/.sc-calcite-notice-h{display:-ms-flexbox;display:flex}/*!@:host([active]) .container*/[active].sc-calcite-notice-h .container.sc-calcite-notice{display:-ms-flexbox;display:flex;-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);-ms-flex-align:center;align-items:center;opacity:1;max-height:100%;border-width:2px;pointer-events:auto}/*!@.container slot[name=title]::slotted(*),\n.container *::slotted([slot=title])*/.container slot[name=title].sc-calcite-notice-s>*,.container *.sc-calcite-notice-s>[slot=title]{margin:0;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@.container slot[name=message]::slotted(*),\n.container *::slotted([slot=message])*/.container slot[name=message].sc-calcite-notice-s>*,.container *.sc-calcite-notice-s>[slot=message]{display:inline;margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);margin-right:var(--calcite-notice-spacing-token-small)}/*!@.calcite--rtl slot[name=message]::slotted(*),\n.calcite--rtl *::slotted([slot=message])*/.calcite--rtl slot[name=message].sc-calcite-notice-s>*,.calcite--rtl *.sc-calcite-notice-s>[slot=message]{margin-right:0;margin-left:var(--calcite-notice-spacing-token-small)}/*!@.notice-content*/.notice-content.sc-calcite-notice{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;overflow-wrap:break-word;-ms-flex:1 1 0px;flex:1 1 0;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-small) 0}/*!@.notice-content:first-of-type:not(:only-child)*/.notice-content.sc-calcite-notice:first-of-type:not(:only-child){padding-left:var(--calcite-notice-spacing-token-large)}/*!@.notice-content:only-of-type*/.notice-content.sc-calcite-notice:only-of-type{padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large)}/*!@.notice-icon*/.notice-icon.sc-calcite-notice{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}/*!@.notice-close*/.notice-close.sc-calcite-notice{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:transparent;border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--calcite-ui-text-3);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-webkit-appearance:none}/*!@.notice-close:hover, .notice-close:focus*/.notice-close.sc-calcite-notice:hover,.notice-close.sc-calcite-notice:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@.notice-close:active*/.notice-close.sc-calcite-notice:active{background-color:var(--calcite-ui-foreground-3)}/*!@.actions-end*/.actions-end.sc-calcite-notice{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}/*!@.calcite--rtl*/.calcite--rtl.sc-calcite-notice{text-align:right;border-left:none;border-right:0px solid}/*!@.calcite--rtl .notice-content*/.calcite--rtl.sc-calcite-notice .notice-content.sc-calcite-notice{padding:var(--calcite-notice-spacing-token-small) 0 var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-small)}/*!@.calcite--rtl .notice-content:first-of-type:not(:only-child)*/.calcite--rtl.sc-calcite-notice .notice-content.sc-calcite-notice:first-of-type:not(:only-child){padding-right:var(--calcite-notice-spacing-token-large)}/*!@.calcite--rtl .notice-content:only-of-type*/.calcite--rtl.sc-calcite-notice .notice-content.sc-calcite-notice:only-of-type{padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large)}/*!@:host([color=blue]) .container*/[color=blue].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-brand)}/*!@:host([color=blue]) .container .notice-icon*/[color=blue].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-brand)}/*!@:host([color=red]) .container*/[color=red].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-danger)}/*!@:host([color=red]) .container .notice-icon*/[color=red].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-danger)}/*!@:host([color=yellow]) .container*/[color=yellow].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-warning)}/*!@:host([color=yellow]) .container .notice-icon*/[color=yellow].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-warning)}/*!@:host([color=green]) .container*/[color=green].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-success)}/*!@:host([color=green]) .container .notice-icon*/[color=green].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-success)}";
|
|
20550
|
+
const calciteNoticeCss = "@-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*/.sc-calcite-notice:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-notice{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*/.calcite-animate__in.sc-calcite-notice{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-notice{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-notice{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-notice{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-notice:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-notice-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-notice-h{--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}/*!@:host([scale=s]) .container slot[name=title]::slotted(*),\n:host([scale=s]) .container *::slotted([slot=title])*/.sc-calcite-notice-h[scale=s] .container slot[name=title].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=s] .container *.sc-calcite-notice-s>[slot=title]{font-size:var(--calcite-font-size--1);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=s]) .container slot[name=message]::slotted(*),\n:host([scale=s]) .container *::slotted([slot=message])*/.sc-calcite-notice-h[scale=s] .container slot[name=message].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=s] .container *.sc-calcite-notice-s>[slot=message]{font-size:var(--calcite-font-size--2);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=s]) ::slotted(calcite-link)*/.sc-calcite-notice-h[scale=s] .sc-calcite-notice-s>calcite-link{font-size:var(--calcite-font-size--2);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=s]) .notice-close*/[scale=s].sc-calcite-notice-h .notice-close.sc-calcite-notice{padding:0.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-notice-h{--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}/*!@:host([scale=m]) .container slot[name=title]::slotted(*),\n:host([scale=m]) .container *::slotted([slot=title])*/.sc-calcite-notice-h[scale=m] .container slot[name=title].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=m] .container *.sc-calcite-notice-s>[slot=title]{font-size:var(--calcite-font-size-0);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=m]) .container slot[name=message]::slotted(*),\n:host([scale=m]) .container *::slotted([slot=message])*/.sc-calcite-notice-h[scale=m] .container slot[name=message].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=m] .container *.sc-calcite-notice-s>[slot=message]{font-size:var(--calcite-font-size--1);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=m]) ::slotted(calcite-link)*/.sc-calcite-notice-h[scale=m] .sc-calcite-notice-s>calcite-link{font-size:var(--calcite-font-size--1);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-notice-h{--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}/*!@:host([scale=l]) .container slot[name=title]::slotted(*),\n:host([scale=l]) .container *::slotted([slot=title])*/.sc-calcite-notice-h[scale=l] .container slot[name=title].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=l] .container *.sc-calcite-notice-s>[slot=title]{font-size:var(--calcite-font-size-1);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=l]) .container slot[name=message]::slotted(*),\n:host([scale=l]) .container *::slotted([slot=message])*/.sc-calcite-notice-h[scale=l] .container slot[name=message].sc-calcite-notice-s>*,.sc-calcite-notice-h[scale=l] .container *.sc-calcite-notice-s>[slot=message]{font-size:var(--calcite-font-size-0);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([scale=l]) ::slotted(calcite-link)*/.sc-calcite-notice-h[scale=l] .sc-calcite-notice-s>calcite-link{font-size:var(--calcite-font-size-0);line-height:1.375;margin-top:0.125rem;margin-bottom:0.125rem}/*!@:host([width=auto])*/[width=auto].sc-calcite-notice-h{--calcite-notice-width:auto}/*!@:host([width=half])*/[width=half].sc-calcite-notice-h{--calcite-notice-width:50%}/*!@:host([width=full])*/[width=full].sc-calcite-notice-h{--calcite-notice-width:100%}/*!@:host*/.sc-calcite-notice-h{display:none;margin-left:auto;margin-right:auto;max-width:100%;-ms-flex-align:center;align-items:center;width:var(--calcite-notice-width)}/*!@.container*/.container.sc-calcite-notice{display:none;text-align:left;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;opacity:0;pointer-events:none;background-color:var(--calcite-ui-foreground-1);max-height:0;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;border-left:0px solid;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}/*!@.notice-close*/.notice-close.sc-calcite-notice{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}/*!@.notice-close:focus*/.notice-close.sc-calcite-notice:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host*/.sc-calcite-notice-h{display:-ms-flexbox;display:flex}/*!@:host([active]) .container*/[active].sc-calcite-notice-h .container.sc-calcite-notice{display:-ms-flexbox;display:flex;-webkit-box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);box-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);-ms-flex-align:center;align-items:center;opacity:1;max-height:100%;border-width:2px;pointer-events:auto}/*!@.container slot[name=title]::slotted(*),\n.container *::slotted([slot=title])*/.container slot[name=title].sc-calcite-notice-s>*,.container *.sc-calcite-notice-s>[slot=title]{margin:0;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@.container slot[name=message]::slotted(*),\n.container *::slotted([slot=message])*/.container slot[name=message].sc-calcite-notice-s>*,.container *.sc-calcite-notice-s>[slot=message]{display:inline;margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);margin-right:var(--calcite-notice-spacing-token-small)}/*!@.calcite--rtl slot[name=message]::slotted(*),\n.calcite--rtl *::slotted([slot=message])*/.calcite--rtl slot[name=message].sc-calcite-notice-s>*,.calcite--rtl *.sc-calcite-notice-s>[slot=message]{margin-right:0;margin-left:var(--calcite-notice-spacing-token-small)}/*!@.notice-content*/.notice-content.sc-calcite-notice{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;overflow-wrap:break-word;-ms-flex:1 1 0px;flex:1 1 0;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-small) 0}/*!@.notice-content:first-of-type:not(:only-child)*/.notice-content.sc-calcite-notice:first-of-type:not(:only-child){padding-left:var(--calcite-notice-spacing-token-large)}/*!@.notice-content:only-of-type*/.notice-content.sc-calcite-notice:only-of-type{padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large)}/*!@.notice-icon*/.notice-icon.sc-calcite-notice{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}/*!@.notice-close*/.notice-close.sc-calcite-notice{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:transparent;border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--calcite-ui-text-3);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-webkit-appearance:none}/*!@.notice-close:hover, .notice-close:focus*/.notice-close.sc-calcite-notice:hover,.notice-close.sc-calcite-notice:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@.notice-close:active*/.notice-close.sc-calcite-notice:active{background-color:var(--calcite-ui-foreground-3)}/*!@.actions-end*/.actions-end.sc-calcite-notice{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}/*!@.calcite--rtl*/.calcite--rtl.sc-calcite-notice{text-align:right;border-left:none;border-right:0px solid}/*!@.calcite--rtl .notice-content*/.calcite--rtl.sc-calcite-notice .notice-content.sc-calcite-notice{padding:var(--calcite-notice-spacing-token-small) 0 var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-small)}/*!@.calcite--rtl .notice-content:first-of-type:not(:only-child)*/.calcite--rtl.sc-calcite-notice .notice-content.sc-calcite-notice:first-of-type:not(:only-child){padding-right:var(--calcite-notice-spacing-token-large)}/*!@.calcite--rtl .notice-content:only-of-type*/.calcite--rtl.sc-calcite-notice .notice-content.sc-calcite-notice:only-of-type{padding:var(--calcite-notice-spacing-token-small) var(--calcite-notice-spacing-token-large)}/*!@:host([color=blue]) .container*/[color=blue].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-brand)}/*!@:host([color=blue]) .container .notice-icon*/[color=blue].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-brand)}/*!@:host([color=red]) .container*/[color=red].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-danger)}/*!@:host([color=red]) .container .notice-icon*/[color=red].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-danger)}/*!@:host([color=yellow]) .container*/[color=yellow].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-warning)}/*!@:host([color=yellow]) .container .notice-icon*/[color=yellow].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-warning)}/*!@:host([color=green]) .container*/[color=green].sc-calcite-notice-h .container.sc-calcite-notice{border-color:var(--calcite-ui-success)}/*!@:host([color=green]) .container .notice-icon*/[color=green].sc-calcite-notice-h .container.sc-calcite-notice .notice-icon.sc-calcite-notice{color:var(--calcite-ui-success)}";
|
|
20459
20551
|
|
|
20460
20552
|
/** Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because
|
|
20461
20553
|
* notices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.
|
|
@@ -20925,7 +21017,7 @@ const TEXT$7 = {
|
|
|
20925
21017
|
};
|
|
20926
21018
|
const HEADING_LEVEL$4 = 3;
|
|
20927
21019
|
|
|
20928
|
-
const calcitePanelCss = "@-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*/.sc-calcite-panel:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-panel{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*/.calcite-animate__in.sc-calcite-panel{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-panel{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-panel{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-panel{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-panel-h{-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 **/.sc-calcite-panel-h *.sc-calcite-panel{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-panel:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-panel-h{display:none}/*!@:host*/.sc-calcite-panel-h{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative;width:100%;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}/*!@.header*/.header.sc-calcite-panel{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*/.heading.sc-calcite-panel{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-panel .heading.sc-calcite-panel{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-panel{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-panel{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-panel{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-panel,h5.heading.sc-calcite-panel{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.container*/.container.sc-calcite-panel{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);width:100%;padding:0;margin:0;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}/*!@:host([height-scale=s])*/[height-scale=s].sc-calcite-panel-h{--calcite-panel-max-height:40vh}/*!@:host([height-scale=m])*/[height-scale=m].sc-calcite-panel-h{--calcite-panel-max-height:60vh}/*!@:host([height-scale=l])*/[height-scale=l].sc-calcite-panel-h{--calcite-panel-max-height:80vh}/*!@:host([width-scale=s])*/[width-scale=s].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}/*!@:host([width-scale=m])*/[width-scale=m].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}/*!@:host([width-scale=l])*/[width-scale=l].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}/*!@.container[hidden]*/.container[hidden].sc-calcite-panel{display:none}/*!@:host([loading]) .container,\n:host([disabled]) .container*/[loading].sc-calcite-panel-h .container.sc-calcite-panel,[disabled].sc-calcite-panel-h .container.sc-calcite-panel{position:relative;z-index:1}/*!@.header*/.header.sc-calcite-panel{border-bottom:1px solid;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;border-bottom-color:var(--calcite-ui-border-2);width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}/*!@.header-content*/.header-content.sc-calcite-panel{
|
|
21020
|
+
const calcitePanelCss = "@-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*/.sc-calcite-panel:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-panel{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*/.calcite-animate__in.sc-calcite-panel{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-panel{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-panel{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-panel{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:host*/.sc-calcite-panel-h{-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 **/.sc-calcite-panel-h *.sc-calcite-panel{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:root*/.sc-calcite-panel:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-panel-h{display:none}/*!@:host*/.sc-calcite-panel-h{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative;width:100%;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}/*!@.header*/.header.sc-calcite-panel{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*/.heading.sc-calcite-panel{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}/*!@.header .heading*/.header.sc-calcite-panel .heading.sc-calcite-panel{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}/*!@h1.heading*/h1.heading.sc-calcite-panel{font-size:var(--calcite-font-size-2);line-height:1.5rem}/*!@h2.heading*/h2.heading.sc-calcite-panel{font-size:var(--calcite-font-size-1);line-height:1.5rem}/*!@h3.heading*/h3.heading.sc-calcite-panel{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@h4.heading,\nh5.heading*/h4.heading.sc-calcite-panel,h5.heading.sc-calcite-panel{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.container*/.container.sc-calcite-panel{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);width:100%;padding:0;margin:0;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}/*!@:host([height-scale=s])*/[height-scale=s].sc-calcite-panel-h{--calcite-panel-max-height:40vh}/*!@:host([height-scale=m])*/[height-scale=m].sc-calcite-panel-h{--calcite-panel-max-height:60vh}/*!@:host([height-scale=l])*/[height-scale=l].sc-calcite-panel-h{--calcite-panel-max-height:80vh}/*!@:host([width-scale=s])*/[width-scale=s].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}/*!@:host([width-scale=m])*/[width-scale=m].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}/*!@:host([width-scale=l])*/[width-scale=l].sc-calcite-panel-h{--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}/*!@.container[hidden]*/.container[hidden].sc-calcite-panel{display:none}/*!@:host([loading]) .container,\n:host([disabled]) .container*/[loading].sc-calcite-panel-h .container.sc-calcite-panel,[disabled].sc-calcite-panel-h .container.sc-calcite-panel{position:relative;z-index:1}/*!@.header*/.header.sc-calcite-panel{border-bottom:1px solid;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;border-bottom-color:var(--calcite-ui-border-2);width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}/*!@.header-content*/.header-content.sc-calcite-panel{overflow:hidden;margin-right:auto;padding-left:0.75rem;padding-right:0.75rem;padding-top:1rem;padding-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}/*!@.header-content .heading,\n.header-content .summary*/.header-content.sc-calcite-panel .heading.sc-calcite-panel,.header-content.sc-calcite-panel .summary.sc-calcite-panel{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}/*!@.header-content .heading*/.header-content.sc-calcite-panel .heading.sc-calcite-panel{font-weight:var(--calcite-font-weight-medium);margin-top:0;margin-left:0;margin-right:0;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@.header-content .heading:only-child*/.header-content.sc-calcite-panel .heading.sc-calcite-panel:only-child{margin-bottom:0}/*!@.header-content .summary*/.header-content.sc-calcite-panel .summary.sc-calcite-panel{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.back-button*/.back-button.sc-calcite-panel{border-color:var(--calcite-ui-border-2);border-style:solid;border-width:0;border-right-width:1px}/*!@.calcite--rtl .back-button*/.calcite--rtl.sc-calcite-panel .back-button.sc-calcite-panel{border-right-width:0;border-left-width:1px}/*!@.header-actions*/.header-actions.sc-calcite-panel{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}/*!@.header-actions--end*/.header-actions--end.sc-calcite-panel{margin-left:auto}/*!@.menu-container:only-child*/.menu-container.sc-calcite-panel:only-child{margin-left:auto}/*!@.menu-button*/.menu-button.sc-calcite-panel{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}/*!@.menu*/.menu.sc-calcite-panel{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}/*!@.content-container*/.content-container.sc-calcite-panel{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}/*!@.footer*/.footer.sc-calcite-panel{border-top:1px solid;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:-webkit-sticky;position:sticky;bottom:0;width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}/*!@.calcite--rtl .header-content*/.calcite--rtl.sc-calcite-panel .header-content.sc-calcite-panel{margin-left:auto;margin-right:unset}/*!@.calcite--rtl .header-actions--end*/.calcite--rtl.sc-calcite-panel .header-actions--end.sc-calcite-panel{margin-right:auto;margin-left:unset}/*!@.calcite--rtl .menu-container:only-child*/.calcite--rtl.sc-calcite-panel .menu-container.sc-calcite-panel:only-child{margin-right:auto;margin-left:unset}/*!@.fab-container*/.fab-container.sc-calcite-panel{display:inline-block;position:-webkit-sticky;position:sticky;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0.5rem;bottom:0;left:0;right:0;z-index:1}";
|
|
20929
21021
|
|
|
20930
21022
|
/**
|
|
20931
21023
|
* @slot - A slot for adding custom content.
|
|
@@ -22005,7 +22097,7 @@ class CalcitePopover {
|
|
|
22005
22097
|
const { popper, el, placement } = this;
|
|
22006
22098
|
const modifiers = this.getModifiers();
|
|
22007
22099
|
popper
|
|
22008
|
-
? updatePopper({
|
|
22100
|
+
? await updatePopper({
|
|
22009
22101
|
el,
|
|
22010
22102
|
modifiers,
|
|
22011
22103
|
placement,
|
|
@@ -22381,21 +22473,6 @@ class CalciteRadioButton {
|
|
|
22381
22473
|
this.clickHandler = () => {
|
|
22382
22474
|
this.toggle();
|
|
22383
22475
|
};
|
|
22384
|
-
this.onLabelClick = (event) => {
|
|
22385
|
-
if (!this.disabled && !this.hidden) {
|
|
22386
|
-
this.uncheckOtherRadioButtonsInGroup();
|
|
22387
|
-
const label = event.currentTarget;
|
|
22388
|
-
const radioButton = label.for
|
|
22389
|
-
? this.rootNode.querySelector(`calcite-radio-button[id="${label.for}"]`)
|
|
22390
|
-
: label.querySelector(`calcite-radio-button[name="${this.name}"]`);
|
|
22391
|
-
if (radioButton) {
|
|
22392
|
-
radioButton.checked = true;
|
|
22393
|
-
radioButton.focused = true;
|
|
22394
|
-
}
|
|
22395
|
-
this.calciteRadioButtonChange.emit();
|
|
22396
|
-
this.setFocus();
|
|
22397
|
-
}
|
|
22398
|
-
};
|
|
22399
22476
|
this.setInputEl = (el) => {
|
|
22400
22477
|
this.inputEl = el;
|
|
22401
22478
|
};
|
|
@@ -22467,6 +22544,21 @@ class CalciteRadioButton {
|
|
|
22467
22544
|
async setFocus() {
|
|
22468
22545
|
focusElement(this.inputEl);
|
|
22469
22546
|
}
|
|
22547
|
+
onLabelClick(event) {
|
|
22548
|
+
if (!this.disabled && !this.hidden) {
|
|
22549
|
+
this.uncheckOtherRadioButtonsInGroup();
|
|
22550
|
+
const label = event.currentTarget;
|
|
22551
|
+
const radioButton = label.for
|
|
22552
|
+
? this.rootNode.querySelector(`calcite-radio-button[id="${label.for}"]`)
|
|
22553
|
+
: label.querySelector(`calcite-radio-button[name="${this.name}"]`);
|
|
22554
|
+
if (radioButton) {
|
|
22555
|
+
radioButton.checked = true;
|
|
22556
|
+
radioButton.focused = true;
|
|
22557
|
+
}
|
|
22558
|
+
this.calciteRadioButtonChange.emit();
|
|
22559
|
+
this.setFocus();
|
|
22560
|
+
}
|
|
22561
|
+
}
|
|
22470
22562
|
checkLastRadioButton() {
|
|
22471
22563
|
const radioButtons = Array.from(this.rootNode.querySelectorAll("calcite-radio-button")).filter((radioButton) => radioButton.name === this.name);
|
|
22472
22564
|
const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);
|
|
@@ -22731,14 +22823,6 @@ class CalciteRadioGroup {
|
|
|
22731
22823
|
this.el.appendChild(input);
|
|
22732
22824
|
return input;
|
|
22733
22825
|
})();
|
|
22734
|
-
//--------------------------------------------------------------------------
|
|
22735
|
-
//
|
|
22736
|
-
// Private Methods
|
|
22737
|
-
//
|
|
22738
|
-
//--------------------------------------------------------------------------
|
|
22739
|
-
this.onLabelClick = () => {
|
|
22740
|
-
this.setFocus();
|
|
22741
|
-
};
|
|
22742
22826
|
}
|
|
22743
22827
|
handleNameChange(value) {
|
|
22744
22828
|
this.hiddenInput.name = value;
|
|
@@ -22855,6 +22939,14 @@ class CalciteRadioGroup {
|
|
|
22855
22939
|
var _a;
|
|
22856
22940
|
(_a = (this.selectedItem || this.getItems()[0])) === null || _a === void 0 ? void 0 : _a.focus();
|
|
22857
22941
|
}
|
|
22942
|
+
//--------------------------------------------------------------------------
|
|
22943
|
+
//
|
|
22944
|
+
// Private Methods
|
|
22945
|
+
//
|
|
22946
|
+
//--------------------------------------------------------------------------
|
|
22947
|
+
onLabelClick() {
|
|
22948
|
+
this.setFocus();
|
|
22949
|
+
}
|
|
22858
22950
|
getItems() {
|
|
22859
22951
|
return this.el.querySelectorAll("calcite-radio-group-item");
|
|
22860
22952
|
}
|
|
@@ -22912,7 +23004,7 @@ const CSS$d = {
|
|
|
22912
23004
|
radioGroupItemIcon: "radio-group-item-icon"
|
|
22913
23005
|
};
|
|
22914
23006
|
|
|
22915
|
-
const calciteRadioGroupItemCss = "@-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*/.sc-calcite-radio-group-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-radio-group-item{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*/.calcite-animate__in.sc-calcite-radio-group-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-radio-group-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-radio-group-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-radio-group-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-radio-group-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-radio-group-item-h{display:none}/*!@:host*/.sc-calcite-radio-group-item-h{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;cursor:pointer;font-weight:var(--calcite-font-weight-normal);-webkit-transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out}/*!@:host label*/.sc-calcite-radio-group-item-h label.sc-calcite-radio-group-item{display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;color:var(--calcite-ui-text-3);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;-ms-flex-align:center;align-items:center;margin:0.125rem;-webkit-transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out}/*!@.label--horizontal*/.label--horizontal.sc-calcite-radio-group-item{-ms-flex-pack:center;justify-content:center}/*!@:host*/.sc-calcite-radio-group-item-h{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)*/.sc-calcite-radio-group-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px;outline-offset:-1px}/*!@.label--scale-s*/.label--scale-s.sc-calcite-radio-group-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.125rem;padding-bottom:0.125rem}/*!@.label--scale-m*/.label--scale-m.sc-calcite-radio-group-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem}/*!@.label--scale-l*/.label--scale-l.sc-calcite-radio-group-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-left:1rem;padding-right:1rem;padding-top:0.625rem;padding-bottom:0.625rem}/*!@:host(:hover) label*/.sc-calcite-radio-group-item-h:hover label.sc-calcite-radio-group-item{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@:host(:active) label*/.sc-calcite-radio-group-item-h:active label.sc-calcite-radio-group-item{background-color:var(--calcite-ui-foreground-3)}/*!@:host([checked]) label*/[checked].sc-calcite-radio-group-item-h label.sc-calcite-radio-group-item{background-color:var(--calcite-ui-brand);border-color:var(--calcite-ui-brand);cursor:default;color:var(--calcite-ui-background)}/*!@:host([checked]) .label--outline*/[checked].sc-calcite-radio-group-item-h .label--outline.sc-calcite-radio-group-item{background-color:var(--calcite-ui-foreground-1);border-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);color:var(--calcite-ui-brand)}/*!@::slotted(input)*/.sc-calcite-radio-group-item-s>input{display:none}/*!@.radio-group-item-icon*/.radio-group-item-icon.sc-calcite-radio-group-item{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0
|
|
23007
|
+
const calciteRadioGroupItemCss = "@-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*/.sc-calcite-radio-group-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-radio-group-item{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*/.calcite-animate__in.sc-calcite-radio-group-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-radio-group-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-radio-group-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-radio-group-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-radio-group-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-radio-group-item-h{display:none}/*!@:host*/.sc-calcite-radio-group-item-h{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;cursor:pointer;font-weight:var(--calcite-font-weight-normal);-webkit-transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out}/*!@:host label*/.sc-calcite-radio-group-item-h label.sc-calcite-radio-group-item{display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;color:var(--calcite-ui-text-3);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;-ms-flex-align:center;align-items:center;margin:0.125rem;-webkit-transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out}/*!@.label--horizontal*/.label--horizontal.sc-calcite-radio-group-item{-ms-flex-pack:center;justify-content:center}/*!@:host*/.sc-calcite-radio-group-item-h{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)*/.sc-calcite-radio-group-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px;outline-offset:-1px}/*!@.label--scale-s*/.label--scale-s.sc-calcite-radio-group-item{font-size:var(--calcite-font-size--2);line-height:1rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.125rem;padding-bottom:0.125rem}/*!@.label--scale-m*/.label--scale-m.sc-calcite-radio-group-item{font-size:var(--calcite-font-size--1);line-height:1rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem}/*!@.label--scale-l*/.label--scale-l.sc-calcite-radio-group-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-left:1rem;padding-right:1rem;padding-top:0.625rem;padding-bottom:0.625rem}/*!@:host(:hover) label*/.sc-calcite-radio-group-item-h:hover label.sc-calcite-radio-group-item{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@:host(:active) label*/.sc-calcite-radio-group-item-h:active label.sc-calcite-radio-group-item{background-color:var(--calcite-ui-foreground-3)}/*!@:host([checked]) label*/[checked].sc-calcite-radio-group-item-h label.sc-calcite-radio-group-item{background-color:var(--calcite-ui-brand);border-color:var(--calcite-ui-brand);cursor:default;color:var(--calcite-ui-background)}/*!@:host([checked]) .label--outline*/[checked].sc-calcite-radio-group-item-h .label--outline.sc-calcite-radio-group-item{background-color:var(--calcite-ui-foreground-1);border-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);color:var(--calcite-ui-brand)}/*!@::slotted(input)*/.sc-calcite-radio-group-item-s>input{display:none}/*!@.radio-group-item-icon*/.radio-group-item-icon.sc-calcite-radio-group-item{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;line-height:inherit}/*!@:host([icon-position=start]) .label--scale-s .radio-group-item-icon*/[icon-position=start].sc-calcite-radio-group-item-h .label--scale-s.sc-calcite-radio-group-item .radio-group-item-icon.sc-calcite-radio-group-item{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}/*!@:host([icon-position=end]) .label--scale-s .radio-group-item-icon*/[icon-position=end].sc-calcite-radio-group-item-h .label--scale-s.sc-calcite-radio-group-item .radio-group-item-icon.sc-calcite-radio-group-item{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}/*!@:host([icon-position=start]) .label--scale-m .radio-group-item-icon*/[icon-position=start].sc-calcite-radio-group-item-h .label--scale-m.sc-calcite-radio-group-item .radio-group-item-icon.sc-calcite-radio-group-item{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}/*!@:host([icon-position=end]) .label--scale-m .radio-group-item-icon*/[icon-position=end].sc-calcite-radio-group-item-h .label--scale-m.sc-calcite-radio-group-item .radio-group-item-icon.sc-calcite-radio-group-item{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}/*!@:host([icon-position=start]) .label--scale-l .radio-group-item-icon*/[icon-position=start].sc-calcite-radio-group-item-h .label--scale-l.sc-calcite-radio-group-item .radio-group-item-icon.sc-calcite-radio-group-item{-webkit-margin-end:1rem;margin-inline-end:1rem}/*!@:host([icon-position=end]) .label--scale-l .radio-group-item-icon*/[icon-position=end].sc-calcite-radio-group-item-h .label--scale-l.sc-calcite-radio-group-item .radio-group-item-icon.sc-calcite-radio-group-item{-webkit-margin-end:unset;margin-inline-end:unset;-webkit-margin-start:1rem;margin-inline-start:1rem}";
|
|
22916
23008
|
|
|
22917
23009
|
class CalciteRadioGroupItem {
|
|
22918
23010
|
constructor(hostRef) {
|
|
@@ -23054,14 +23146,6 @@ class CalciteRating {
|
|
|
23054
23146
|
* @default "Stars: ${num}"
|
|
23055
23147
|
*/
|
|
23056
23148
|
this.intlStars = TEXT$4.stars;
|
|
23057
|
-
//--------------------------------------------------------------------------
|
|
23058
|
-
//
|
|
23059
|
-
// Private Methods
|
|
23060
|
-
//
|
|
23061
|
-
//--------------------------------------------------------------------------
|
|
23062
|
-
this.onLabelClick = () => {
|
|
23063
|
-
this.setFocus();
|
|
23064
|
-
};
|
|
23065
23149
|
this.guid = `calcite-ratings-${guid()}`;
|
|
23066
23150
|
}
|
|
23067
23151
|
//--------------------------------------------------------------------------
|
|
@@ -23110,6 +23194,14 @@ class CalciteRating {
|
|
|
23110
23194
|
return (hAsync(Fragment, null, hAsync("fieldset", { class: { fieldset: true, [CSS_UTILITY.rtl]: dir === "rtl" }, onBlur: () => (this.hoverValue = null), onMouseLeave: () => (this.hoverValue = null), onTouchEnd: () => (this.hoverValue = null) }, hAsync("legend", { class: "visually-hidden" }, intlRating), this.renderStars()), (count || average) && showChip ? (hAsync("calcite-chip", { class: { [CSS_UTILITY.rtl]: dir === "rtl" }, dir: dir, scale: scale, value: count === null || count === void 0 ? void 0 : count.toString() }, !!average && hAsync("span", { class: "number--average" }, average.toString()), !!count && hAsync("span", { class: "number--count" }, "(", count === null || count === void 0 ? void 0 :
|
|
23111
23195
|
count.toString(), ")"))) : null));
|
|
23112
23196
|
}
|
|
23197
|
+
//--------------------------------------------------------------------------
|
|
23198
|
+
//
|
|
23199
|
+
// Private Methods
|
|
23200
|
+
//
|
|
23201
|
+
//--------------------------------------------------------------------------
|
|
23202
|
+
onLabelClick() {
|
|
23203
|
+
this.setFocus();
|
|
23204
|
+
}
|
|
23113
23205
|
updateValue(value) {
|
|
23114
23206
|
this.value = value;
|
|
23115
23207
|
this.calciteRatingChange.emit({ value });
|
|
@@ -23252,14 +23344,6 @@ class CalciteSelect {
|
|
|
23252
23344
|
this.selectFromNativeOption(selected);
|
|
23253
23345
|
requestAnimationFrame(() => this.emitChangeEvent());
|
|
23254
23346
|
};
|
|
23255
|
-
//--------------------------------------------------------------------------
|
|
23256
|
-
//
|
|
23257
|
-
// Private Methods
|
|
23258
|
-
//
|
|
23259
|
-
//--------------------------------------------------------------------------
|
|
23260
|
-
this.onLabelClick = () => {
|
|
23261
|
-
this.setFocus();
|
|
23262
|
-
};
|
|
23263
23347
|
this.populateInternalSelect = () => {
|
|
23264
23348
|
const optionsAndGroups = Array.from(this.el.children);
|
|
23265
23349
|
this.clearInternalSelect();
|
|
@@ -23315,6 +23399,14 @@ class CalciteSelect {
|
|
|
23315
23399
|
this.deselectAllExcept(optionOrGroup);
|
|
23316
23400
|
}
|
|
23317
23401
|
}
|
|
23402
|
+
//--------------------------------------------------------------------------
|
|
23403
|
+
//
|
|
23404
|
+
// Private Methods
|
|
23405
|
+
//
|
|
23406
|
+
//--------------------------------------------------------------------------
|
|
23407
|
+
onLabelClick() {
|
|
23408
|
+
this.setFocus();
|
|
23409
|
+
}
|
|
23318
23410
|
updateNativeElement(optionOrGroup, nativeOptionOrGroup) {
|
|
23319
23411
|
nativeOptionOrGroup.disabled = optionOrGroup.disabled;
|
|
23320
23412
|
nativeOptionOrGroup.label = optionOrGroup.label;
|
|
@@ -23651,7 +23743,7 @@ class CalciteShellPanel {
|
|
|
23651
23743
|
}; }
|
|
23652
23744
|
}
|
|
23653
23745
|
|
|
23654
|
-
const calciteSliderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-slider:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-slider{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*/.calcite-animate__in.sc-calcite-slider{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-slider{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-slider{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-slider{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-slider:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-slider-h{display:none}/*!@:host*/.sc-calcite-slider-h{display:block}/*!@.container*/.container.sc-calcite-slider{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}/*!@:host([disabled])*/[disabled].sc-calcite-slider-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@:host([disabled]) .track__range,\n:host([disabled]) .tick--active*/[disabled].sc-calcite-slider-h .track__range.sc-calcite-slider,[disabled].sc-calcite-slider-h .tick--active.sc-calcite-slider{background-color:var(--calcite-ui-text-3)}/*!@:host([disabled]) .graph .graph-path--highlight*/[disabled].sc-calcite-slider-h .graph.sc-calcite-slider .graph-path--highlight.sc-calcite-slider{fill:var(--calcite-ui-text-3)}/*!@:host([label-handles]) .container,\n:host([precise]:not([precise=false])) .container*/[label-handles].sc-calcite-slider-h .container.sc-calcite-slider,[precise].sc-calcite-slider-h:not([precise=false]) .container.sc-calcite-slider{margin-top:21px}/*!@:host([label-ticks]),\n:host([precise]:not([precise=false])) .container--range*/[label-ticks].sc-calcite-slider-h,[precise].sc-calcite-slider-h:not([precise=false]) .container--range.sc-calcite-slider{margin-bottom:21px}/*!@:host([precise]:not([precise=false])[label-handles]) .container*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container.sc-calcite-slider{margin-top:35px}/*!@:host([precise]:not([precise=false])[label-handles]) .container--range*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container--range.sc-calcite-slider{margin-bottom:35px}/*!@.thumb*/.thumb.sc-calcite-slider{position:absolute;border-style:none;background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-family:inherit;z-index:2;-webkit-transform:translate(7px, -8px);transform:translate(7px, -8px)}/*!@.thumb .handle__label*/.thumb.sc-calcite-slider .handle__label.sc-calcite-slider{font-size:0.75rem;line-height:1.5;font-weight:500;line-height:1;color:var(--calcite-ui-text-2);margin-bottom:5px}/*!@.thumb .handle__label.static, .thumb .handle__label.transformed*/.thumb.sc-calcite-slider .handle__label.static.sc-calcite-slider,.thumb.sc-calcite-slider .handle__label.transformed.sc-calcite-slider{opacity:0;position:absolute;top:0;bottom:0}/*!@.thumb .handle__label.hyphen::after*/.thumb.sc-calcite-slider .handle__label.hyphen.sc-calcite-slider::after{content:\"—\";display:inline-block;width:1em}/*!@.thumb .handle*/.thumb.sc-calcite-slider .handle.sc-calcite-slider{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;height:14px;width:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease}/*!@.thumb .handle-extension*/.thumb.sc-calcite-slider .handle-extension.sc-calcite-slider{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}/*!@.thumb:hover .handle*/.thumb.sc-calcite-slider:hover .handle.sc-calcite-slider{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}/*!@.thumb:hover .handle-extension*/.thumb.sc-calcite-slider:hover .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb:focus .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}/*!@.thumb:focus .handle-extension*/.thumb.sc-calcite-slider:focus .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb--minValue*/.thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}/*!@:host([label-handles]) .thumb*/[label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}/*!@:host([label-handles]) .thumb--minValue*/[label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}/*!@:host([has-histogram][label-handles]) .thumb*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}/*!@:host([has-histogram][label-handles]) .thumb .handle__label*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][label-handles]) .thumb--minValue*/[has-histogram][label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}/*!@:host([precise]:not([precise=false])) .thumb*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue .handle__label*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb--minValue*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb--minValue*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@.thumb:focus,\n.thumb--active*/.thumb.sc-calcite-slider:focus,.thumb--active.sc-calcite-slider{z-index:3}/*!@.thumb:focus .handle,\n.thumb--active .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider,.thumb--active.sc-calcite-slider .handle.sc-calcite-slider{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}/*!@.thumb:hover.thumb--precise:after,\n.thumb:focus.thumb--precise:after,\n.thumb--active.thumb--precise:after*/.thumb.sc-calcite-slider:hover.thumb--precise:after,.thumb.sc-calcite-slider:focus.thumb--precise:after,.thumb--active.thumb--precise.sc-calcite-slider:after{background-color:var(--calcite-ui-brand)}/*!@.track*/.track.sc-calcite-slider{height:2px;border-radius:0;z-index:1;background-color:var(--calcite-ui-border-2);-webkit-transition:all 250ms ease-in;transition:all 250ms ease-in;position:relative}/*!@.track__range*/.track__range.sc-calcite-slider{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}/*!@.container--range .track__range:hover*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:hover{cursor:ew-resize}/*!@.container--range .track__range:after*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:after{content:\"\";position:absolute;top:-5px;width:100%;height:14px}/*!@.tick*/.tick.sc-calcite-slider{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-ui-border-1-offset);margin-left:-2px;border:1px solid var(--calcite-ui-foreground-1);background-color:var(--calcite-ui-border-1)}/*!@.tick--active*/.tick--active.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.tick__label*/.tick__label.sc-calcite-slider{position:absolute;font-size:0.75rem;line-height:1.5;font-weight:500;color:var(--calcite-ui-text-2);width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}/*!@.tick__label--min*/.tick__label--min.sc-calcite-slider{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}/*!@.tick__label--max*/.tick__label--max.sc-calcite-slider{left:unset;right:0;margin:14px -3px;text-align:right;-webkit-transition:opacity 50ms;transition:opacity 50ms}/*!@:host([has-histogram][label-handles]) .tick__label--min,\n:host([has-histogram][label-handles]) .tick__label--max*/[has-histogram][label-handles].sc-calcite-slider-h .tick__label--min.sc-calcite-slider,[has-histogram][label-handles].sc-calcite-slider-h .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@:host([has-histogram][precise]:not([precise=false])) .tick__label--min,\n:host([has-histogram][precise]:not([precise=false])) .tick__label--max*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--min.sc-calcite-slider,[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@.graph*/.graph.sc-calcite-slider{color:var(--calcite-ui-foreground-3)}/*!@:host([mirrored]:not([has-histogram])) .tick__label--min*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--min.sc-calcite-slider{right:0;left:unset;text-align:right}/*!@:host([mirrored]:not([has-histogram])) .tick__label--max*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--max.sc-calcite-slider{right:unset;left:0;text-align:left}";
|
|
23746
|
+
const calciteSliderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-slider:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-slider{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*/.calcite-animate__in.sc-calcite-slider{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-slider{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-slider{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-slider{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-slider:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-slider-h{display:none}/*!@:host*/.sc-calcite-slider-h{display:block}/*!@.container*/.container.sc-calcite-slider{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}/*!@:host([disabled])*/[disabled].sc-calcite-slider-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@:host([disabled]) .track__range,\n:host([disabled]) .tick--active*/[disabled].sc-calcite-slider-h .track__range.sc-calcite-slider,[disabled].sc-calcite-slider-h .tick--active.sc-calcite-slider{background-color:var(--calcite-ui-text-3)}/*!@:host([disabled]) .graph .graph-path--highlight*/[disabled].sc-calcite-slider-h .graph.sc-calcite-slider .graph-path--highlight.sc-calcite-slider{fill:var(--calcite-ui-text-3)}/*!@:host([label-handles]) .container,\n:host([precise]:not([precise=false])) .container*/[label-handles].sc-calcite-slider-h .container.sc-calcite-slider,[precise].sc-calcite-slider-h:not([precise=false]) .container.sc-calcite-slider{margin-top:21px}/*!@:host([label-ticks]),\n:host([precise]:not([precise=false])) .container--range*/[label-ticks].sc-calcite-slider-h,[precise].sc-calcite-slider-h:not([precise=false]) .container--range.sc-calcite-slider{margin-bottom:21px}/*!@:host([precise]:not([precise=false])[label-handles]) .container*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container.sc-calcite-slider{margin-top:35px}/*!@:host([precise]:not([precise=false])[label-handles]) .container--range*/[precise].sc-calcite-slider-h:not([precise=false])[label-handles] .container--range.sc-calcite-slider{margin-bottom:35px}/*!@.thumb*/.thumb.sc-calcite-slider{position:absolute;border-style:none;background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-family:inherit;z-index:2;-webkit-transform:translate(7px, -8px);transform:translate(7px, -8px)}/*!@.thumb .handle__label*/.thumb.sc-calcite-slider .handle__label.sc-calcite-slider{font-size:var(--calcite-font-size--2);font-weight:500;line-height:1;color:var(--calcite-ui-text-2);margin-bottom:5px}/*!@.thumb .handle__label.static, .thumb .handle__label.transformed*/.thumb.sc-calcite-slider .handle__label.static.sc-calcite-slider,.thumb.sc-calcite-slider .handle__label.transformed.sc-calcite-slider{opacity:0;position:absolute;top:0;bottom:0}/*!@.thumb .handle__label.hyphen::after*/.thumb.sc-calcite-slider .handle__label.hyphen.sc-calcite-slider::after{content:\"—\";display:inline-block;width:1em}/*!@.thumb .handle*/.thumb.sc-calcite-slider .handle.sc-calcite-slider{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;height:14px;width:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease}/*!@.thumb .handle-extension*/.thumb.sc-calcite-slider .handle-extension.sc-calcite-slider{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}/*!@.thumb:hover .handle*/.thumb.sc-calcite-slider:hover .handle.sc-calcite-slider{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}/*!@.thumb:hover .handle-extension*/.thumb.sc-calcite-slider:hover .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb:focus .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:2px}/*!@.thumb:focus .handle-extension*/.thumb.sc-calcite-slider:focus .handle-extension.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.thumb--minValue*/.thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -8px);transform:translate(-7px, -8px)}/*!@:host([label-handles]) .thumb*/[label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -25px);transform:translate(50%, -25px)}/*!@:host([label-handles]) .thumb--minValue*/[label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -25px);transform:translate(-50%, -25px)}/*!@:host([has-histogram][label-handles]) .thumb*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -8px);transform:translate(50%, -8px)}/*!@:host([has-histogram][label-handles]) .thumb .handle__label*/[has-histogram][label-handles].sc-calcite-slider-h .thumb.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][label-handles]) .thumb--minValue*/[has-histogram][label-handles].sc-calcite-slider-h .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -8px);transform:translate(-50%, -8px)}/*!@:host([precise]:not([precise=false])) .thumb*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -21px);transform:translate(7px, -21px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -2px);transform:translate(-7px, -2px)}/*!@:host([precise]:not([precise=false])) .thumb--minValue .handle__label*/[precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider .handle__label.sc-calcite-slider{margin-bottom:unset;margin-top:5px}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -2px);transform:translate(7px, -2px)}/*!@:host([has-histogram][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -20px);transform:translate(7px, -20px)}/*!@:host([ticks][precise]:not([precise=false])) .thumb--minValue*/[ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-7px, -3px);transform:translate(-7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(7px, -3px);transform:translate(7px, -3px)}/*!@:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -38px);transform:translate(50%, -38px)}/*!@:host([label-handles][precise]:not([precise=false])) .thumb--minValue*/[label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -2px);transform:translate(50%, -2px)}/*!@:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -2px);transform:translate(-50%, -2px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -37px);transform:translate(50%, -37px)}/*!@:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb.sc-calcite-slider{-webkit-transform:translate(50%, -3px);transform:translate(50%, -3px)}/*!@:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue*/[has-histogram][ticks][label-handles][precise].sc-calcite-slider-h:not([precise=false]) .thumb--minValue.sc-calcite-slider{-webkit-transform:translate(-50%, -3px);transform:translate(-50%, -3px)}/*!@.thumb:focus,\n.thumb--active*/.thumb.sc-calcite-slider:focus,.thumb--active.sc-calcite-slider{z-index:3}/*!@.thumb:focus .handle,\n.thumb--active .handle*/.thumb.sc-calcite-slider:focus .handle.sc-calcite-slider,.thumb--active.sc-calcite-slider .handle.sc-calcite-slider{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}/*!@.thumb:hover.thumb--precise:after,\n.thumb:focus.thumb--precise:after,\n.thumb--active.thumb--precise:after*/.thumb.sc-calcite-slider:hover.thumb--precise:after,.thumb.sc-calcite-slider:focus.thumb--precise:after,.thumb--active.thumb--precise.sc-calcite-slider:after{background-color:var(--calcite-ui-brand)}/*!@.track*/.track.sc-calcite-slider{height:2px;border-radius:0;z-index:1;background-color:var(--calcite-ui-border-2);-webkit-transition:all 250ms ease-in;transition:all 250ms ease-in;position:relative}/*!@.track__range*/.track__range.sc-calcite-slider{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}/*!@.container--range .track__range:hover*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:hover{cursor:ew-resize}/*!@.container--range .track__range:after*/.container--range.sc-calcite-slider .track__range.sc-calcite-slider:after{content:\"\";position:absolute;top:-5px;width:100%;height:14px}/*!@.tick*/.tick.sc-calcite-slider{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-ui-border-1-offset);margin-left:-2px;border:1px solid var(--calcite-ui-foreground-1);background-color:var(--calcite-ui-border-1)}/*!@.tick--active*/.tick--active.sc-calcite-slider{background-color:var(--calcite-ui-brand)}/*!@.tick__label*/.tick__label.sc-calcite-slider{position:absolute;font-size:var(--calcite-font-size--2);font-weight:500;color:var(--calcite-ui-text-2);width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}/*!@.tick__label--min*/.tick__label--min.sc-calcite-slider{left:0;margin:14px -3px;text-align:left;-webkit-transition:opacity 150ms;transition:opacity 150ms}/*!@.tick__label--max*/.tick__label--max.sc-calcite-slider{left:unset;right:0;margin:14px -3px;text-align:right;-webkit-transition:opacity 50ms;transition:opacity 50ms}/*!@:host([has-histogram][label-handles]) .tick__label--min,\n:host([has-histogram][label-handles]) .tick__label--max*/[has-histogram][label-handles].sc-calcite-slider-h .tick__label--min.sc-calcite-slider,[has-histogram][label-handles].sc-calcite-slider-h .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@:host([has-histogram][precise]:not([precise=false])) .tick__label--min,\n:host([has-histogram][precise]:not([precise=false])) .tick__label--max*/[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--min.sc-calcite-slider,[has-histogram][precise].sc-calcite-slider-h:not([precise=false]) .tick__label--max.sc-calcite-slider{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}/*!@.graph*/.graph.sc-calcite-slider{color:var(--calcite-ui-foreground-3)}/*!@:host([mirrored]:not([has-histogram])) .tick__label--min*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--min.sc-calcite-slider{right:0;left:unset;text-align:right}/*!@:host([mirrored]:not([has-histogram])) .tick__label--max*/[mirrored].sc-calcite-slider-h:not([has-histogram]) .tick__label--max.sc-calcite-slider{right:unset;left:0;text-align:left}";
|
|
23655
23747
|
|
|
23656
23748
|
class CalciteSlider {
|
|
23657
23749
|
constructor(hostRef) {
|
|
@@ -23697,14 +23789,6 @@ class CalciteSlider {
|
|
|
23697
23789
|
this.minValueDragRange = null;
|
|
23698
23790
|
this.maxValueDragRange = null;
|
|
23699
23791
|
this.tickValues = [];
|
|
23700
|
-
//--------------------------------------------------------------------------
|
|
23701
|
-
//
|
|
23702
|
-
// Private Methods
|
|
23703
|
-
//
|
|
23704
|
-
//--------------------------------------------------------------------------
|
|
23705
|
-
this.onLabelClick = () => {
|
|
23706
|
-
this.setFocus();
|
|
23707
|
-
};
|
|
23708
23792
|
this.dragUpdate = (event) => {
|
|
23709
23793
|
event.preventDefault();
|
|
23710
23794
|
if (this.dragProp) {
|
|
@@ -23896,7 +23980,7 @@ class CalciteSlider {
|
|
|
23896
23980
|
minHistogramLabeledHandle, !this.precise && !this.labelHandles && handle, !this.hasHistogram && !this.precise && this.labelHandles && labeledHandle, !this.hasHistogram && this.precise && !this.labelHandles && preciseHandle, this.hasHistogram && this.precise && !this.labelHandles && histogramPreciseHandle, !this.hasHistogram && this.precise && this.labelHandles && labeledPreciseHandle, this.hasHistogram && !this.precise && this.labelHandles && histogramLabeledHandle, this.hasHistogram && this.precise && this.labelHandles && histogramLabeledPreciseHandle)));
|
|
23897
23981
|
}
|
|
23898
23982
|
renderGraph() {
|
|
23899
|
-
return this.histogram ? (hAsync("div", { class: "graph" }, hAsync("calcite-graph", { colorStops: this.histogramStops, data: this.histogram, "data-style": "slider-histogram", height: 48, highlightMax: this.isRange ? this.maxValue : this.value, highlightMin: this.isRange ? this.minValue : this.min, width: 300 }))) : null;
|
|
23983
|
+
return this.histogram ? (hAsync("div", { class: "graph" }, hAsync("calcite-graph", { colorStops: this.histogramStops, data: this.histogram, "data-style": "slider-histogram", height: 48, highlightMax: this.isRange ? this.maxValue : this.value, highlightMin: this.isRange ? this.minValue : this.min, max: this.max, min: this.min, width: 300 }))) : null;
|
|
23900
23984
|
}
|
|
23901
23985
|
renderTickLabel(tick) {
|
|
23902
23986
|
const isMinTickLabel = tick === this.min;
|
|
@@ -23905,7 +23989,7 @@ class CalciteSlider {
|
|
|
23905
23989
|
tick__label: true,
|
|
23906
23990
|
"tick__label--min": isMinTickLabel,
|
|
23907
23991
|
"tick__label--max": isMaxTickLabel
|
|
23908
|
-
} }, tick.toLocaleString()));
|
|
23992
|
+
} }, Math.min(tick, this.max).toLocaleString()));
|
|
23909
23993
|
if (this.labelTicks && !this.hasHistogram && !this.isRange) {
|
|
23910
23994
|
return tickLabel;
|
|
23911
23995
|
}
|
|
@@ -24039,6 +24123,14 @@ class CalciteSlider {
|
|
|
24039
24123
|
const handle = this.minHandle ? this.minHandle : this.maxHandle;
|
|
24040
24124
|
handle.focus();
|
|
24041
24125
|
}
|
|
24126
|
+
//--------------------------------------------------------------------------
|
|
24127
|
+
//
|
|
24128
|
+
// Private Methods
|
|
24129
|
+
//
|
|
24130
|
+
//--------------------------------------------------------------------------
|
|
24131
|
+
onLabelClick() {
|
|
24132
|
+
this.setFocus();
|
|
24133
|
+
}
|
|
24042
24134
|
shouldMirror() {
|
|
24043
24135
|
return this.mirrored && !this.hasHistogram;
|
|
24044
24136
|
}
|
|
@@ -28065,17 +28157,6 @@ class CalciteSwitch {
|
|
|
28065
28157
|
/** True if the switch is initially on */
|
|
28066
28158
|
this.checked = false;
|
|
28067
28159
|
this.inputEl = document.createElement("input");
|
|
28068
|
-
//--------------------------------------------------------------------------
|
|
28069
|
-
//
|
|
28070
|
-
// Private Methods
|
|
28071
|
-
//
|
|
28072
|
-
//--------------------------------------------------------------------------
|
|
28073
|
-
this.onLabelClick = () => {
|
|
28074
|
-
if (!this.disabled) {
|
|
28075
|
-
this.toggle();
|
|
28076
|
-
this.setFocus();
|
|
28077
|
-
}
|
|
28078
|
-
};
|
|
28079
28160
|
this.clickHandler = () => {
|
|
28080
28161
|
this.toggle();
|
|
28081
28162
|
};
|
|
@@ -28102,6 +28183,17 @@ class CalciteSwitch {
|
|
|
28102
28183
|
async setFocus() {
|
|
28103
28184
|
this.el.focus();
|
|
28104
28185
|
}
|
|
28186
|
+
//--------------------------------------------------------------------------
|
|
28187
|
+
//
|
|
28188
|
+
// Private Methods
|
|
28189
|
+
//
|
|
28190
|
+
//--------------------------------------------------------------------------
|
|
28191
|
+
onLabelClick() {
|
|
28192
|
+
if (!this.disabled) {
|
|
28193
|
+
this.toggle();
|
|
28194
|
+
this.setFocus();
|
|
28195
|
+
}
|
|
28196
|
+
}
|
|
28105
28197
|
setupInput() {
|
|
28106
28198
|
this.checked && this.inputEl.setAttribute("checked", "");
|
|
28107
28199
|
this.inputEl.disabled = this.disabled;
|
|
@@ -28140,6 +28232,11 @@ class CalciteSwitch {
|
|
|
28140
28232
|
//--------------------------------------------------------------------------
|
|
28141
28233
|
connectedCallback() {
|
|
28142
28234
|
connectLabel(this);
|
|
28235
|
+
const initiallyChecked = this.checked || this.switched;
|
|
28236
|
+
if (initiallyChecked) {
|
|
28237
|
+
// if either prop is set, we ensure both are synced initially
|
|
28238
|
+
this.switched = this.checked = initiallyChecked;
|
|
28239
|
+
}
|
|
28143
28240
|
}
|
|
28144
28241
|
disconnectedCallback() {
|
|
28145
28242
|
disconnectLabel(this);
|
|
@@ -28174,7 +28271,7 @@ class CalciteSwitch {
|
|
|
28174
28271
|
"label": [1],
|
|
28175
28272
|
"name": [513],
|
|
28176
28273
|
"scale": [513],
|
|
28177
|
-
"switched": [
|
|
28274
|
+
"switched": [1028],
|
|
28178
28275
|
"checked": [1540],
|
|
28179
28276
|
"value": [520],
|
|
28180
28277
|
"guid": [32],
|
|
@@ -28881,7 +28978,7 @@ const SLOTS$3 = {
|
|
|
28881
28978
|
contentEnd: "content-end"
|
|
28882
28979
|
};
|
|
28883
28980
|
|
|
28884
|
-
const calciteTileCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tile:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tile{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*/.calcite-animate__in.sc-calcite-tile{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tile{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tile{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tile{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tile:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@:host*/.sc-calcite-tile-h{background-color:var(--calcite-ui-foreground-1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-ui-text-3);display:inline-block;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*!@:host(:not([embed]))*/.sc-calcite-tile-h:not([embed]){padding:0.75rem;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2)}/*!@:host(:not([embed])[href]:hover)*/.sc-calcite-tile-h:not([embed])[href]:hover{cursor:pointer;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-brand)}/*!@:host(:not([embed])[href]:active)*/.sc-calcite-tile-h:not([embed])[href]:active{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand);box-shadow:0 0 0 3px var(--calcite-ui-brand)}/*!@:host([icon][heading]:not([description]):not([embed]))*/[icon][heading].sc-calcite-tile-h:not([description]):not([embed]){padding:0}/*!@:host([icon][heading]:not([description])) .icon*/[icon][heading].sc-calcite-tile-h:not([description]) .icon.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}/*!@:host([icon][heading]:not([description])) .large-visual*/[icon][heading].sc-calcite-tile-h:not([description]) .large-visual.sc-calcite-tile{text-align:center}/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@.container*/.container.sc-calcite-tile{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0.5rem;gap:0.5rem;pointer-events:none}/*!@.content*/.content.sc-calcite-tile{-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;grid-gap:0.5rem;gap:0.5rem}/*!@.content-container*/.content-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-ms-flex-align:stretch;align-items:stretch;padding:0;color:var(--calcite-ui-text-2)}/*!@.content-slot-container*/.content-slot-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}/*!@.content-slot-container:first-child*/.content-slot-container.sc-calcite-tile:first-child{padding-right:0.75rem}/*!@.content-slot-container:last-child*/.content-slot-container.sc-calcite-tile:last-child{padding-left:0.75rem}/*!@.heading*/.heading.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);font-weight:var(--calcite-font-weight-medium);pointer-events:none}/*!@.large-visual*/.large-visual.sc-calcite-tile{-ms-flex-align:center;align-items:center;min-height:12rem}/*!@.large-visual .icon*/.large-visual.sc-calcite-tile .icon.sc-calcite-tile{-ms-flex-item-align:end;align-self:flex-end}/*!@.large-visual .content-container*/.large-visual.sc-calcite-tile .content-container.sc-calcite-tile{-ms-flex-item-align:center;align-self:center}/*!@.description*/.description.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}/*!@:host(:hover) .heading,\n:host([active]) .heading*/.sc-calcite-tile-h:hover .heading.sc-calcite-tile,[active].sc-calcite-tile-h .heading.sc-calcite-tile{color:var(--calcite-ui-text-1)}/*!@:host(:hover) .description,\n:host([active]) .description*/.sc-calcite-tile-h:hover .description.sc-calcite-tile,[active].sc-calcite-tile-h .description.sc-calcite-tile{color:var(--calcite-ui-text-2)}";
|
|
28981
|
+
const calciteTileCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tile:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tile{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*/.calcite-animate__in.sc-calcite-tile{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tile{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tile{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tile{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tile:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@:host*/.sc-calcite-tile-h{background-color:var(--calcite-ui-foreground-1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-ui-text-3);display:inline-block;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*!@:host(:not([embed]))*/.sc-calcite-tile-h:not([embed]){padding:0.75rem;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2)}/*!@:host(:not([embed])[href]:hover)*/.sc-calcite-tile-h:not([embed])[href]:hover{cursor:pointer;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-brand)}/*!@:host(:not([embed])[href]:active)*/.sc-calcite-tile-h:not([embed])[href]:active{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand);box-shadow:0 0 0 3px var(--calcite-ui-brand)}/*!@:host([icon][heading]:not([description]):not([embed]))*/[icon][heading].sc-calcite-tile-h:not([description]):not([embed]){padding:0}/*!@:host([icon][heading]:not([description])) .icon*/[icon][heading].sc-calcite-tile-h:not([description]) .icon.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}/*!@:host([icon][heading]:not([description])) .large-visual*/[icon][heading].sc-calcite-tile-h:not([description]) .large-visual.sc-calcite-tile{text-align:center}/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}/*!@.container*/.container.sc-calcite-tile{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:0.5rem;gap:0.5rem;pointer-events:none}/*!@.content*/.content.sc-calcite-tile{-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;grid-gap:0.5rem;gap:0.5rem;width:10%}/*!@.content-container*/.content-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-ms-flex-align:stretch;align-items:stretch;padding:0;color:var(--calcite-ui-text-2);width:100%}/*!@.content-slot-container*/.content-slot-container.sc-calcite-tile{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}/*!@.content-slot-container:first-child*/.content-slot-container.sc-calcite-tile:first-child{padding-right:0.75rem}/*!@.content-slot-container:last-child*/.content-slot-container.sc-calcite-tile:last-child{padding-left:0.75rem}/*!@.heading*/.heading.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);font-weight:var(--calcite-font-weight-medium);pointer-events:none;word-wrap:break-word;overflow-wrap:break-word}/*!@.large-visual*/.large-visual.sc-calcite-tile{-ms-flex-align:center;align-items:center;min-height:12rem}/*!@.large-visual .icon*/.large-visual.sc-calcite-tile .icon.sc-calcite-tile{-ms-flex-item-align:end;align-self:flex-end}/*!@.large-visual .content-container*/.large-visual.sc-calcite-tile .content-container.sc-calcite-tile{-ms-flex-item-align:center;align-self:center}/*!@.description*/.description.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}/*!@:host(:hover) .heading,\n:host([active]) .heading*/.sc-calcite-tile-h:hover .heading.sc-calcite-tile,[active].sc-calcite-tile-h .heading.sc-calcite-tile{color:var(--calcite-ui-text-1)}/*!@:host(:hover) .description,\n:host([active]) .description*/.sc-calcite-tile-h:hover .description.sc-calcite-tile,[active].sc-calcite-tile-h .description.sc-calcite-tile{color:var(--calcite-ui-text-2)}";
|
|
28885
28982
|
|
|
28886
28983
|
/**
|
|
28887
28984
|
* @slot content-start - A slot for adding non-actionable elements before the tile content.
|
|
@@ -30263,7 +30360,7 @@ class CalciteTooltip {
|
|
|
30263
30360
|
const { popper, el, placement } = this;
|
|
30264
30361
|
const modifiers = this.getModifiers();
|
|
30265
30362
|
popper
|
|
30266
|
-
? updatePopper({
|
|
30363
|
+
? await updatePopper({
|
|
30267
30364
|
el,
|
|
30268
30365
|
modifiers,
|
|
30269
30366
|
placement,
|
|
@@ -30429,13 +30526,14 @@ class CalciteTooltipManager {
|
|
|
30429
30526
|
};
|
|
30430
30527
|
this.activeTooltipHover = (event) => {
|
|
30431
30528
|
const { tooltipEl, hoverTimeouts } = this;
|
|
30529
|
+
const { type } = event;
|
|
30432
30530
|
if (!tooltipEl) {
|
|
30433
30531
|
return;
|
|
30434
30532
|
}
|
|
30435
|
-
if (event.composedPath().includes(tooltipEl)) {
|
|
30533
|
+
if (type === "mouseover" && event.composedPath().includes(tooltipEl)) {
|
|
30436
30534
|
this.clearHoverTimeout(tooltipEl);
|
|
30437
30535
|
}
|
|
30438
|
-
else if (!hoverTimeouts.has(tooltipEl)) {
|
|
30536
|
+
else if (type === "mouseout" && !hoverTimeouts.has(tooltipEl)) {
|
|
30439
30537
|
this.hoverTooltip({ tooltip: tooltipEl, value: false });
|
|
30440
30538
|
}
|
|
30441
30539
|
};
|