@esri/calcite-components 1.0.0-beta.89 → 1.0.0-beta.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/assets/date-picker/nls/pt-PT.json +1 -0
- package/dist/calcite/calcite.css +1 -1
- package/dist/calcite/calcite.esm.js +2 -2
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/index.esm.js +1 -1
- package/dist/calcite/{p-5fc1eb80.system.js → p-009b9bcf.system.js} +2 -2
- package/dist/calcite/p-0214df92.system.entry.js +6 -0
- package/dist/calcite/p-0242e56a.entry.js +6 -0
- package/dist/calcite/p-02c2ce31.js +6 -0
- package/dist/calcite/p-02eea8e8.entry.js +6 -0
- package/dist/calcite/p-03ec4fdc.system.entry.js +6 -0
- package/dist/calcite/p-05282d96.entry.js +6 -0
- package/dist/calcite/p-08ae1bba.entry.js +6 -0
- package/dist/calcite/p-093b8180.entry.js +6 -0
- package/dist/calcite/p-0bf91224.system.entry.js +6 -0
- package/dist/calcite/{p-06fc9fd6.js → p-0c2e3108.js} +2 -2
- package/dist/calcite/p-0c545eab.system.entry.js +6 -0
- package/dist/calcite/p-0e2b3ba0.system.entry.js +6 -0
- package/dist/calcite/p-1486a22e.system.entry.js +6 -0
- package/dist/calcite/{p-119c7d93.js → p-16619b68.js} +2 -2
- package/dist/calcite/{p-2cb5dffe.js → p-18e6c277.js} +1 -1
- package/dist/calcite/p-19c2f634.system.js +6 -0
- package/dist/calcite/p-1b54481c.entry.js +6 -0
- package/dist/calcite/p-1cf78741.system.entry.js +6 -0
- package/dist/calcite/p-20cc09d3.entry.js +6 -0
- package/dist/calcite/p-212092fa.entry.js +6 -0
- package/dist/calcite/{p-902f9dfe.js → p-21632661.js} +1 -1
- package/dist/calcite/p-21c39562.system.entry.js +6 -0
- package/dist/calcite/p-233d5760.entry.js +6 -0
- package/dist/calcite/p-23887d7a.entry.js +6 -0
- package/dist/calcite/p-23e60c37.system.js +6 -0
- package/dist/calcite/{p-4e7eccae.system.js → p-25133c26.system.js} +2 -2
- package/dist/calcite/p-29823f6a.system.entry.js +6 -0
- package/dist/calcite/{p-66f20a2d.system.js → p-29b5e936.system.js} +2 -2
- package/dist/calcite/{p-662dc451.js → p-29eff4fc.js} +1 -1
- package/dist/calcite/p-2b6410d0.js +6 -0
- package/dist/calcite/p-2cc54080.js +6 -0
- package/dist/calcite/p-2d556abb.system.entry.js +6 -0
- package/dist/calcite/{p-1003dcd4.js → p-2da1cc68.js} +1 -1
- package/dist/calcite/{p-e6c4aa14.js → p-3022c39d.js} +1 -1
- package/dist/calcite/{p-66031b70.system.entry.js → p-30fad726.system.entry.js} +2 -2
- package/dist/calcite/{p-a944dd17.entry.js → p-31a5871e.entry.js} +2 -2
- package/dist/calcite/p-336043a1.system.entry.js +6 -0
- package/dist/calcite/p-35089404.system.entry.js +6 -0
- package/dist/calcite/{p-e6f222af.entry.js → p-35502d0b.entry.js} +2 -2
- package/dist/calcite/p-39ee1af5.js +6 -0
- package/dist/calcite/{p-e5211d71.entry.js → p-44b68820.entry.js} +2 -2
- package/dist/calcite/{p-0b38cf5e.system.js → p-46e3b866.system.js} +1 -1
- package/dist/calcite/p-47663fe0.system.entry.js +6 -0
- package/dist/calcite/{p-ba1168ae.system.js → p-4a1c8d49.system.js} +1 -1
- package/dist/calcite/{p-7f5a9744.system.js → p-4a411a96.system.js} +2 -2
- package/dist/calcite/p-4b1b97e7.entry.js +6 -0
- package/dist/calcite/{p-8785912e.system.js → p-5066e91f.system.js} +1 -1
- package/dist/calcite/{p-b55e89ba.system.entry.js → p-526248dc.system.entry.js} +2 -2
- package/dist/calcite/p-55b95ba4.system.entry.js +6 -0
- package/dist/calcite/{p-edf40370.js → p-57479f6c.js} +1 -1
- package/dist/calcite/{p-ce3424f9.entry.js → p-583a420c.entry.js} +2 -2
- package/dist/calcite/p-5844bc8a.entry.js +6 -0
- package/dist/calcite/{p-76369b99.js → p-59a5da8a.js} +2 -2
- package/dist/calcite/{p-85c94bde.entry.js → p-5a7d55d2.entry.js} +2 -2
- package/dist/calcite/p-5a912061.system.entry.js +6 -0
- package/dist/calcite/{p-f5111eb8.system.entry.js → p-5cc65795.system.entry.js} +2 -2
- package/dist/calcite/{p-317e13b4.system.js → p-5d7bc59a.system.js} +1 -1
- package/dist/calcite/{p-92d33ef8.js → p-5eb7bb03.js} +1 -1
- package/dist/calcite/{p-025d7d38.entry.js → p-5fc28756.entry.js} +2 -2
- package/dist/calcite/{p-e2759901.system.js → p-60dcdade.system.js} +1 -1
- package/dist/calcite/p-62f91e27.entry.js +6 -0
- package/dist/calcite/p-63d75714.entry.js +6 -0
- package/dist/calcite/p-63ea489c.system.entry.js +6 -0
- package/dist/calcite/p-63f4d615.entry.js +6 -0
- package/dist/calcite/p-667e9955.entry.js +6 -0
- package/dist/calcite/p-6870deed.entry.js +6 -0
- package/dist/calcite/p-68dbaea4.entry.js +6 -0
- package/dist/calcite/p-6a1e2062.system.entry.js +6 -0
- package/dist/calcite/{p-ba4637e7.entry.js → p-6c4ad87d.entry.js} +2 -2
- package/dist/calcite/p-6d51e117.system.entry.js +6 -0
- package/dist/calcite/p-7023b360.system.entry.js +6 -0
- package/dist/calcite/p-71ff8569.entry.js +6 -0
- package/dist/calcite/{p-376901f2.system.js → p-72222c1c.system.js} +1 -1
- package/dist/calcite/{p-6c22ae2a.js → p-72de7bac.js} +1 -1
- package/dist/calcite/p-753dde2f.entry.js +6 -0
- package/dist/calcite/p-7eecec41.system.entry.js +6 -0
- package/dist/calcite/p-7f71caec.entry.js +6 -0
- package/dist/calcite/p-81b35d5d.system.entry.js +6 -0
- package/dist/calcite/p-825ca4fa.system.entry.js +6 -0
- package/dist/calcite/{p-a5ff2716.system.js → p-82d6141a.system.js} +3 -3
- package/dist/calcite/p-839a73f1.system.js +6 -0
- package/dist/calcite/p-844d8c0a.entry.js +6 -0
- package/dist/calcite/p-85500e4f.system.entry.js +6 -0
- package/dist/calcite/{p-36d43f5d.system.entry.js → p-85554d49.system.entry.js} +2 -2
- package/dist/calcite/p-85d5be2b.entry.js +6 -0
- package/dist/calcite/p-8b31fe23.system.entry.js +6 -0
- package/dist/calcite/p-8bcafc96.entry.js +6 -0
- package/dist/calcite/p-8f407d84.entry.js +6 -0
- package/dist/calcite/p-8f72f530.system.entry.js +6 -0
- package/dist/calcite/p-8fdb7f97.entry.js +6 -0
- package/dist/calcite/p-907836fa.entry.js +6 -0
- package/dist/calcite/p-93640639.system.entry.js +6 -0
- package/dist/calcite/p-939c385e.entry.js +6 -0
- package/dist/calcite/p-9406e3b5.system.entry.js +6 -0
- package/dist/calcite/{p-b1593fd6.system.js → p-94765679.system.js} +1 -1
- package/dist/calcite/p-95580555.system.entry.js +6 -0
- package/dist/calcite/p-95c5ce43.entry.js +6 -0
- package/dist/calcite/{p-7a6d2cfd.js → p-96e80eb0.js} +2 -2
- package/dist/calcite/{p-71484298.js → p-978e1777.js} +1 -1
- package/dist/calcite/p-979aee7e.system.entry.js +6 -0
- package/dist/calcite/p-99f6128c.entry.js +6 -0
- package/dist/calcite/p-9b116c59.entry.js +6 -0
- package/dist/calcite/p-9c07b0c0.entry.js +6 -0
- package/dist/calcite/p-9dd62973.system.entry.js +6 -0
- package/dist/calcite/p-9efbf067.entry.js +6 -0
- package/dist/calcite/p-9f226088.system.entry.js +6 -0
- package/dist/calcite/{p-e5403660.system.js → p-9f7bc627.system.js} +2 -2
- package/dist/calcite/p-a0bb13ee.system.entry.js +6 -0
- package/dist/calcite/{p-d0819cad.js → p-a189654d.js} +1 -1
- package/dist/calcite/p-a1efd872.system.entry.js +6 -0
- package/dist/calcite/p-a276c702.system.entry.js +6 -0
- package/dist/calcite/{p-794ef1c9.system.js → p-a2e46a80.system.js} +1 -1
- package/dist/calcite/p-a467545a.entry.js +6 -0
- package/dist/calcite/p-a48fd27e.entry.js +6 -0
- package/dist/calcite/{p-94556892.system.js → p-a75a3ac9.system.js} +2 -2
- package/dist/calcite/p-a7f3ac6a.entry.js +6 -0
- package/dist/calcite/p-aa39ce70.entry.js +6 -0
- package/dist/calcite/p-ac070b26.system.entry.js +6 -0
- package/dist/calcite/p-ac517465.system.entry.js +6 -0
- package/dist/calcite/p-ad7f17d7.system.js +6 -0
- package/dist/calcite/{p-83b7daee.system.js → p-af58a18b.system.js} +1 -1
- package/dist/calcite/{p-2d439f5c.system.js → p-af6a258a.system.js} +1 -1
- package/dist/calcite/p-b25d9fc8.entry.js +6 -0
- package/dist/calcite/p-b271b38a.entry.js +6 -0
- package/dist/calcite/{p-ee94abb7.js → p-b4e139fe.js} +1 -1
- package/dist/calcite/p-b512ea80.system.entry.js +6 -0
- package/dist/calcite/p-b863cb3d.system.entry.js +6 -0
- package/dist/calcite/{p-85cfc2a7.system.js → p-b9bb8ebd.system.js} +2 -2
- package/dist/calcite/p-bb45b137.js +6 -0
- package/dist/calcite/p-bb90fb2e.system.entry.js +6 -0
- package/dist/calcite/p-bb939247.system.entry.js +6 -0
- package/dist/calcite/{p-868413c4.js → p-bc72ddf5.js} +1 -1
- package/dist/calcite/{p-a1847f2c.js → p-be00e22e.js} +1 -1
- package/dist/calcite/p-bf6d2fae.system.entry.js +6 -0
- package/dist/calcite/{p-19974612.system.js → p-c1839811.system.js} +1 -1
- package/dist/calcite/p-c1fa9cc8.js +6 -0
- package/dist/calcite/p-c3450caf.entry.js +6 -0
- package/dist/calcite/p-c3c0f25c.system.entry.js +6 -0
- package/dist/calcite/p-c3ee55e7.system.entry.js +6 -0
- package/dist/calcite/p-c50f4ad9.system.entry.js +6 -0
- package/dist/calcite/p-c573bfe4.js +6 -0
- package/dist/calcite/p-c7c7b8b7.system.entry.js +6 -0
- package/dist/calcite/p-c8221748.entry.js +6 -0
- package/dist/calcite/p-c868004f.system.entry.js +6 -0
- package/dist/calcite/p-cb8d104a.js +6 -0
- package/dist/calcite/p-cc84f8f7.entry.js +6 -0
- package/dist/calcite/p-cf54ca51.entry.js +6 -0
- package/dist/calcite/p-d2de5df6.system.entry.js +6 -0
- package/dist/calcite/p-d44b8c96.entry.js +6 -0
- package/dist/calcite/p-d5d9bdfe.system.entry.js +6 -0
- package/dist/calcite/p-d691fdb9.entry.js +6 -0
- package/dist/calcite/p-dae6da1a.system.entry.js +6 -0
- package/dist/calcite/p-e2515012.system.entry.js +6 -0
- package/dist/calcite/p-e28fc860.system.js +6 -0
- package/dist/calcite/p-e32ec068.system.js +6 -0
- package/dist/calcite/p-e486c551.system.entry.js +6 -0
- package/dist/calcite/{p-f33e8b92.js → p-e59a4adc.js} +2 -2
- package/dist/calcite/p-e5b91c54.entry.js +6 -0
- package/dist/calcite/{p-957ac2e6.system.js → p-e6f99510.system.js} +1 -1
- package/dist/calcite/p-e8276ff5.entry.js +6 -0
- package/dist/calcite/p-e86fd005.entry.js +6 -0
- package/dist/calcite/p-e9cb190e.entry.js +6 -0
- package/dist/calcite/{p-5f640381.system.js → p-e9e89c12.system.js} +1 -1
- package/dist/calcite/{p-948ed6bd.js → p-eccc7c09.js} +2 -2
- package/dist/calcite/p-ee38ed28.system.entry.js +6 -0
- package/dist/calcite/p-ee654d44.entry.js +6 -0
- package/dist/calcite/p-f2fc0881.system.js +6 -0
- package/dist/calcite/p-f343928c.system.entry.js +6 -0
- package/dist/calcite/p-f3d82c23.entry.js +6 -0
- package/dist/calcite/p-f417a37e.system.entry.js +6 -0
- package/dist/calcite/p-f450b40d.system.entry.js +6 -0
- package/dist/calcite/{p-056f3ea3.system.js → p-f5490b0d.system.js} +1 -1
- package/dist/calcite/p-f947bed5.entry.js +6 -0
- package/dist/cjs/{ExpandToggle-20d1925e.js → ExpandToggle-6ae0950b.js} +5 -5
- package/dist/cjs/{Heading-855fbab6.js → Heading-e857efa5.js} +2 -2
- package/dist/cjs/app-globals-19aed09c.js +50 -0
- package/dist/cjs/{array-8cba1b68.js → array-e8d3902b.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +16 -15
- package/dist/cjs/calcite-action-bar.cjs.entry.js +13 -12
- package/dist/cjs/calcite-action-group.cjs.entry.js +10 -9
- package/dist/cjs/calcite-action-menu.cjs.entry.js +58 -45
- package/dist/cjs/calcite-action-pad.cjs.entry.js +12 -11
- package/dist/cjs/calcite-action.cjs.entry.js +9 -8
- package/dist/cjs/calcite-alert.cjs.entry.js +50 -43
- package/dist/cjs/calcite-avatar.cjs.entry.js +7 -6
- package/dist/cjs/calcite-block_2.cjs.entry.js +15 -13
- package/dist/cjs/calcite-button.cjs.entry.js +10 -9
- package/dist/cjs/calcite-card.cjs.entry.js +9 -8
- package/dist/cjs/calcite-checkbox.cjs.entry.js +14 -12
- package/dist/cjs/calcite-chip.cjs.entry.js +26 -9
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +21 -19
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +67 -203
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +30 -29
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +86 -75
- package/dist/cjs/calcite-fab.cjs.entry.js +7 -6
- package/dist/cjs/calcite-filter.cjs.entry.js +11 -37
- package/dist/cjs/calcite-flow.cjs.entry.js +4 -4
- package/dist/cjs/calcite-graph_2.cjs.entry.js +27 -27
- package/dist/cjs/calcite-handle.cjs.entry.js +7 -6
- package/dist/cjs/calcite-icon.cjs.entry.js +7 -6
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +12 -11
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +34 -37
- package/dist/cjs/calcite-input-message.cjs.entry.js +6 -5
- package/dist/cjs/calcite-input-number.cjs.entry.js +18 -17
- package/dist/cjs/calcite-input-text.cjs.entry.js +331 -0
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +20 -23
- package/dist/cjs/calcite-input.cjs.entry.js +18 -17
- package/dist/cjs/calcite-label.cjs.entry.js +8 -7
- package/dist/cjs/calcite-link.cjs.entry.js +8 -7
- package/dist/cjs/calcite-list_3.cjs.entry.js +12 -11
- package/dist/cjs/calcite-loader.cjs.entry.js +4 -4
- package/dist/cjs/calcite-modal.cjs.entry.js +58 -45
- package/dist/cjs/calcite-notice.cjs.entry.js +26 -11
- package/dist/cjs/calcite-option_3.cjs.entry.js +15 -14
- package/dist/cjs/calcite-pagination.cjs.entry.js +8 -8
- package/dist/cjs/calcite-panel.cjs.entry.js +15 -14
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +19 -18
- package/dist/cjs/calcite-popover_2.cjs.entry.js +47 -35
- package/dist/cjs/calcite-progress.cjs.entry.js +3 -3
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +10 -10
- package/dist/cjs/calcite-radio-button.cjs.entry.js +22 -21
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +23 -22
- package/dist/cjs/calcite-rating.cjs.entry.js +20 -19
- package/dist/cjs/calcite-scrim.cjs.entry.js +3 -3
- package/dist/cjs/calcite-shell_3.cjs.entry.js +12 -11
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +7 -7
- package/dist/cjs/calcite-split-button.cjs.entry.js +12 -7
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +14 -13
- package/dist/cjs/calcite-switch.cjs.entry.js +13 -11
- package/dist/cjs/calcite-tab_4.cjs.entry.js +76 -30
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tile.cjs.entry.js +9 -8
- package/dist/cjs/calcite-tip_3.cjs.entry.js +14 -13
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +14 -8
- package/dist/cjs/calcite-tree_2.cjs.entry.js +16 -15
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +16 -15
- package/dist/cjs/calcite.cjs.js +6 -3
- package/dist/cjs/{conditionalSlot-d7d41e5e.js → conditionalSlot-d648ba7c.js} +3 -3
- package/dist/cjs/{debounce-c6535474.js → debounce-2bc47bea.js} +1 -1
- package/dist/cjs/{dom-63f7a393.js → dom-49495bbc.js} +5 -18
- package/dist/cjs/{forIn-31c5151b.js → filter-2d8f8a74.js} +142 -4
- package/dist/cjs/{floating-ui-1e2c4828.js → floating-ui-84200b42.js} +59 -10
- package/dist/cjs/{form-2fb0263d.js → form-db085655.js} +3 -3
- package/dist/cjs/{guid-bfda150b.js → guid-cd0069ab.js} +1 -1
- package/dist/cjs/{index-aa58cebb.js → index-67d2d0a2.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-c148950b.js → interactive-a0570d10.js} +1 -1
- package/dist/cjs/{interfaces-78d94377.js → interfaces-b89b43c0.js} +1 -1
- package/dist/cjs/{key-790c3a9c.js → key-1a866191.js} +1 -1
- package/dist/cjs/{label-b3ded17f.js → label-1afd9205.js} +2 -2
- package/dist/cjs/loader.cjs.js +6 -3
- package/dist/cjs/{locale-20b4a0d8.js → locale-8f5384e9.js} +2 -2
- package/dist/cjs/{math-9fec6f1e.js → math-b3864fb0.js} +1 -1
- package/dist/cjs/{observers-b52c783e.js → observers-6189af7e.js} +1 -1
- package/dist/cjs/openCloseComponent-724719be.js +54 -0
- package/dist/cjs/{resources-76621c8a.js → resources-10bab689.js} +3 -3
- package/dist/cjs/{resources-c0beb775.js → resources-3d1862b2.js} +1 -1
- package/dist/cjs/{resources-14e7a312.js → resources-98da4ef3.js} +1 -1
- package/dist/cjs/resources-b34cfae7.js +24 -0
- package/dist/cjs/{resources-03c28605.js → resources-e2944684.js} +5 -5
- package/dist/cjs/{sortable.esm-87003d53.js → sortable.esm-2edfb432.js} +1 -1
- package/dist/cjs/{utils-32566c58.js → utils-7583fe05.js} +1 -1
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/accordion/accordion.css +1 -1
- package/dist/collection/components/accordion/accordion.js +3 -3
- package/dist/collection/components/accordion/interfaces.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.css +1 -1
- package/dist/collection/components/accordion-item/accordion-item.js +5 -5
- package/dist/collection/components/accordion-item/interfaces.js +1 -1
- package/dist/collection/components/accordion-item/resources.js +1 -1
- package/dist/collection/components/action/action.css +1 -2
- package/dist/collection/components/action/action.js +2 -2
- package/dist/collection/components/action/resources.js +1 -1
- package/dist/collection/components/action-bar/action-bar.css +1 -1
- package/dist/collection/components/action-bar/action-bar.js +2 -2
- package/dist/collection/components/action-bar/resources.js +1 -1
- package/dist/collection/components/action-bar/utils.js +1 -1
- package/dist/collection/components/action-group/action-group.css +1 -1
- package/dist/collection/components/action-group/action-group.js +1 -1
- package/dist/collection/components/action-group/resources.js +1 -1
- package/dist/collection/components/action-menu/action-menu.css +2 -2
- package/dist/collection/components/action-menu/action-menu.js +50 -37
- package/dist/collection/components/action-menu/resources.js +1 -1
- package/dist/collection/components/action-pad/action-pad.css +1 -1
- package/dist/collection/components/action-pad/action-pad.js +2 -2
- package/dist/collection/components/action-pad/resources.js +1 -1
- package/dist/collection/components/alert/alert.css +6 -8
- package/dist/collection/components/alert/alert.js +69 -40
- package/dist/collection/components/alert/interfaces.js +1 -1
- package/dist/collection/components/alert/resources.js +1 -1
- package/dist/collection/components/avatar/avatar.css +1 -1
- package/dist/collection/components/avatar/avatar.js +1 -1
- package/dist/collection/components/avatar/utils.js +1 -1
- package/dist/collection/components/block/block.css +1 -22
- package/dist/collection/components/block/block.js +2 -2
- package/dist/collection/components/block/resources.js +1 -1
- package/dist/collection/components/block-section/block-section.css +1 -1
- package/dist/collection/components/block-section/block-section.js +4 -3
- package/dist/collection/components/block-section/interfaces.js +1 -1
- package/dist/collection/components/block-section/resources.js +1 -1
- package/dist/collection/components/button/button.css +1 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/button/interfaces.js +1 -1
- package/dist/collection/components/button/resources.js +1 -1
- package/dist/collection/components/card/card.css +3 -3
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card/resources.js +1 -1
- package/dist/collection/components/checkbox/checkbox.css +1 -1
- package/dist/collection/components/checkbox/checkbox.js +6 -5
- package/dist/collection/components/chip/chip.css +1 -3
- package/dist/collection/components/chip/chip.js +23 -4
- package/dist/collection/components/chip/interfaces.js +1 -1
- package/dist/collection/components/chip/resources.js +1 -1
- package/dist/collection/components/color-picker/color-picker.css +1 -1
- package/dist/collection/components/color-picker/color-picker.js +8 -7
- package/dist/collection/components/color-picker/interfaces.js +1 -1
- package/dist/collection/components/color-picker/resources.js +1 -1
- package/dist/collection/components/color-picker/utils.js +1 -1
- package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.css +1 -2
- package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +3 -3
- package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
- package/dist/collection/components/color-picker-swatch/color-picker-swatch.css +1 -1
- package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
- package/dist/collection/components/color-picker-swatch/resources.js +1 -1
- package/dist/collection/components/combobox/combobox.css +3 -4
- package/dist/collection/components/combobox/combobox.js +54 -52
- package/dist/collection/components/combobox/interfaces.js +1 -1
- package/dist/collection/components/combobox/resources.js +1 -1
- package/dist/collection/components/combobox/utils.js +1 -1
- package/dist/collection/components/combobox-item/combobox-item.css +1 -1
- package/dist/collection/components/combobox-item/combobox-item.js +2 -2
- package/dist/collection/components/combobox-item/resources.js +1 -1
- package/dist/collection/components/combobox-item-group/combobox-item-group.css +1 -1
- package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
- package/dist/collection/components/combobox-item-group/resources.js +1 -1
- package/dist/collection/components/date-picker/assets/date-picker/nls/pt-PT.json +1 -0
- package/dist/collection/components/date-picker/date-picker.css +1 -1
- package/dist/collection/components/date-picker/date-picker.js +3 -3
- package/dist/collection/components/date-picker/interfaces.js +1 -1
- package/dist/collection/components/date-picker/resources.js +1 -1
- package/dist/collection/components/date-picker/utils.js +1 -1
- package/dist/collection/components/date-picker-day/date-picker-day.css +1 -4
- package/dist/collection/components/date-picker-day/date-picker-day.js +6 -5
- package/dist/collection/components/date-picker-month/date-picker-month.css +1 -1
- package/dist/collection/components/date-picker-month/date-picker-month.js +5 -5
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.css +1 -2
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +7 -6
- package/dist/collection/components/date-picker-month-header/resources.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +4 -6
- package/dist/collection/components/dropdown/dropdown.js +88 -73
- package/dist/collection/components/dropdown/interfaces.js +1 -1
- package/dist/collection/components/dropdown/resources.js +1 -1
- package/dist/collection/components/dropdown-group/dropdown-group.css +1 -1
- package/dist/collection/components/dropdown-group/dropdown-group.js +3 -3
- package/dist/collection/components/dropdown-group/interfaces.js +1 -1
- package/dist/collection/components/dropdown-group/resources.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +4 -4
- package/dist/collection/components/dropdown-item/resources.js +1 -1
- package/dist/collection/components/fab/fab.css +1 -1
- package/dist/collection/components/fab/fab.js +1 -1
- package/dist/collection/components/fab/resources.js +1 -1
- package/dist/collection/components/filter/filter.css +1 -1
- package/dist/collection/components/filter/filter.js +7 -33
- package/dist/collection/components/filter/resources.js +1 -1
- package/dist/collection/components/flow/flow.css +1 -1
- package/dist/collection/components/flow/flow.js +1 -1
- package/dist/collection/components/flow/interfaces.js +1 -1
- package/dist/collection/components/flow/resources.js +1 -1
- package/dist/collection/components/functional/ExpandToggle.js +1 -1
- package/dist/collection/components/functional/Heading.js +1 -1
- package/dist/collection/components/graph/graph.css +1 -1
- package/dist/collection/components/graph/graph.js +1 -1
- package/dist/collection/components/graph/interfaces.js +1 -1
- package/dist/collection/components/graph/util.js +1 -1
- package/dist/collection/components/handle/handle.css +1 -1
- package/dist/collection/components/handle/handle.js +3 -3
- package/dist/collection/components/handle/resources.js +1 -1
- package/dist/collection/components/icon/icon.css +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/icon/resources.js +1 -1
- package/dist/collection/components/icon/utils.js +1 -1
- package/dist/collection/components/inline-editable/inline-editable.css +1 -1
- package/dist/collection/components/inline-editable/inline-editable.js +4 -4
- package/dist/collection/components/inline-editable/resources.js +1 -1
- package/dist/collection/components/input/input.css +1 -3
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input/interfaces.js +1 -1
- package/dist/collection/components/input/resources.js +1 -1
- package/dist/collection/components/input-date-picker/input-date-picker.css +4 -4
- package/dist/collection/components/input-date-picker/input-date-picker.js +23 -27
- package/dist/collection/components/input-date-picker/resources.js +1 -1
- package/dist/collection/components/input-message/input-message.css +1 -1
- package/dist/collection/components/input-message/input-message.js +1 -1
- package/dist/collection/components/input-message/interfaces.js +1 -1
- package/dist/collection/components/input-number/input-number.css +1 -3
- package/dist/collection/components/input-number/input-number.js +4 -4
- package/dist/collection/components/input-number/interfaces.js +1 -1
- package/dist/collection/components/input-number/resources.js +1 -1
- package/dist/collection/components/input-text/input-text.css +398 -0
- package/dist/collection/components/input-text/input-text.js +899 -0
- package/dist/collection/components/input-text/resources.js +24 -0
- package/dist/collection/components/input-time-picker/input-time-picker.css +1 -1
- package/dist/collection/components/input-time-picker/input-time-picker.js +1 -1
- package/dist/collection/components/interfaces.js +1 -1
- package/dist/collection/components/label/label.css +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/label/resources.js +1 -1
- package/dist/collection/components/link/link.css +1 -1
- package/dist/collection/components/link/link.js +1 -1
- package/dist/collection/components/list/list.css +1 -1
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list/resources.js +1 -1
- package/dist/collection/components/list-item/list-item.css +1 -1
- package/dist/collection/components/list-item/list-item.js +1 -1
- package/dist/collection/components/list-item/resources.js +1 -1
- package/dist/collection/components/list-item-group/list-item-group.css +1 -1
- package/dist/collection/components/list-item-group/list-item-group.js +1 -1
- package/dist/collection/components/list-item-group/resources.js +1 -1
- package/dist/collection/components/loader/loader.css +1 -1
- package/dist/collection/components/loader/loader.js +1 -1
- package/dist/collection/components/modal/interfaces.js +1 -1
- package/dist/collection/components/modal/modal.css +23 -19
- package/dist/collection/components/modal/modal.js +44 -39
- package/dist/collection/components/modal/resources.js +9 -2
- package/dist/collection/components/notice/notice.css +1 -1
- package/dist/collection/components/notice/notice.js +22 -4
- package/dist/collection/components/notice/resources.js +1 -1
- package/dist/collection/components/option/option.css +1 -1
- package/dist/collection/components/option/option.js +2 -2
- package/dist/collection/components/option-group/option-group.css +1 -1
- package/dist/collection/components/option-group/option-group.js +2 -2
- package/dist/collection/components/pagination/pagination.css +1 -1
- package/dist/collection/components/pagination/pagination.js +3 -3
- package/dist/collection/components/pagination/resources.js +1 -1
- package/dist/collection/components/panel/panel.css +3 -31
- package/dist/collection/components/panel/panel.js +5 -5
- package/dist/collection/components/panel/resources.js +1 -1
- package/dist/collection/components/pick-list/pick-list.css +1 -1
- package/dist/collection/components/pick-list/pick-list.js +2 -2
- package/dist/collection/components/pick-list/resources.js +1 -1
- package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
- package/dist/collection/components/pick-list/shared-list-render.js +1 -1
- package/dist/collection/components/pick-list-group/pick-list-group.css +4 -23
- package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
- package/dist/collection/components/pick-list-group/resources.js +1 -1
- package/dist/collection/components/pick-list-item/pick-list-item.css +1 -1
- package/dist/collection/components/pick-list-item/pick-list-item.js +6 -6
- package/dist/collection/components/pick-list-item/resources.js +1 -1
- package/dist/collection/components/popover/PopoverManager.js +3 -2
- package/dist/collection/components/popover/popover.css +2 -2
- package/dist/collection/components/popover/popover.js +43 -29
- package/dist/collection/components/popover/resources.js +1 -1
- package/dist/collection/components/popover-manager/popover-manager.css +1 -1
- package/dist/collection/components/popover-manager/popover-manager.js +1 -1
- package/dist/collection/components/progress/progress.css +3 -3
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/radio-button/radio-button.css +1 -1
- package/dist/collection/components/radio-button/radio-button.js +24 -24
- package/dist/collection/components/radio-button/resources.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.css +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.js +14 -14
- package/dist/collection/components/radio-group/interfaces.js +1 -1
- package/dist/collection/components/radio-group/radio-group.css +1 -6
- package/dist/collection/components/radio-group/radio-group.js +20 -20
- package/dist/collection/components/radio-group-item/radio-group-item.css +1 -1
- package/dist/collection/components/radio-group-item/radio-group-item.js +10 -10
- package/dist/collection/components/radio-group-item/resources.js +1 -1
- package/dist/collection/components/rating/rating.css +2 -2
- package/dist/collection/components/rating/rating.js +23 -23
- package/dist/collection/components/rating/resources.js +1 -1
- package/dist/collection/components/scrim/resources.js +1 -1
- package/dist/collection/components/scrim/scrim.css +2 -2
- package/dist/collection/components/scrim/scrim.js +1 -1
- package/dist/collection/components/select/resources.js +1 -1
- package/dist/collection/components/select/select.css +1 -1
- package/dist/collection/components/select/select.js +2 -2
- package/dist/collection/components/shell/resources.js +1 -1
- package/dist/collection/components/shell/shell.css +3 -3
- package/dist/collection/components/shell/shell.js +1 -1
- package/dist/collection/components/shell-center-row/resources.js +1 -1
- package/dist/collection/components/shell-center-row/shell-center-row.css +1 -1
- package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
- package/dist/collection/components/shell-panel/resources.js +1 -1
- package/dist/collection/components/shell-panel/shell-panel.css +1 -2
- package/dist/collection/components/shell-panel/shell-panel.js +2 -2
- package/dist/collection/components/slider/slider.css +1 -1
- package/dist/collection/components/slider/slider.js +8 -15
- package/dist/collection/components/sortable-list/resources.js +1 -1
- package/dist/collection/components/sortable-list/sortable-list.css +1 -1
- package/dist/collection/components/sortable-list/sortable-list.js +2 -2
- package/dist/collection/components/split-button/resources.js +1 -1
- package/dist/collection/components/split-button/split-button.css +1 -1
- package/dist/collection/components/split-button/split-button.js +10 -5
- package/dist/collection/components/stepper/interfaces.js +1 -1
- package/dist/collection/components/stepper/stepper.css +3 -2
- package/dist/collection/components/stepper/stepper.js +3 -3
- package/dist/collection/components/stepper-item/stepper-item.css +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +5 -5
- package/dist/collection/components/switch/switch.css +1 -1
- package/dist/collection/components/switch/switch.js +5 -4
- package/dist/collection/components/tab/interfaces.js +1 -1
- package/dist/collection/components/tab/tab.css +3 -3
- package/dist/collection/components/tab/tab.js +56 -10
- package/dist/collection/components/tab-nav/tab-nav.css +5 -1
- package/dist/collection/components/tab-nav/tab-nav.js +3 -3
- package/dist/collection/components/tab-title/tab-title.css +32 -44
- package/dist/collection/components/tab-title/tab-title.js +64 -17
- package/dist/collection/components/tabs/interfaces.js +1 -1
- package/dist/collection/components/tabs/resources.js +1 -1
- package/dist/collection/components/tabs/tabs.css +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tile/resources.js +1 -1
- package/dist/collection/components/tile/tile.css +1 -1
- package/dist/collection/components/tile/tile.js +1 -1
- package/dist/collection/components/tile-select/interfaces.js +1 -1
- package/dist/collection/components/tile-select/resources.js +1 -1
- package/dist/collection/components/tile-select/tile-select.css +1 -9
- package/dist/collection/components/tile-select/tile-select.js +2 -2
- package/dist/collection/components/tile-select-group/interfaces.js +1 -1
- package/dist/collection/components/tile-select-group/tile-select-group.css +1 -1
- package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
- package/dist/collection/components/time-picker/resources.js +1 -1
- package/dist/collection/components/time-picker/time-picker.css +1 -1
- package/dist/collection/components/time-picker/time-picker.js +9 -13
- package/dist/collection/components/tip/resources.js +1 -1
- package/dist/collection/components/tip/tip.css +3 -22
- package/dist/collection/components/tip/tip.js +2 -2
- package/dist/collection/components/tip-group/tip-group.css +1 -1
- package/dist/collection/components/tip-group/tip-group.js +1 -1
- package/dist/collection/components/tip-manager/resources.js +1 -1
- package/dist/collection/components/tip-manager/tip-manager.css +2 -23
- package/dist/collection/components/tip-manager/tip-manager.js +3 -3
- package/dist/collection/components/tooltip/TooltipManager.js +1 -1
- package/dist/collection/components/tooltip/resources.js +1 -1
- package/dist/collection/components/tooltip/tooltip.css +2 -2
- package/dist/collection/components/tooltip/tooltip.js +8 -3
- package/dist/collection/components/tooltip-manager/tooltip-manager.css +1 -1
- package/dist/collection/components/tooltip-manager/tooltip-manager.js +1 -1
- package/dist/collection/components/tree/interfaces.js +1 -1
- package/dist/collection/components/tree/tree.css +1 -1
- package/dist/collection/components/tree/tree.js +4 -4
- package/dist/collection/components/tree-item/interfaces.js +1 -1
- package/dist/collection/components/tree-item/resources.js +1 -1
- package/dist/collection/components/tree-item/tree-item.css +2 -2
- package/dist/collection/components/tree-item/tree-item.js +2 -2
- package/dist/collection/components/value-list/interfaces.js +1 -1
- package/dist/collection/components/value-list/resources.js +1 -1
- package/dist/collection/components/value-list/utils.js +1 -1
- package/dist/collection/components/value-list/value-list.css +2 -2
- package/dist/collection/components/value-list/value-list.js +3 -3
- package/dist/collection/components/value-list-item/resources.js +1 -1
- package/dist/collection/components/value-list-item/value-list-item.css +1 -1
- package/dist/collection/components/value-list-item/value-list-item.js +2 -3
- package/dist/collection/demos/_assets/demo-form.js +22 -0
- package/dist/collection/demos/_assets/demo-spacer.js +17 -0
- package/dist/collection/demos/_assets/demo-template.js +24 -0
- package/dist/collection/demos/_assets/head.js +48 -0
- package/dist/collection/demos/_assets/locales.js +223 -0
- package/dist/collection/utils/array.js +1 -1
- package/dist/collection/utils/conditionalSlot.js +1 -1
- package/dist/collection/utils/date.js +1 -1
- package/dist/collection/utils/dom.js +1 -1
- package/dist/collection/utils/filter.js +1 -1
- package/dist/collection/utils/floating-ui.js +1 -1
- package/dist/collection/utils/form.js +1 -1
- package/dist/collection/utils/globalAttributes.js +1 -1
- package/dist/collection/utils/globalScript.js +17 -0
- package/dist/collection/utils/guid.js +1 -1
- package/dist/collection/utils/interactive.js +1 -1
- package/dist/collection/utils/key.js +1 -1
- package/dist/collection/utils/label.js +1 -1
- package/dist/collection/utils/locale.js +1 -1
- package/dist/collection/utils/math.js +1 -1
- package/dist/collection/utils/number.js +1 -1
- package/dist/collection/utils/observers.js +1 -1
- package/dist/collection/utils/openCloseComponent.js +45 -2
- package/dist/collection/utils/popper.js +121 -0
- package/dist/collection/utils/resources.js +3 -3
- package/dist/collection/utils/theme.js +31 -0
- package/dist/collection/utils/time.js +1 -1
- package/dist/components/ExpandToggle.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/action-group.js +2 -2
- package/dist/components/action-menu.js +48 -35
- package/dist/components/action.js +3 -3
- package/dist/components/array.js +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/calcite-accordion-item.js +8 -7
- package/dist/components/calcite-accordion.js +4 -4
- package/dist/components/calcite-action-bar.js +3 -3
- package/dist/components/calcite-action-group.js +1 -1
- package/dist/components/calcite-action-menu.js +1 -1
- package/dist/components/calcite-action-pad.js +3 -3
- package/dist/components/calcite-action.js +1 -1
- package/dist/components/calcite-alert.js +46 -39
- package/dist/components/calcite-avatar.js +2 -2
- package/dist/components/calcite-block-section.js +5 -4
- package/dist/components/calcite-block.js +3 -3
- package/dist/components/calcite-button.js +1 -1
- package/dist/components/calcite-card.js +3 -3
- package/dist/components/calcite-checkbox.js +1 -1
- package/dist/components/calcite-chip.js +1 -1
- package/dist/components/calcite-color-picker-hex-input.js +1 -1
- package/dist/components/calcite-color-picker-swatch.js +1 -1
- package/dist/components/calcite-color-picker.js +9 -8
- package/dist/components/calcite-combobox-item-group.js +2 -2
- package/dist/components/calcite-combobox-item.js +3 -3
- package/dist/components/calcite-combobox.js +54 -191
- package/dist/components/calcite-date-picker-day.js +1 -1
- package/dist/components/calcite-date-picker-month-header.js +1 -1
- package/dist/components/calcite-date-picker-month.js +1 -1
- package/dist/components/calcite-date-picker.js +1 -1
- package/dist/components/calcite-dropdown-group.js +3 -3
- package/dist/components/calcite-dropdown-item.js +5 -5
- package/dist/components/calcite-dropdown.js +1 -1
- package/dist/components/calcite-fab.js +2 -2
- package/dist/components/calcite-filter.js +2 -2
- package/dist/components/calcite-flow.js +2 -2
- package/dist/components/calcite-graph.js +1 -1
- package/dist/components/calcite-handle.js +1 -1
- package/dist/components/calcite-icon.js +1 -1
- package/dist/components/calcite-inline-editable.js +5 -5
- package/dist/components/calcite-input-date-picker.js +23 -27
- package/dist/components/calcite-input-message.js +2 -2
- package/dist/components/calcite-input-number.js +7 -6
- package/dist/components/calcite-input-text.d.ts +11 -0
- package/dist/components/calcite-input-text.js +383 -0
- package/dist/components/calcite-input-time-picker.js +2 -2
- package/dist/components/calcite-input.js +1 -1
- package/dist/components/calcite-label.js +1 -1
- package/dist/components/calcite-link.js +1 -1
- package/dist/components/calcite-list-item-group.js +2 -2
- package/dist/components/calcite-list-item.js +2 -2
- package/dist/components/calcite-list.js +2 -2
- package/dist/components/calcite-loader.js +1 -1
- package/dist/components/calcite-modal.js +52 -40
- package/dist/components/calcite-notice.js +19 -5
- package/dist/components/calcite-option-group.js +3 -3
- package/dist/components/calcite-option.js +3 -3
- package/dist/components/calcite-pagination.js +4 -4
- package/dist/components/calcite-panel.js +6 -6
- package/dist/components/calcite-pick-list-group.js +3 -3
- package/dist/components/calcite-pick-list-item.js +1 -1
- package/dist/components/calcite-pick-list.js +5 -5
- package/dist/components/calcite-popover-manager.js +2 -2
- package/dist/components/calcite-popover.js +1 -1
- package/dist/components/calcite-progress.js +1 -1
- package/dist/components/calcite-radio-button-group.js +8 -8
- package/dist/components/calcite-radio-button.js +14 -14
- package/dist/components/calcite-radio-group-item.js +6 -6
- package/dist/components/calcite-radio-group.js +11 -11
- package/dist/components/calcite-rating.js +12 -12
- package/dist/components/calcite-scrim.js +1 -1
- package/dist/components/calcite-select.js +3 -3
- package/dist/components/calcite-shell-center-row.js +2 -2
- package/dist/components/calcite-shell-panel.js +3 -3
- package/dist/components/calcite-shell.js +2 -2
- package/dist/components/calcite-slider.js +10 -11
- package/dist/components/calcite-sortable-list.js +3 -3
- package/dist/components/calcite-split-button.js +10 -5
- package/dist/components/calcite-stepper-item.js +6 -6
- package/dist/components/calcite-stepper.js +4 -4
- package/dist/components/calcite-switch.js +1 -1
- package/dist/components/calcite-tab-nav.js +1 -1
- package/dist/components/calcite-tab-title.js +1 -1
- package/dist/components/calcite-tab.js +1 -1
- package/dist/components/calcite-tabs.js +1 -1
- package/dist/components/calcite-tile-select-group.js +2 -2
- package/dist/components/calcite-tile-select.js +3 -3
- package/dist/components/calcite-tile.js +1 -1
- package/dist/components/calcite-time-picker.js +1 -1
- package/dist/components/calcite-tip-group.js +2 -2
- package/dist/components/calcite-tip-manager.js +5 -5
- package/dist/components/calcite-tip.js +4 -4
- package/dist/components/calcite-tooltip-manager.js +2 -2
- package/dist/components/calcite-tooltip.js +8 -3
- package/dist/components/calcite-tree-item.js +5 -4
- package/dist/components/calcite-tree.js +5 -5
- package/dist/components/calcite-value-list-item.js +3 -3
- package/dist/components/calcite-value-list.js +5 -5
- package/dist/components/checkbox.js +7 -6
- package/dist/components/chip.js +20 -4
- package/dist/components/color-picker-hex-input.js +4 -4
- package/dist/components/color-picker-swatch.js +2 -2
- package/dist/components/conditionalSlot.js +1 -1
- package/dist/components/date-picker-day.js +9 -7
- package/dist/components/date-picker-month-header.js +8 -7
- package/dist/components/date-picker-month.js +6 -6
- package/dist/components/date-picker.js +4 -4
- package/dist/components/date.js +1 -1
- package/dist/components/debounce.js +1 -1
- package/dist/components/dom.js +3 -15
- package/dist/components/dropdown.js +74 -64
- package/dist/components/filter.js +741 -195
- package/dist/components/filter2.js +186 -0
- package/dist/components/floating-ui.js +58 -9
- package/dist/components/form.js +1 -1
- package/dist/components/graph.js +2 -2
- package/dist/components/guid.js +1 -1
- package/dist/components/handle.js +3 -3
- package/dist/components/icon.js +2 -2
- package/dist/components/index.js +44 -1
- package/dist/components/input.js +7 -6
- package/dist/components/interactive.js +1 -1
- package/dist/components/interfaces.js +1 -1
- package/dist/components/interfaces2.js +1 -1
- package/dist/components/key.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/label2.js +3 -3
- package/dist/components/link.js +4 -3
- package/dist/components/loader.js +2 -2
- package/dist/components/locale.js +1 -1
- package/dist/components/math.js +1 -1
- package/dist/components/observers.js +1 -1
- package/dist/components/openCloseComponent.js +51 -0
- package/dist/components/pick-list-item.js +6 -6
- package/dist/components/popover.js +41 -30
- package/dist/components/progress.js +2 -2
- package/dist/components/resources.js +12 -12
- package/dist/components/resources2.js +10 -7
- package/dist/components/resources3.js +6 -23
- package/dist/components/resources4.js +33 -0
- package/dist/components/scrim.js +2 -2
- package/dist/components/shared-list-render.js +3 -3
- package/dist/components/sortable.esm.js +1 -1
- package/dist/components/switch.js +6 -5
- package/dist/components/tab-nav.js +4 -4
- package/dist/components/tab-title.js +41 -16
- package/dist/components/tab.js +29 -7
- package/dist/components/tabs.js +2 -2
- package/dist/components/tile.js +2 -2
- package/dist/components/time-picker.js +10 -14
- package/dist/components/utils.js +1 -1
- package/dist/components/utils2.js +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +1518 -972
- package/dist/esm/{ExpandToggle-131c7dcb.js → ExpandToggle-0b0a550d.js} +5 -5
- package/dist/esm/{Heading-93ced199.js → Heading-53f20654.js} +2 -2
- package/dist/esm/app-globals-0eb51a63.js +48 -0
- package/dist/esm/{array-5d7e7abd.js → array-bfb963a8.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +15 -14
- package/dist/esm/calcite-action-bar.entry.js +13 -12
- package/dist/esm/calcite-action-group.entry.js +10 -9
- package/dist/esm/calcite-action-menu.entry.js +51 -38
- package/dist/esm/calcite-action-pad.entry.js +12 -11
- package/dist/esm/calcite-action.entry.js +9 -8
- package/dist/esm/calcite-alert.entry.js +50 -43
- package/dist/esm/calcite-avatar.entry.js +7 -6
- package/dist/esm/calcite-block_2.entry.js +15 -13
- package/dist/esm/calcite-button.entry.js +10 -9
- package/dist/esm/calcite-card.entry.js +9 -8
- package/dist/esm/calcite-checkbox.entry.js +14 -12
- package/dist/esm/calcite-chip.entry.js +26 -9
- package/dist/esm/calcite-color-picker_3.entry.js +21 -19
- package/dist/esm/calcite-combobox_3.entry.js +66 -202
- package/dist/esm/calcite-date-picker_4.entry.js +29 -28
- package/dist/esm/calcite-dropdown_3.entry.js +86 -75
- package/dist/esm/calcite-fab.entry.js +7 -6
- package/dist/esm/calcite-filter.entry.js +11 -37
- package/dist/esm/calcite-flow.entry.js +4 -4
- package/dist/esm/calcite-graph_2.entry.js +19 -19
- package/dist/esm/calcite-handle.entry.js +7 -6
- package/dist/esm/calcite-icon.entry.js +7 -6
- package/dist/esm/calcite-inline-editable.entry.js +12 -11
- package/dist/esm/calcite-input-date-picker.entry.js +34 -37
- package/dist/esm/calcite-input-message.entry.js +6 -5
- package/dist/esm/calcite-input-number.entry.js +16 -15
- package/dist/esm/calcite-input-text.entry.js +327 -0
- package/dist/esm/calcite-input-time-picker_2.entry.js +20 -23
- package/dist/esm/calcite-input.entry.js +16 -15
- package/dist/esm/calcite-label.entry.js +8 -7
- package/dist/esm/calcite-link.entry.js +7 -6
- package/dist/esm/calcite-list_3.entry.js +12 -11
- package/dist/esm/calcite-loader.entry.js +4 -4
- package/dist/esm/calcite-modal.entry.js +58 -45
- package/dist/esm/calcite-notice.entry.js +26 -11
- package/dist/esm/calcite-option_3.entry.js +15 -14
- package/dist/esm/calcite-pagination.entry.js +8 -8
- package/dist/esm/calcite-panel.entry.js +15 -14
- package/dist/esm/calcite-pick-list_3.entry.js +19 -18
- package/dist/esm/calcite-popover_2.entry.js +47 -35
- package/dist/esm/calcite-progress.entry.js +3 -3
- package/dist/esm/calcite-radio-button-group.entry.js +10 -10
- package/dist/esm/calcite-radio-button.entry.js +22 -21
- package/dist/esm/calcite-radio-group_2.entry.js +23 -22
- package/dist/esm/calcite-rating.entry.js +20 -19
- package/dist/esm/calcite-scrim.entry.js +3 -3
- package/dist/esm/calcite-shell_3.entry.js +12 -11
- package/dist/esm/calcite-sortable-list.entry.js +7 -7
- package/dist/esm/calcite-split-button.entry.js +12 -7
- package/dist/esm/calcite-stepper_2.entry.js +14 -13
- package/dist/esm/calcite-switch.entry.js +13 -11
- package/dist/esm/calcite-tab_4.entry.js +76 -30
- package/dist/esm/calcite-tile-select_2.entry.js +7 -7
- package/dist/esm/calcite-tile.entry.js +9 -8
- package/dist/esm/calcite-tip_3.entry.js +14 -13
- package/dist/esm/calcite-tooltip_2.entry.js +14 -8
- package/dist/esm/calcite-tree_2.entry.js +12 -11
- package/dist/esm/calcite-value-list_2.entry.js +16 -15
- package/dist/esm/calcite.js +6 -3
- package/dist/esm/{conditionalSlot-b78ec702.js → conditionalSlot-3c2e3da6.js} +3 -3
- package/dist/esm/{debounce-7b337e34.js → debounce-6c1fb2e1.js} +1 -1
- package/dist/esm/{dom-773d1009.js → dom-b00b63fe.js} +4 -16
- package/dist/{components/forIn.js → esm/filter-1b9ea22a.js} +142 -3
- package/dist/esm/{floating-ui-9b7dcf5f.js → floating-ui-4af4d0ec.js} +59 -10
- package/dist/esm/{form-2cfa20ec.js → form-b162c519.js} +3 -3
- package/dist/esm/{guid-41992570.js → guid-4eb9b69b.js} +1 -1
- package/dist/esm/{index-e2035750.js → index-2980b14c.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-52c414ad.js → interactive-6c201311.js} +1 -1
- package/dist/esm/{interfaces-2163b1eb.js → interfaces-a1af0701.js} +1 -1
- package/dist/esm/{key-7208494a.js → key-f8db6ac0.js} +1 -1
- package/dist/esm/{label-dd1d4ebf.js → label-7607bbd1.js} +2 -2
- package/dist/esm/loader.js +6 -3
- package/dist/esm/{locale-66830132.js → locale-9f7b3bc6.js} +2 -2
- package/dist/esm/{math-d77047f4.js → math-4da02f6f.js} +1 -1
- package/dist/esm/{observers-ebdbf52f.js → observers-dc6401d4.js} +1 -1
- package/dist/esm/openCloseComponent-36a012f7.js +51 -0
- package/dist/esm/{resources-9afaaa17.js → resources-1d846ef4.js} +5 -5
- package/dist/esm/{resources-4e2c9912.js → resources-3c798fda.js} +1 -1
- package/dist/esm/{resources-9e1ec649.js → resources-7b1070b6.js} +3 -3
- package/dist/esm/resources-d3714ef2.js +19 -0
- package/dist/esm/{resources-1b220b88.js → resources-d7d605e6.js} +1 -1
- package/dist/esm/{sortable.esm-9a2fbede.js → sortable.esm-28f07dcf.js} +1 -1
- package/dist/esm/{utils-011f57d8.js → utils-62a98b74.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-131c7dcb.js → ExpandToggle-0b0a550d.js} +2 -2
- package/dist/esm-es5/Heading-53f20654.js +6 -0
- package/dist/esm-es5/app-globals-0eb51a63.js +6 -0
- package/dist/esm-es5/{array-5d7e7abd.js → array-bfb963a8.js} +1 -1
- package/dist/esm-es5/calcite-accordion_2.entry.js +2 -2
- package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
- package/dist/esm-es5/calcite-action-group.entry.js +2 -2
- package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
- package/dist/esm-es5/calcite-action-pad.entry.js +2 -2
- package/dist/esm-es5/calcite-action.entry.js +2 -2
- package/dist/esm-es5/calcite-alert.entry.js +3 -3
- package/dist/esm-es5/calcite-avatar.entry.js +2 -2
- package/dist/esm-es5/calcite-block_2.entry.js +2 -2
- package/dist/esm-es5/calcite-button.entry.js +2 -2
- package/dist/esm-es5/calcite-card.entry.js +2 -2
- package/dist/esm-es5/calcite-checkbox.entry.js +3 -3
- package/dist/esm-es5/calcite-chip.entry.js +2 -2
- package/dist/esm-es5/calcite-color-picker_3.entry.js +2 -2
- package/dist/esm-es5/calcite-combobox_3.entry.js +2 -2
- package/dist/esm-es5/calcite-date-picker_4.entry.js +2 -2
- package/dist/esm-es5/calcite-dropdown_3.entry.js +3 -3
- package/dist/esm-es5/calcite-fab.entry.js +3 -3
- package/dist/esm-es5/calcite-filter.entry.js +2 -2
- package/dist/esm-es5/calcite-flow.entry.js +2 -2
- package/dist/esm-es5/calcite-graph_2.entry.js +2 -2
- package/dist/esm-es5/calcite-handle.entry.js +2 -2
- package/dist/esm-es5/calcite-icon.entry.js +2 -2
- package/dist/esm-es5/calcite-inline-editable.entry.js +2 -2
- package/dist/esm-es5/calcite-input-date-picker.entry.js +2 -2
- package/dist/esm-es5/calcite-input-message.entry.js +2 -2
- package/dist/esm-es5/calcite-input-number.entry.js +2 -2
- package/dist/esm-es5/calcite-input-text.entry.js +6 -0
- package/dist/esm-es5/calcite-input-time-picker_2.entry.js +2 -2
- package/dist/esm-es5/calcite-input.entry.js +2 -2
- package/dist/esm-es5/calcite-label.entry.js +2 -2
- package/dist/esm-es5/calcite-link.entry.js +3 -3
- package/dist/esm-es5/calcite-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-loader.entry.js +2 -2
- package/dist/esm-es5/calcite-modal.entry.js +3 -3
- package/dist/esm-es5/calcite-notice.entry.js +3 -3
- package/dist/esm-es5/calcite-option_3.entry.js +2 -2
- package/dist/esm-es5/calcite-pagination.entry.js +2 -2
- package/dist/esm-es5/calcite-panel.entry.js +2 -2
- package/dist/esm-es5/calcite-pick-list_3.entry.js +2 -2
- package/dist/esm-es5/calcite-popover_2.entry.js +3 -3
- package/dist/esm-es5/calcite-progress.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button-group.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-button.entry.js +2 -2
- package/dist/esm-es5/calcite-radio-group_2.entry.js +3 -3
- package/dist/esm-es5/calcite-rating.entry.js +2 -2
- package/dist/esm-es5/calcite-scrim.entry.js +2 -2
- package/dist/esm-es5/calcite-shell_3.entry.js +2 -2
- package/dist/esm-es5/calcite-sortable-list.entry.js +2 -2
- package/dist/esm-es5/calcite-split-button.entry.js +2 -2
- package/dist/esm-es5/calcite-stepper_2.entry.js +2 -2
- package/dist/esm-es5/calcite-switch.entry.js +3 -3
- package/dist/esm-es5/calcite-tab_4.entry.js +3 -3
- package/dist/esm-es5/calcite-tile-select_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tile.entry.js +2 -2
- package/dist/esm-es5/calcite-tip_3.entry.js +3 -3
- package/dist/esm-es5/calcite-tooltip_2.entry.js +2 -2
- package/dist/esm-es5/calcite-tree_2.entry.js +2 -2
- package/dist/esm-es5/calcite-value-list_2.entry.js +2 -2
- package/dist/esm-es5/calcite.js +2 -2
- package/dist/esm-es5/{conditionalSlot-b78ec702.js → conditionalSlot-3c2e3da6.js} +2 -2
- package/dist/esm-es5/{debounce-7b337e34.js → debounce-6c1fb2e1.js} +1 -1
- package/dist/esm-es5/dom-b00b63fe.js +6 -0
- package/dist/esm-es5/filter-1b9ea22a.js +6 -0
- package/dist/esm-es5/floating-ui-4af4d0ec.js +6 -0
- package/dist/esm-es5/{form-2cfa20ec.js → form-b162c519.js} +2 -2
- package/dist/esm-es5/{guid-41992570.js → guid-4eb9b69b.js} +1 -1
- package/dist/esm-es5/{index-e2035750.js → index-2980b14c.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-52c414ad.js → interactive-6c201311.js} +1 -1
- package/dist/esm-es5/{interfaces-2163b1eb.js → interfaces-a1af0701.js} +1 -1
- package/dist/esm-es5/{key-7208494a.js → key-f8db6ac0.js} +1 -1
- package/dist/esm-es5/{label-dd1d4ebf.js → label-7607bbd1.js} +2 -2
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-66830132.js → locale-9f7b3bc6.js} +2 -2
- package/dist/esm-es5/{math-d77047f4.js → math-4da02f6f.js} +1 -1
- package/dist/esm-es5/{observers-ebdbf52f.js → observers-dc6401d4.js} +1 -1
- package/dist/esm-es5/openCloseComponent-36a012f7.js +6 -0
- package/dist/esm-es5/{resources-9afaaa17.js → resources-1d846ef4.js} +2 -2
- package/dist/esm-es5/{resources-4e2c9912.js → resources-3c798fda.js} +1 -1
- package/dist/esm-es5/{resources-9e1ec649.js → resources-7b1070b6.js} +2 -2
- package/dist/esm-es5/resources-d3714ef2.js +6 -0
- package/dist/esm-es5/{resources-1b220b88.js → resources-d7d605e6.js} +1 -1
- package/dist/esm-es5/{sortable.esm-9a2fbede.js → sortable.esm-28f07dcf.js} +1 -1
- package/dist/esm-es5/{utils-011f57d8.js → utils-62a98b74.js} +1 -1
- package/dist/extras/docs-json.json +890 -303
- package/dist/loader/cdn.js +1 -1
- package/dist/loader/index.cjs.js +1 -1
- package/dist/loader/index.es2017.js +1 -1
- package/dist/loader/index.js +1 -1
- package/dist/types/components/action-menu/action-menu.d.ts +10 -7
- package/dist/types/components/alert/alert.d.ts +12 -7
- package/dist/types/components/checkbox/checkbox.d.ts +2 -2
- package/dist/types/components/chip/chip.d.ts +2 -0
- package/dist/types/components/combobox/combobox.d.ts +11 -6
- package/dist/types/components/dropdown/dropdown.d.ts +19 -11
- package/dist/types/components/dropdown/interfaces.d.ts +6 -0
- package/dist/types/components/dropdown-group/dropdown-group.d.ts +1 -1
- package/dist/types/components/handle/handle.d.ts +1 -1
- package/dist/types/components/input-date-picker/input-date-picker.d.ts +9 -6
- package/dist/types/components/input-text/input-text.d.ts +170 -0
- package/dist/types/components/input-text/resources.d.ts +19 -0
- package/dist/types/components/modal/modal.d.ts +5 -6
- package/dist/types/components/modal/resources.d.ts +5 -0
- package/dist/types/components/notice/notice.d.ts +2 -0
- package/dist/types/components/pick-list-item/pick-list-item.d.ts +2 -2
- package/dist/types/components/popover/popover.d.ts +11 -6
- package/dist/types/components/radio-button/radio-button.d.ts +13 -13
- package/dist/types/components/radio-button-group/radio-button-group.d.ts +7 -7
- package/dist/types/components/radio-group/radio-group.d.ts +10 -10
- package/dist/types/components/radio-group-item/radio-group-item.d.ts +5 -5
- package/dist/types/components/rating/rating.d.ts +12 -12
- package/dist/types/components/slider/slider.d.ts +0 -1
- package/dist/types/components/split-button/split-button.d.ts +6 -1
- package/dist/types/components/switch/switch.d.ts +2 -2
- package/dist/types/components/tab/tab.d.ts +8 -0
- package/dist/types/components/tab-title/tab-title.d.ts +11 -2
- package/dist/types/components/tooltip/tooltip.d.ts +6 -1
- package/dist/types/components.d.ts +366 -102
- package/dist/types/preact.d.ts +7 -0
- package/dist/types/utils/form.d.ts +1 -1
- package/dist/types/utils/globalScript.d.ts +6 -0
- package/dist/types/utils/openCloseComponent.d.ts +24 -0
- package/dist/types/utils/resources.d.ts +2 -0
- package/dist/types/utils/theme.d.ts +4 -0
- package/hydrate/index.js +1441 -858
- package/package.json +18 -17
- package/readme.md +2 -2
- package/dist/calcite/p-02ea3541.entry.js +0 -6
- package/dist/calcite/p-06bfa7f4.js +0 -6
- package/dist/calcite/p-07ac44fd.system.entry.js +0 -6
- package/dist/calcite/p-106d714c.entry.js +0 -6
- package/dist/calcite/p-1483d257.system.entry.js +0 -6
- package/dist/calcite/p-1d27e1b2.system.entry.js +0 -6
- package/dist/calcite/p-1d528e3a.system.entry.js +0 -6
- package/dist/calcite/p-1dd3c731.entry.js +0 -6
- package/dist/calcite/p-1fca19bd.entry.js +0 -6
- package/dist/calcite/p-21263865.system.entry.js +0 -6
- package/dist/calcite/p-2172c393.entry.js +0 -6
- package/dist/calcite/p-224b93e9.entry.js +0 -6
- package/dist/calcite/p-251b6d61.js +0 -6
- package/dist/calcite/p-25287fea.entry.js +0 -6
- package/dist/calcite/p-25b0526d.entry.js +0 -6
- package/dist/calcite/p-2806e475.system.entry.js +0 -6
- package/dist/calcite/p-2a7f48fa.entry.js +0 -6
- package/dist/calcite/p-2ac8bf37.js +0 -6
- package/dist/calcite/p-2c07319a.system.entry.js +0 -6
- package/dist/calcite/p-2d1a1a9b.entry.js +0 -6
- package/dist/calcite/p-2d63dd1d.system.entry.js +0 -6
- package/dist/calcite/p-2f430a5b.system.entry.js +0 -6
- package/dist/calcite/p-313ff745.js +0 -6
- package/dist/calcite/p-325d5fc2.system.entry.js +0 -6
- package/dist/calcite/p-3278a041.entry.js +0 -6
- package/dist/calcite/p-34dc627d.system.entry.js +0 -6
- package/dist/calcite/p-355c3b49.entry.js +0 -6
- package/dist/calcite/p-395d5d81.system.entry.js +0 -6
- package/dist/calcite/p-3a02a16e.system.entry.js +0 -6
- package/dist/calcite/p-3afd8219.js +0 -6
- package/dist/calcite/p-3f0fb908.system.js +0 -6
- package/dist/calcite/p-40ef7538.system.entry.js +0 -6
- package/dist/calcite/p-44a164a5.system.entry.js +0 -6
- package/dist/calcite/p-44c827f6.entry.js +0 -6
- package/dist/calcite/p-44fa20c3.system.entry.js +0 -6
- package/dist/calcite/p-46fcc80b.system.js +0 -6
- package/dist/calcite/p-4dbd7d99.entry.js +0 -6
- package/dist/calcite/p-4dfe59ba.entry.js +0 -6
- package/dist/calcite/p-4ed94b0c.entry.js +0 -6
- package/dist/calcite/p-4f77ab07.system.entry.js +0 -6
- package/dist/calcite/p-51b5c16b.system.entry.js +0 -6
- package/dist/calcite/p-52a9c9ac.system.entry.js +0 -6
- package/dist/calcite/p-5548019b.system.entry.js +0 -6
- package/dist/calcite/p-5986be6a.system.entry.js +0 -6
- package/dist/calcite/p-5d19ba12.system.entry.js +0 -6
- package/dist/calcite/p-5e00d81b.entry.js +0 -6
- package/dist/calcite/p-5e67de08.system.entry.js +0 -6
- package/dist/calcite/p-61ac6255.entry.js +0 -6
- package/dist/calcite/p-65714f09.entry.js +0 -6
- package/dist/calcite/p-68c2e792.system.entry.js +0 -6
- package/dist/calcite/p-696189d3.entry.js +0 -6
- package/dist/calcite/p-698aa1c5.system.entry.js +0 -6
- package/dist/calcite/p-6bc01f5f.system.entry.js +0 -6
- package/dist/calcite/p-6f870d52.entry.js +0 -6
- package/dist/calcite/p-6ff70b1f.system.entry.js +0 -6
- package/dist/calcite/p-738f23ab.system.entry.js +0 -6
- package/dist/calcite/p-75052b74.entry.js +0 -6
- package/dist/calcite/p-758a0313.entry.js +0 -6
- package/dist/calcite/p-76dcc963.entry.js +0 -6
- package/dist/calcite/p-7a6e0092.entry.js +0 -6
- package/dist/calcite/p-7dbc88f0.system.entry.js +0 -6
- package/dist/calcite/p-7f536f37.system.entry.js +0 -6
- package/dist/calcite/p-7f7a2070.entry.js +0 -6
- package/dist/calcite/p-81c838da.system.entry.js +0 -6
- package/dist/calcite/p-85b04b39.system.entry.js +0 -6
- package/dist/calcite/p-8871b3b2.system.entry.js +0 -6
- package/dist/calcite/p-89dcad49.entry.js +0 -6
- package/dist/calcite/p-8bfecbf1.system.entry.js +0 -6
- package/dist/calcite/p-8dfb2a49.system.entry.js +0 -6
- package/dist/calcite/p-8e262d98.entry.js +0 -6
- package/dist/calcite/p-90124757.system.entry.js +0 -6
- package/dist/calcite/p-90413eb8.entry.js +0 -6
- package/dist/calcite/p-9279086f.entry.js +0 -6
- package/dist/calcite/p-93581d65.entry.js +0 -6
- package/dist/calcite/p-93e2c809.entry.js +0 -6
- package/dist/calcite/p-995b06cf.entry.js +0 -6
- package/dist/calcite/p-9c682b55.system.entry.js +0 -6
- package/dist/calcite/p-9cff8f59.entry.js +0 -6
- package/dist/calcite/p-9d398103.system.js +0 -6
- package/dist/calcite/p-a15628f9.system.entry.js +0 -6
- package/dist/calcite/p-a24254c4.system.entry.js +0 -6
- package/dist/calcite/p-a9ec85ad.system.entry.js +0 -6
- package/dist/calcite/p-ab4d5eba.system.entry.js +0 -6
- package/dist/calcite/p-ac1d3121.entry.js +0 -6
- package/dist/calcite/p-acca3644.system.entry.js +0 -6
- package/dist/calcite/p-ad73fc52.system.entry.js +0 -6
- package/dist/calcite/p-ad85b30b.system.entry.js +0 -6
- package/dist/calcite/p-adb90152.system.entry.js +0 -6
- package/dist/calcite/p-b2d2e857.entry.js +0 -6
- package/dist/calcite/p-b4d58ff4.entry.js +0 -6
- package/dist/calcite/p-b8ba96b7.system.entry.js +0 -6
- package/dist/calcite/p-b95e4b20.entry.js +0 -6
- package/dist/calcite/p-bab1f14e.entry.js +0 -6
- package/dist/calcite/p-bd2be3f5.entry.js +0 -6
- package/dist/calcite/p-bd2e7fe8.system.entry.js +0 -6
- package/dist/calcite/p-be08dcbd.entry.js +0 -6
- package/dist/calcite/p-c027aef8.entry.js +0 -6
- package/dist/calcite/p-c190d30c.entry.js +0 -6
- package/dist/calcite/p-c92c4d1b.entry.js +0 -6
- package/dist/calcite/p-caa785ff.entry.js +0 -6
- package/dist/calcite/p-cbe1acb3.system.entry.js +0 -6
- package/dist/calcite/p-cf730667.entry.js +0 -6
- package/dist/calcite/p-d1c1035b.system.entry.js +0 -6
- package/dist/calcite/p-d4542664.system.entry.js +0 -6
- package/dist/calcite/p-d59fd4ca.entry.js +0 -6
- package/dist/calcite/p-da136364.system.js +0 -6
- package/dist/calcite/p-dd30f3b3.system.entry.js +0 -6
- package/dist/calcite/p-dfe2dca8.system.entry.js +0 -6
- package/dist/calcite/p-e8128e9a.entry.js +0 -6
- package/dist/calcite/p-e86b7099.entry.js +0 -6
- package/dist/calcite/p-efc7d73b.entry.js +0 -6
- package/dist/calcite/p-f29b59a6.entry.js +0 -6
- package/dist/calcite/p-f6525305.system.entry.js +0 -6
- package/dist/calcite/p-ff119586.system.entry.js +0 -6
- package/dist/esm/forIn-f0ad73ff.js +0 -620
- package/dist/esm-es5/Heading-93ced199.js +0 -6
- package/dist/esm-es5/dom-773d1009.js +0 -6
- package/dist/esm-es5/floating-ui-9b7dcf5f.js +0 -6
- package/dist/esm-es5/forIn-f0ad73ff.js +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{l(a.next(t))}catch(t){r(t)}}function s(t){try{l(a["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):n(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{a=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(typeof e === "string"){e=Array.prototype.slice.call(e)}if(i||arguments.length===2)for(var a=0,n=e.length,r;a<n;a++){if(r||!(a in e)){if(!r)r=Array.prototype.slice.call(e,0,a);r[a]=e[a]}}return t.concat(r||Array.prototype.slice.call(e))};
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-e2035750.js";import{g as guid}from"./guid-41992570.js";import{t as toAriaBoolean,n as nodeListToArray,a as getElementDir,j as filterDirectChildren,d as getElementProp}from"./dom-773d1009.js";import{c as createObserver}from"./observers-ebdbf52f.js";import{u as updateHostInteraction}from"./interactive-52c414ad.js";var tabCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([active]) section{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([active]){display:block;block-size:100%;inline-size:100%;overflow:auto}section{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";var Tab=function(){function t(t){registerInstance(this,t);this.calciteInternalTabRegister=createEvent(this,"calciteInternalTabRegister",7);this.active=false;this.scale="m";this.guid="calcite-tab-title-".concat(guid())}t.prototype.render=function(){var t=this.el.id||this.guid;return h(Host,{"aria-expanded":toAriaBoolean(this.active),"aria-labelledby":this.labeledBy,id:t,role:"tabpanel"},h("section",null,h("slot",null)))};t.prototype.connectedCallback=function(){this.parentTabsEl=this.el.closest("calcite-tabs")};t.prototype.componentDidLoad=function(){this.calciteInternalTabRegister.emit()};t.prototype.componentWillRender=function(){var t;this.scale=(t=this.parentTabsEl)===null||t===void 0?void 0:t.scale};t.prototype.disconnectedCallback=function(){var t;(t=document.body)===null||t===void 0?void 0:t.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))};t.prototype.internalTabChangeHandler=function(t){var e=this;var i=t.composedPath().find((function(t){return t.tagName==="CALCITE-TABS"}));if(i!==this.parentTabsEl){return}if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}t.stopPropagation()};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((function(t){return t.matches("calcite-tab")})),this.el)]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.labeledBy=e[t.indexOf(this.el.id)]||null;return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Tab.style=tabCss;var tabNavCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex}:host([scale=s]){min-block-size:1.5rem}:host([scale=m]){min-block-size:2rem}:host([scale=l]){min-block-size:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:start;justify-content:flex-start;overflow:auto}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-ui-brand);-webkit-transition-property:all;transition-property:all;-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-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([position=below]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=bottom]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=below]) .tab-nav-active-indicator-container{inset-block-start:0px;inset-block-end:unset}:host([position=bottom]) .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}:host([bordered][position=bottom]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}";var TabNav=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabChange=createEvent(this,"calciteTabChange",7);this.calciteInternalTabChange=createEvent(this,"calciteInternalTabChange",7);this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.animationActiveDuration=.3;this.resizeObserver=createObserver("resize",(function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateActiveWidth();e.updateOffsetPosition()}));this.handleContainerScroll=function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateOffsetPosition()}}t.prototype.selectedTabChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(localStorage&&this.storageId&&this.selectedTab!==undefined&&this.selectedTab!==null){localStorage.setItem("calcite-tab-nav-".concat(this.storageId),JSON.stringify(this.selectedTab))}this.calciteInternalTabChange.emit({tab:this.selectedTab});t=this;return[4,this.getTabTitleById(this.selectedTab)];case 1:t.selectedTabEl=e.sent();return[2]}}))}))};t.prototype.selectedTabElChanged=function(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration="".concat(this.animationActiveDuration,"s")};t.prototype.connectedCallback=function(){var t;this.parentTabsEl=this.el.closest("calcite-tabs");(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(this.el)};t.prototype.disconnectedCallback=function(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentWillLoad=function(){var t="calcite-tab-nav-".concat(this.storageId);if(localStorage&&this.storageId&&localStorage.getItem(t)){var e=JSON.parse(localStorage.getItem(t));this.selectedTab=e}};t.prototype.componentWillRender=function(){var t=this.parentTabsEl;this.layout=t===null||t===void 0?void 0:t.layout;this.position=t===null||t===void 0?void 0:t.position;this.scale=t===null||t===void 0?void 0:t.scale;this.bordered=t===null||t===void 0?void 0:t.bordered;if(this.selectedTabEl){this.updateOffsetPosition()}};t.prototype.componentDidRender=function(){var t=this;if(this.tabTitles.length&&this.tabTitles.every((function(t){return!t.active}))&&!this.selectedTab){this.tabTitles[0].getTabIdentifier().then((function(e){t.calciteInternalTabChange.emit({tab:e})}))}};t.prototype.render=function(){var t=this;var e=getElementDir(this.el);var i="".concat(this.indicatorWidth,"px");var a="".concat(this.indicatorOffset,"px");var n=e!=="rtl"?{width:i,left:a}:{width:i,right:a};return h(Host,{role:"tablist"},h("div",{class:"tab-nav",onScroll:this.handleContainerScroll,ref:function(e){return t.tabNavEl=e}},h("div",{class:"tab-nav-active-indicator-container",ref:function(e){return t.activeIndicatorContainerEl=e}},h("div",{class:"tab-nav-active-indicator",ref:function(e){return t.activeIndicatorEl=e},style:n})),h("slot",null)))};t.prototype.focusPreviousTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e-1]||this.enabledTabTitles[this.enabledTabTitles.length-1];i===null||i===void 0?void 0:i.focus();t.stopPropagation();t.preventDefault()};t.prototype.focusNextTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e+1]||this.enabledTabTitles[0];i===null||i===void 0?void 0:i.focus();t.stopPropagation();t.preventDefault()};t.prototype.internalActivateTabHandler=function(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation();t.preventDefault()};t.prototype.activateTabHandler=function(t){this.calciteTabChange.emit({tab:this.selectedTab});t.stopPropagation();t.preventDefault()};t.prototype.updateTabTitles=function(t){if(t.target.active){this.selectedTab=t.detail}};t.prototype.globalInternalTabChangeHandler=function(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab){this.selectedTab=t.detail.tab;t.stopPropagation()}t.stopPropagation()};t.prototype.updateOffsetPosition=function(){var t,e,i,a,n;var o=getElementDir(this.el);var r=(t=this.activeIndicatorContainerEl)===null||t===void 0?void 0:t.offsetWidth;var s=(e=this.selectedTabEl)===null||e===void 0?void 0:e.offsetLeft;var l=(i=this.selectedTabEl)===null||i===void 0?void 0:i.offsetWidth;var c=r-(s+l);this.indicatorOffset=o!=="rtl"?s-((a=this.tabNavEl)===null||a===void 0?void 0:a.scrollLeft):c+((n=this.tabNavEl)===null||n===void 0?void 0:n.scrollLeft)};t.prototype.updateActiveWidth=function(){var t;this.indicatorWidth=(t=this.selectedTabEl)===null||t===void 0?void 0:t.offsetWidth};t.prototype.getIndexOfTabTitle=function(t,e){if(e===void 0){e=this.tabTitles}return e.indexOf(t)};t.prototype.getTabTitleById=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){return[2,Promise.all(this.tabTitles.map((function(t){return t.getTabIdentifier()}))).then((function(i){return e.tabTitles[i.indexOf(t)]}))]}))}))};Object.defineProperty(t.prototype,"tabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"enabledTabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title:not([disabled])")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"],selectedTabEl:["selectedTabElChanged"]}},enumerable:false,configurable:true});return t}();TabNav.style=tabNavCss;var tabTitleCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block;-ms-flex:0 1 auto;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}:host([layout=center]){margin-block:0px;margin-inline:1.25rem;text-align:center;-ms-flex-preferred-size:12rem;flex-basis:12rem}:host([position=below]) a{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([position=bottom]) a{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host a{outline-color:transparent}:host(:focus) a{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-ui-border-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host([active]) a{border-color:transparent;color:var(--calcite-ui-text-1)}:host([disabled]) span,:host([disabled]) a{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){-webkit-margin-end:1rem;margin-inline-end:1rem}:host([scale=s]) a,:host([scale=s]) span{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) a,:host([scale=m]) span{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}:host([scale=l]) a,:host([scale=l]) span{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}a,span{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-pack:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end-width:2px;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-3);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}span{cursor:default}.calcite-tab-title--icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:center;align-self:center}.calcite-tab-title--icon svg{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.container--has-text{padding:0.25rem}.container--has-text .calcite-tab-title--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([bordered]){-webkit-margin-end:0;margin-inline-end:0}:host([bordered][active]){-webkit-box-shadow:inset 0px -2px var(--calcite-ui-foreground-1);box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][active][position=below]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered][active][position=bottom]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) a,:host([bordered]:focus) a,:host([bordered]:active) a{position:relative}:host([bordered]:hover) a{background-color:var(--calcite-button-transparent-hover)}:host([bordered]) a{border-block-end-style:unset;-webkit-border-start:1px solid transparent;border-inline-start:1px solid transparent;-webkit-border-end:1px solid transparent;border-inline-end:1px solid transparent}:host([bordered][position=below]) a{border-block-start-style:unset}:host([bordered][position=bottom]) a{border-block-start-style:unset}:host([active][bordered]) a{border-inline-start-color:var(--calcite-ui-border-1);border-inline-end-color:var(--calcite-ui-border-1)}:host([bordered]) a,:host([bordered]) span{padding-inline:0.75rem}:host([bordered][scale=s]) a,:host([bordered][scale=s]) span{padding-inline:0.5rem}:host([bordered][scale=l]) a,:host([bordered][scale=l]) span{padding-inline:1rem}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) a{outline-color:highlight}:host([bordered]) a{border-block-end-style:solid}:host([bordered][position=below]) a{border-block-start-style:solid}:host([bordered][position=bottom]) a{border-block-start-style:solid}:host([bordered][active]) a{border-block-end-style:none}:host([bordered][position=below][active]) a{border-block-start-style:none}:host([bordered][position=bottom][active]) a{border-block-start-style:none}}";var TabTitle=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabsActivate=createEvent(this,"calciteTabsActivate",7);this.calciteInternalTabsActivate=createEvent(this,"calciteInternalTabsActivate",7);this.calciteInternalTabsFocusNext=createEvent(this,"calciteInternalTabsFocusNext",7);this.calciteInternalTabsFocusPrevious=createEvent(this,"calciteInternalTabsFocusPrevious",7);this.calciteInternalTabTitleRegister=createEvent(this,"calciteInternalTabTitleRegister",7);this.active=false;this.disabled=false;this.bordered=false;this.mutationObserver=createObserver("mutation",(function(){return e.updateHasText()}));this.hasText=false;this.guid="calcite-tab-title-".concat(guid())}t.prototype.activeTabChanged=function(){if(this.active){this.emitActiveTab(false)}};t.prototype.connectedCallback=function(){this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=document.body)===null||e===void 0?void 0:e.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}))};t.prototype.componentWillLoad=function(){{this.updateHasText()}if(this.tab&&this.active){this.emitActiveTab(false)}};t.prototype.componentWillRender=function(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.position=this.parentTabsEl.position;this.scale=this.parentTabsEl.scale;this.bordered=this.parentTabsEl.bordered}if(!this.parentTabsEl&&this.parentTabNavEl){this.position=getElementProp(this.parentTabNavEl,"position",this.position);this.scale=getElementProp(this.parentTabNavEl,"scale",this.scale)}};t.prototype.render=function(){var t=this.el.id||this.guid;var e=h("calcite-icon",{class:"calcite-tab-title--icon icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var i=h("calcite-icon",{class:"calcite-tab-title--icon icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});return h(Host,{"aria-controls":this.controls,"aria-expanded":toAriaBoolean(this.active),id:t,role:"tab"},h("a",{class:{container:true,"container--has-text":this.hasText}},this.iconStart?e:null,h("slot",null),this.iconEnd?i:null))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:e=(t=this.calciteInternalTabTitleRegister).emit;return[4,this.getTabIdentifier()];case 1:e.apply(t,[i.sent()]);return[2]}}))}))};t.prototype.componentDidRender=function(){updateHostInteraction(this,true)};t.prototype.internalTabChangeHandler=function(t){var e=this;var i=t.composedPath().find((function(t){return t.tagName==="CALCITE-TABS"}));if(i!==this.parentTabsEl){return}if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}t.stopPropagation()};t.prototype.onClick=function(){this.emitActiveTab()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":case"Enter":this.emitActiveTab();t.preventDefault();break;case"ArrowRight":if(getElementDir(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":if(getElementDir(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el)]}))}))};t.prototype.getTabIdentifier=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.tab?this.tab:this.getTabIndex()]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.controls=t[e.indexOf(this.el.id)]||null;return[2]}))}))};t.prototype.updateHasText=function(){this.hasText=this.el.textContent.trim().length>0};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.emitActiveTab=function(t){if(t===void 0){t=true}if(this.disabled){return}var e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){this.calciteTabsActivate.emit(e)}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeTabChanged"]}},enumerable:false,configurable:true});return t}();TabTitle.style=tabTitleCss;var SLOTS={tabNav:"tab-nav"};var tabsCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([bordered]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav){-webkit-margin-after:-1px;margin-block-end:-1px}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){-webkit-margin-after:-1px;margin-block-end:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){-webkit-margin-before:-1px;margin-block-start:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered][position=bottom]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host([position=bottom]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-ui-border-1);border-block-start-style:solid}:host([position=below]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-ui-border-1)}:host([position=bottom]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-block-end-style:solid}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=below][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}";var Tabs=function(){function t(t){registerInstance(this,t);this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}t.prototype.connectedCallback=function(){if(this.layout==="center"){this.bordered=false}};t.prototype.render=function(){return h(Fragment,null,h("slot",{name:SLOTS.tabNav}),h("section",null,h("slot",null)))};t.prototype.calciteInternalTabTitleRegister=function(t){this.titles=__spreadArray(__spreadArray([],this.titles,true),[t.target],false);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabTitleUnregister=function(t){this.titles=this.titles.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.calciteInternalTabRegister=function(t){this.tabs=__spreadArray(__spreadArray([],this.tabs,true),[t.target],false);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabUnregister=function(t){this.tabs=this.tabs.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.registryHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,a;var n=this;return __generator(this,(function(o){switch(o.label){case 0:if(!(this.tabs.some((function(t){return t.tab}))||this.titles.some((function(t){return t.tab}))))return[3,1];t=this.tabs.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));e=this.titles.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));return[3,4];case 1:return[4,Promise.all(this.tabs.map((function(t){return t.getTabIndex()})))];case 2:i=o.sent();return[4,Promise.all(this.titles.map((function(t){return t.getTabIndex()})))];case 3:a=o.sent();t=i.reduce((function(t,e,i){t[e]=n.tabs[i].id;return t}),[]);e=a.reduce((function(t,e,i){t[e]=n.titles[i].id;return t}),[]);o.label=4;case 4:this.tabs.forEach((function(i){return i.updateAriaInfo(t,e)}));this.titles.forEach((function(i){return i.updateAriaInfo(t,e)}));return[2]}}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Tabs.style=tabsCss;export{Tab as calcite_tab,TabNav as calcite_tab_nav,TabTitle as calcite_tab_title,Tabs as calcite_tabs};
|
|
5
|
+
* v1.0.0-beta.91
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-2980b14c.js";import{g as guid}from"./guid-4eb9b69b.js";import{n as nodeListToArray,a as getElementDir,k as filterDirectChildren,d as getElementProp,t as toAriaBoolean}from"./dom-b00b63fe.js";import{c as createObserver}from"./observers-dc6401d4.js";import{u as updateHostInteraction}from"./interactive-6c201311.js";import"./resources-d3714ef2.js";var tabCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([selected]) section{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";var Tab=function(){function t(t){registerInstance(this,t);this.calciteInternalTabRegister=createEvent(this,"calciteInternalTabRegister",6);this.active=false;this.selected=false;this.scale="m";this.guid="calcite-tab-title-".concat(guid())}t.prototype.activeHandler=function(t){this.selected=t};t.prototype.selectedHandler=function(t){this.active=t};t.prototype.render=function(){var t=this.el.id||this.guid;return h(Host,{"aria-labelledby":this.labeledBy,id:t},h("div",{role:"tabpanel",tabIndex:this.selected?0:-1},h("section",null,h("slot",null))))};t.prototype.connectedCallback=function(){this.parentTabsEl=this.el.closest("calcite-tabs");var t=this.selected||this.active;if(t){this.activeHandler(t);this.selectedHandler(t)}};t.prototype.componentDidLoad=function(){this.calciteInternalTabRegister.emit()};t.prototype.componentWillRender=function(){var t;this.scale=(t=this.parentTabsEl)===null||t===void 0?void 0:t.scale};t.prototype.disconnectedCallback=function(){var t;(t=document.body)===null||t===void 0?void 0:t.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))};t.prototype.internalTabChangeHandler=function(t){var e=this;var i=t.composedPath().find((function(t){return t.tagName==="CALCITE-TABS"}));if(i!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.selected=i===t.detail.tab}))}t.stopPropagation()};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((function(t){return t.matches("calcite-tab")})),this.el)]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.labeledBy=e[t.indexOf(this.el.id)]||null;return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],selected:["selectedHandler"]}},enumerable:false,configurable:true});return t}();Tab.style=tabCss;var tabNavCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{position:relative;display:-ms-flexbox;display:flex}:host([scale=s]){min-block-size:1.5rem}:host([scale=m]){min-block-size:2rem}:host([scale=l]){min-block-size:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:start;justify-content:flex-start;overflow:auto}:host([layout=center]) .tab-nav{-ms-flex-pack:center;justify-content:center}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-ui-brand);-webkit-transition-property:all;transition-property:all;-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-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([position=below]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=bottom]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=below]) .tab-nav-active-indicator-container{inset-block-start:0px;inset-block-end:unset}:host([position=bottom]) .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}:host([bordered][position=bottom]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}";var TabNav=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabChange=createEvent(this,"calciteTabChange",6);this.calciteInternalTabChange=createEvent(this,"calciteInternalTabChange",6);this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.animationActiveDuration=.3;this.resizeObserver=createObserver("resize",(function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateActiveWidth();e.updateOffsetPosition()}));this.handleContainerScroll=function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateOffsetPosition()}}t.prototype.selectedTabChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(localStorage&&this.storageId&&this.selectedTab!==undefined&&this.selectedTab!==null){localStorage.setItem("calcite-tab-nav-".concat(this.storageId),JSON.stringify(this.selectedTab))}this.calciteInternalTabChange.emit({tab:this.selectedTab});t=this;return[4,this.getTabTitleById(this.selectedTab)];case 1:t.selectedTabEl=e.sent();return[2]}}))}))};t.prototype.selectedTabElChanged=function(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration="".concat(this.animationActiveDuration,"s")};t.prototype.connectedCallback=function(){var t;this.parentTabsEl=this.el.closest("calcite-tabs");(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(this.el)};t.prototype.disconnectedCallback=function(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentWillLoad=function(){var t="calcite-tab-nav-".concat(this.storageId);if(localStorage&&this.storageId&&localStorage.getItem(t)){var e=JSON.parse(localStorage.getItem(t));this.selectedTab=e}};t.prototype.componentWillRender=function(){var t=this.parentTabsEl;this.layout=t===null||t===void 0?void 0:t.layout;this.position=t===null||t===void 0?void 0:t.position;this.scale=t===null||t===void 0?void 0:t.scale;this.bordered=t===null||t===void 0?void 0:t.bordered;if(this.selectedTabEl){this.updateOffsetPosition()}};t.prototype.componentDidRender=function(){var t=this;if(this.tabTitles.length&&this.tabTitles.every((function(t){return!t.active}))&&!this.selectedTab){this.tabTitles[0].getTabIdentifier().then((function(e){t.calciteInternalTabChange.emit({tab:e})}))}};t.prototype.render=function(){var t=this;var e=getElementDir(this.el);var i="".concat(this.indicatorWidth,"px");var a="".concat(this.indicatorOffset,"px");var n=e!=="rtl"?{width:i,left:a}:{width:i,right:a};return h(Host,{role:"tablist"},h("div",{class:"tab-nav",onScroll:this.handleContainerScroll,ref:function(e){return t.tabNavEl=e}},h("div",{class:"tab-nav-active-indicator-container",ref:function(e){return t.activeIndicatorContainerEl=e}},h("div",{class:"tab-nav-active-indicator",ref:function(e){return t.activeIndicatorEl=e},style:n})),h("slot",null)))};t.prototype.focusPreviousTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e-1]||this.enabledTabTitles[this.enabledTabTitles.length-1];i===null||i===void 0?void 0:i.focus();t.stopPropagation();t.preventDefault()};t.prototype.focusNextTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e+1]||this.enabledTabTitles[0];i===null||i===void 0?void 0:i.focus();t.stopPropagation();t.preventDefault()};t.prototype.internalActivateTabHandler=function(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation();t.preventDefault()};t.prototype.activateTabHandler=function(t){this.calciteTabChange.emit({tab:this.selectedTab});t.stopPropagation();t.preventDefault()};t.prototype.updateTabTitles=function(t){if(t.target.active){this.selectedTab=t.detail}};t.prototype.globalInternalTabChangeHandler=function(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab){this.selectedTab=t.detail.tab;t.stopPropagation()}t.stopPropagation()};t.prototype.updateOffsetPosition=function(){var t,e,i,a,n;var r=getElementDir(this.el);var o=(t=this.activeIndicatorContainerEl)===null||t===void 0?void 0:t.offsetWidth;var s=(e=this.selectedTabEl)===null||e===void 0?void 0:e.offsetLeft;var l=(i=this.selectedTabEl)===null||i===void 0?void 0:i.offsetWidth;var c=o-(s+l);this.indicatorOffset=r!=="rtl"?s-((a=this.tabNavEl)===null||a===void 0?void 0:a.scrollLeft):c+((n=this.tabNavEl)===null||n===void 0?void 0:n.scrollLeft)};t.prototype.updateActiveWidth=function(){var t;this.indicatorWidth=(t=this.selectedTabEl)===null||t===void 0?void 0:t.offsetWidth};t.prototype.getIndexOfTabTitle=function(t,e){if(e===void 0){e=this.tabTitles}return e.indexOf(t)};t.prototype.getTabTitleById=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){return[2,Promise.all(this.tabTitles.map((function(t){return t.getTabIdentifier()}))).then((function(i){return e.tabTitles[i.indexOf(t)]}))]}))}))};Object.defineProperty(t.prototype,"tabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"enabledTabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title:not([disabled])")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"],selectedTabEl:["selectedTabElChanged"]}},enumerable:false,configurable:true});return t}();TabNav.style=tabNavCss;var tabTitleCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block;-ms-flex:0 1 auto;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}:host([layout=center]){margin-block:0px;margin-inline:1.25rem;text-align:center;-ms-flex-preferred-size:12rem;flex-basis:12rem}:host([position=below]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host .container{outline-color:transparent}:host(:focus) .container{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-ui-border-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-ui-text-1)}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){-webkit-margin-end:1rem;margin-inline-end:1rem}:host([scale=s]) .container{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .container{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}:host([scale=l]) .container{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-pack:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end-width:2px;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-3);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}.calcite-tab-title--icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:center;align-self:center}.calcite-tab-title--icon svg{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.container--has-text{padding:0.25rem}.container--has-text .calcite-tab-title--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([bordered]){-webkit-margin-end:0;margin-inline-end:0}:host([bordered][selected]){-webkit-box-shadow:inset 0px -2px var(--calcite-ui-foreground-1);box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][selected][position=below]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered][selected][position=bottom]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) .container,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}:host([bordered]:hover) .container{background-color:var(--calcite-button-transparent-hover)}:host([bordered]) .container{border-block-end-style:unset;-webkit-border-start:1px solid transparent;border-inline-start:1px solid transparent;-webkit-border-end:1px solid transparent;border-inline-end:1px solid transparent}:host([bordered][position=below]) .container{border-block-start-style:unset}:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-ui-border-1);border-inline-end-color:var(--calcite-ui-border-1)}:host([bordered]) .container{padding-inline:0.75rem}:host([bordered][scale=s]) .container{padding-inline:0.5rem}:host([bordered][scale=l]) .container{padding-inline:1rem}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=below]) .container{border-block-start-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=below][selected]) .container{border-block-start-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}}";var TabTitle=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabsActivate=createEvent(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=createEvent(this,"calciteInternalTabsActivate",6);this.calciteInternalTabsFocusNext=createEvent(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=createEvent(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabTitleRegister=createEvent(this,"calciteInternalTabTitleRegister",6);this.active=false;this.selected=false;this.disabled=false;this.bordered=false;this.mutationObserver=createObserver("mutation",(function(){return e.updateHasText()}));this.hasText=false;this.guid="calcite-tab-title-".concat(guid())}t.prototype.activeHandler=function(t){this.selected=t};t.prototype.selectedHandler=function(t){this.active=t;if(this.selected){this.emitActiveTab(false)}};t.prototype.connectedCallback=function(){var t=this,e=t.selected,i=t.active;if(e){this.active=e}else if(i){this.activeHandler(i)}this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=document.body)===null||e===void 0?void 0:e.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}))};t.prototype.componentWillLoad=function(){{this.updateHasText()}if(this.tab&&this.selected){this.emitActiveTab(false)}};t.prototype.componentWillRender=function(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.position=this.parentTabsEl.position;this.scale=this.parentTabsEl.scale;this.bordered=this.parentTabsEl.bordered}if(!this.parentTabsEl&&this.parentTabNavEl){this.position=getElementProp(this.parentTabNavEl,"position",this.position);this.scale=getElementProp(this.parentTabNavEl,"scale",this.scale)}};t.prototype.render=function(){var t=this.el.id||this.guid;var e=h("calcite-icon",{class:"calcite-tab-title--icon icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var i=h("calcite-icon",{class:"calcite-tab-title--icon icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});return h(Host,{"aria-controls":this.controls,"aria-selected":toAriaBoolean(this.selected),id:t,role:"tab",tabIndex:this.selected?0:-1},h("div",{class:{container:true,"container--has-text":this.hasText}},this.iconStart?e:null,h("slot",null),this.iconEnd?i:null))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:e=(t=this.calciteInternalTabTitleRegister).emit;return[4,this.getTabIdentifier()];case 1:e.apply(t,[i.sent()]);return[2]}}))}))};t.prototype.componentDidRender=function(){var t=this;updateHostInteraction(this,(function(){return t.selected}))};t.prototype.internalTabChangeHandler=function(t){var e=this;var i=t.composedPath().find((function(t){return t.tagName==="CALCITE-TABS"}));if(i!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.selected=i===t.detail.tab}))}t.stopPropagation()};t.prototype.onClick=function(){this.emitActiveTab()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":case"Enter":this.emitActiveTab();t.preventDefault();break;case"ArrowRight":t.preventDefault();if(getElementDir(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(getElementDir(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el)]}))}))};t.prototype.getTabIdentifier=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.tab?this.tab:this.getTabIndex()]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.controls=t[e.indexOf(this.el.id)]||null;return[2]}))}))};t.prototype.updateHasText=function(){this.hasText=this.el.textContent.trim().length>0};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.emitActiveTab=function(t){if(t===void 0){t=true}if(this.disabled){return}var e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){this.calciteTabsActivate.emit(e)}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],selected:["selectedHandler"]}},enumerable:false,configurable:true});return t}();TabTitle.style=tabTitleCss;var SLOTS={tabNav:"tab-nav"};var tabsCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([bordered]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav){-webkit-margin-after:-1px;margin-block-end:-1px}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){-webkit-margin-after:-1px;margin-block-end:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){-webkit-margin-before:-1px;margin-block-start:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered][position=bottom]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host([position=bottom]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-ui-border-1);border-block-start-style:solid}:host([position=below]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-ui-border-1)}:host([position=bottom]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-block-end-style:solid}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=below][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}";var Tabs=function(){function t(t){registerInstance(this,t);this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}t.prototype.connectedCallback=function(){if(this.layout==="center"){this.bordered=false}};t.prototype.render=function(){return h(Fragment,null,h("slot",{name:SLOTS.tabNav}),h("section",null,h("slot",null)))};t.prototype.calciteInternalTabTitleRegister=function(t){this.titles=__spreadArray(__spreadArray([],this.titles,true),[t.target],false);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabTitleUnregister=function(t){this.titles=this.titles.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.calciteInternalTabRegister=function(t){this.tabs=__spreadArray(__spreadArray([],this.tabs,true),[t.target],false);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabUnregister=function(t){this.tabs=this.tabs.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.registryHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,a;var n=this;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.tabs.some((function(t){return t.tab}))||this.titles.some((function(t){return t.tab}))))return[3,1];t=this.tabs.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));e=this.titles.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));return[3,4];case 1:return[4,Promise.all(this.tabs.map((function(t){return t.getTabIndex()})))];case 2:i=r.sent();return[4,Promise.all(this.titles.map((function(t){return t.getTabIndex()})))];case 3:a=r.sent();t=i.reduce((function(t,e,i){t[e]=n.tabs[i].id;return t}),[]);e=a.reduce((function(t,e,i){t[e]=n.titles[i].id;return t}),[]);r.label=4;case 4:this.tabs.forEach((function(i){return i.updateAriaInfo(t,e)}));this.titles.forEach((function(i){return i.updateAriaInfo(t,e)}));return[2]}}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Tabs.style=tabsCss;export{Tab as calcite_tab,TabNav as calcite_tab_nav,TabTitle as calcite_tab_title,Tabs as calcite_tabs};
|
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-e2035750.js";import{g as guid}from"./guid-41992570.js";import{u as updateHostInteraction}from"./interactive-52c414ad.js";var CSS={checked:"checked",description:"description",descriptionOnly:"description-only",disabled:"disabled",heading:"heading",headingOnly:"heading-only",icon:"icon",iconOnly:"icon-only",inputAlignmentEnd:"input-alignment-end",inputAlignmentStart:"input-alignment-start",inputEnabled:"input-enabled",largeVisual:"large-visual",widthAuto:"width-auto",widthFull:"width-full"};var tileSelectCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host .container{background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;block-size:100%;max-inline-size:300px;padding:0.75rem;position:relative;vertical-align:top;z-index:10;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .container.checked{z-index:30;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host .container.heading-only{-ms-flex-align:center;align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host .container.focused{outline-color:transparent}:host .container.focused:not(.disabled){z-index:30}:host .container.focused:not(.disabled):not(.input-enabled){outline:2px solid var(--calcite-ui-brand);outline-offset:-4px;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:0.75rem}:host .container.input-enabled.input-alignment-start calcite-tile{-ms-flex-order:1;order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:0.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.width-full{display:-ms-flexbox;display:flex;max-inline-size:none}:host .container.width-full calcite-tile{-ms-flex:1 1 auto;flex:1 1 auto}:host(:hover) .container{z-index:20}:host(:hover) .container:not(.input-enabled){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var TileSelect=function(){function t(t){registerInstance(this,t);this.calciteTileSelectChange=createEvent(this,"calciteTileSelectChange",7);this.checked=false;this.disabled=false;this.hidden=false;this.inputEnabled=false;this.inputAlignment="start";this.type="radio";this.width="auto";this.guid="calcite-tile-select-".concat(guid());this.focused=false}t.prototype.checkedChanged=function(t){this.input.checked=t};t.prototype.nameChanged=function(t){this.input.name=t};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.input)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.checkboxChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.checkboxFocusBlurHandler=function(t){var e=t.target;if(e===this.input){this.focused=t.detail}t.stopPropagation()};t.prototype.radioButtonChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.radioButtonCheckedChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation()};t.prototype.radioButtonFocusBlurHandler=function(t){var e=t.target;if(e===this.input){this.focused=e.focused}t.stopPropagation()};t.prototype.click=function(t){var e=t.target;var n=["calcite-tile","calcite-tile-select"];if(n.includes(e.localName)){this.input.click()}};t.prototype.mouseenter=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=true}if(this.input.localName==="calcite-checkbox"){this.input.hovered=true}};t.prototype.mouseleave=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=false}if(this.input.localName==="calcite-checkbox"){this.input.hovered=false}};t.prototype.connectedCallback=function(){this.renderInput()};t.prototype.disconnectedCallback=function(){this.input.parentNode.removeChild(this.input)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.renderInput=function(){this.input=document.createElement(this.type==="radio"?"calcite-radio-button":"calcite-checkbox");this.input.checked=this.checked;this.input.disabled=this.disabled;this.input.hidden=this.hidden;this.input.id=this.guid;this.input.label=this.heading||this.name||"";if(this.name){this.input.name=this.name}if(this.value){this.input.value=this.value!=null?this.value.toString():""}this.el.insertAdjacentElement("beforeend",this.input)};t.prototype.render=function(){var t;var e=this,n=e.checked,i=e.description,a=e.disabled,o=e.focused,r=e.heading,c=e.icon,l=e.inputAlignment,s=e.inputEnabled,d=e.width;return h("div",{class:(t={checked:n,container:true},t[CSS.description]=Boolean(i),t[CSS.descriptionOnly]=Boolean(!r&&!c&&i),t.disabled=a,t.focused=o,t[CSS.heading]=Boolean(r),t[CSS.headingOnly]=r&&!c&&!i,t[CSS.icon]=Boolean(c),t[CSS.iconOnly]=!r&&c&&!i,t[CSS.inputAlignmentEnd]=l==="end",t[CSS.inputAlignmentStart]=l==="start",t[CSS.inputEnabled]=s,t[CSS.largeVisual]=r&&c&&!i,t[CSS.widthAuto]=d==="auto",t[CSS.widthFull]=d==="full",t)},h("calcite-tile",{active:n,description:i,embed:true,heading:r,icon:c}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();TileSelect.style=tileSelectCss;var tileSelectGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host ::slotted(calcite-tile-select){-webkit-margin-after:1px;margin-block-end:1px;-webkit-margin-end:1px;margin-inline-end:1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var TileSelectGroup=function(){function t(t){registerInstance(this,t);this.disabled=false;this.layout="horizontal"}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){return h("slot",null)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();TileSelectGroup.style=tileSelectGroupCss;export{TileSelect as calcite_tile_select,TileSelectGroup as calcite_tile_select_group};
|
|
5
|
+
* v1.0.0-beta.91
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-2980b14c.js";import{g as guid}from"./guid-4eb9b69b.js";import{u as updateHostInteraction}from"./interactive-6c201311.js";var CSS={checked:"checked",description:"description",descriptionOnly:"description-only",disabled:"disabled",heading:"heading",headingOnly:"heading-only",icon:"icon",iconOnly:"icon-only",inputAlignmentEnd:"input-alignment-end",inputAlignmentStart:"input-alignment-start",inputEnabled:"input-enabled",largeVisual:"large-visual",widthAuto:"width-auto",widthFull:"width-full"};var tileSelectCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host .container{background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;block-size:100%;max-inline-size:300px;padding:0.75rem;position:relative;vertical-align:top;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .container.checked{-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host .container.heading-only{-ms-flex-align:center;align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host .container.focused{outline-color:transparent}:host .container.focused:not(.disabled):not(.input-enabled){outline:2px solid var(--calcite-ui-brand);outline-offset:-4px;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 1px var(--calcite-ui-brand), inset 0 0 0 2px var(--calcite-ui-foreground-1)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:0.75rem}:host .container.input-enabled.input-alignment-start calcite-tile{-ms-flex-order:1;order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:0.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.width-full{display:-ms-flexbox;display:flex;max-inline-size:none}:host .container.width-full calcite-tile{-ms-flex:1 1 auto;flex:1 1 auto}:host(:hover) .container:not(.input-enabled){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-brand);box-shadow:0 0 0 1px var(--calcite-ui-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var TileSelect=function(){function t(t){registerInstance(this,t);this.calciteTileSelectChange=createEvent(this,"calciteTileSelectChange",6);this.checked=false;this.disabled=false;this.hidden=false;this.inputEnabled=false;this.inputAlignment="start";this.type="radio";this.width="auto";this.guid="calcite-tile-select-".concat(guid());this.focused=false}t.prototype.checkedChanged=function(t){this.input.checked=t};t.prototype.nameChanged=function(t){this.input.name=t};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.input)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.checkboxChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.checkboxFocusBlurHandler=function(t){var e=t.target;if(e===this.input){this.focused=t.detail}t.stopPropagation()};t.prototype.radioButtonChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()};t.prototype.radioButtonCheckedChangeHandler=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation()};t.prototype.radioButtonFocusBlurHandler=function(t){var e=t.target;if(e===this.input){this.focused=e.focused}t.stopPropagation()};t.prototype.click=function(t){var e=t.target;var n=["calcite-tile","calcite-tile-select"];if(n.includes(e.localName)){this.input.click()}};t.prototype.mouseenter=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=true}if(this.input.localName==="calcite-checkbox"){this.input.hovered=true}};t.prototype.mouseleave=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=false}if(this.input.localName==="calcite-checkbox"){this.input.hovered=false}};t.prototype.connectedCallback=function(){this.renderInput()};t.prototype.disconnectedCallback=function(){this.input.parentNode.removeChild(this.input)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.renderInput=function(){this.input=document.createElement(this.type==="radio"?"calcite-radio-button":"calcite-checkbox");this.input.checked=this.checked;this.input.disabled=this.disabled;this.input.hidden=this.hidden;this.input.id=this.guid;this.input.label=this.heading||this.name||"";if(this.name){this.input.name=this.name}if(this.value){this.input.value=this.value!=null?this.value.toString():""}this.el.insertAdjacentElement("beforeend",this.input)};t.prototype.render=function(){var t;var e=this,n=e.checked,i=e.description,a=e.disabled,o=e.focused,r=e.heading,c=e.icon,l=e.inputAlignment,s=e.inputEnabled,d=e.width;return h("div",{class:(t={checked:n,container:true},t[CSS.description]=Boolean(i),t[CSS.descriptionOnly]=Boolean(!r&&!c&&i),t.disabled=a,t.focused=o,t[CSS.heading]=Boolean(r),t[CSS.headingOnly]=r&&!c&&!i,t[CSS.icon]=Boolean(c),t[CSS.iconOnly]=!r&&c&&!i,t[CSS.inputAlignmentEnd]=l==="end",t[CSS.inputAlignmentStart]=l==="start",t[CSS.inputEnabled]=s,t[CSS.largeVisual]=r&&c&&!i,t[CSS.widthAuto]=d==="auto",t[CSS.widthFull]=d==="full",t)},h("calcite-tile",{active:n,description:i,embed:true,heading:r,icon:c}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}();TileSelect.style=tileSelectCss;var tileSelectGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host ::slotted(calcite-tile-select){-webkit-margin-after:1px;margin-block-end:1px;-webkit-margin-end:1px;margin-inline-end:1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";var TileSelectGroup=function(){function t(t){registerInstance(this,t);this.disabled=false;this.layout="horizontal"}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.render=function(){return h("slot",null)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();TileSelectGroup.style=tileSelectGroupCss;export{TileSelect as calcite_tile_select,TileSelectGroup as calcite_tile_select_group};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
-
* v1.0.0-beta.
|
|
4
|
+
* v1.0.0-beta.91
|
|
5
5
|
*/
|
|
6
|
-
import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-
|
|
6
|
+
import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-2980b14c.js";import{g as getSlotted}from"./dom-b00b63fe.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-3c2e3da6.js";import{u as updateHostInteraction}from"./interactive-6c201311.js";import"./resources-d3714ef2.js";import"./guid-4eb9b69b.js";import"./observers-dc6401d4.js";var SLOTS={contentStart:"content-start",contentEnd:"content-end"};var tileCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--calcite-ui-foreground-1);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)}:host .container{pointer-events:none;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:0.5rem}:host .content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;gap:0.5rem;inline-size:10%}:host .content-container{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;padding:0px;color:var(--calcite-ui-text-2);outline-color:transparent}:host .content-slot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1)}:host .content-slot-container:first-child{padding-inline:0 0.75rem}:host .content-slot-container:last-child{padding-inline:0.75rem 0}:host .heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);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)}:host .large-visual{-ms-flex-align:center;align-items:center;text-align:center;min-block-size:12rem}:host .large-visual .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:end;align-self:flex-end}:host .large-visual .content-container{-ms-flex-item-align:center;align-self:center}:host .description{pointer-events:none;overflow-wrap:break-word;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)}:host(:not([embed])){padding:0.75rem;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2)}:host(:not([embed])[href]:hover){cursor:pointer;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-brand)}:host(:not([embed])[href]:active){-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand);box-shadow:0 0 0 3px var(--calcite-ui-brand)}:host([icon][heading]:not([description]):not([embed])){padding:0px}:host([icon][heading]:not([description])) .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host([icon][heading]:not([description])) .large-visual{text-align:center}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host(:hover) .heading,:host([active]) .heading{color:var(--calcite-ui-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-ui-text-2)}";var Tile=function(){function t(t){registerInstance(this,t);this.active=false;this.disabled=false;this.embed=false;this.focused=false;this.hidden=false}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.renderTile=function(){var t=this,e=t.icon,i=t.el,n=t.heading,a=t.description;var o=n&&e&&!a;var r=o?{height:"64px",width:"64px"}:undefined;return h("div",{class:{container:true,"large-visual":o}},e&&h("div",{class:"icon"},h("calcite-icon",{icon:e,scale:"l",style:r})),h("div",{class:"content-container"},getSlotted(i,SLOTS.contentStart)?h("div",{class:"content-slot-container"},h("slot",{name:SLOTS.contentStart})):null,h("div",{class:"content"},n&&h("div",{class:"heading"},n),a&&h("div",{class:"description"},a)),getSlotted(i,SLOTS.contentEnd)?h("div",{class:"content-slot-container"},h("slot",{name:SLOTS.contentEnd})):null))};t.prototype.render=function(){return h(Fragment,null,this.href?h("calcite-link",{disabled:this.disabled,href:this.href},this.renderTile()):this.renderTile())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Tile.style=tileCss;export{Tile as calcite_tile};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function o(t){try{c(i.next(t))}catch(t){r(t)}}function s(t){try{c(i["throw"](t))}catch(t){r(t)}}function c(t){t.done?a(t.value):n(t.value).then(o,s)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return c([t,e])}}function c(o){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t];n=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-e2035750.js";import{g as getSlotted,a as getElementDir,t as toAriaBoolean}from"./dom-773d1009.js";import{H as Heading,c as constrainHeadingLevel}from"./Heading-93ced199.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-b78ec702.js";import{c as createObserver}from"./observers-ebdbf52f.js";import"./guid-41992570.js";var CSS$1={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};var ICONS$1={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};var TEXT$1={defaultGroupTitle:"Tips",defaultPaginationLabel:"Tip",close:"Close",previous:"Previous",next:"Next"};var HEADING_LEVEL$1=2;var CSS={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};var ICONS={close:"x"};var SLOTS={thumbnail:"thumbnail"};var TEXT={close:"Close"};var HEADING_LEVEL=HEADING_LEVEL$1+1;var tipCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;margin:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([dismissed]),:host([dismissed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{-webkit-margin-after:0.5rem;margin-block-end:0.5rem}.header .heading{padding:0px;color:var(--calcite-ui-text-1)}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){-webkit-margin-before:0px;margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-ui-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}";var Tip=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTipDismiss=createEvent(this,"calciteTipDismiss",7);this.dismissed=false;this.nonDismissible=false;this.selected=false;this.hideTip=function(){e.dismissed=true;e.calciteTipDismiss.emit()}}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderHeader=function(){var t;var e=this,i=e.heading,a=e.headingLevel,n=e.el;var r=(t=n.closest("calcite-tip-manager"))===null||t===void 0?void 0:t.headingLevel;var o=r?constrainHeadingLevel(r+1):null;var s=a||o||HEADING_LEVEL;return i?h("header",{class:CSS.header},h(Heading,{class:CSS.heading,level:s},i)):null};t.prototype.renderDismissButton=function(){var t=this,e=t.nonDismissible,i=t.hideTip,a=t.intlClose;var n=a||TEXT.close;return!e?h("calcite-action",{class:CSS.close,icon:ICONS.close,onClick:i,scale:"l",text:n}):null};t.prototype.renderImageFrame=function(){var t=this.el;return getSlotted(t,SLOTS.thumbnail)?h("div",{class:CSS.imageFrame,key:"thumbnail"},h("slot",{name:SLOTS.thumbnail})):null};t.prototype.renderInfoNode=function(){return h("div",{class:CSS.info},h("slot",null))};t.prototype.renderContent=function(){return h("div",{class:CSS.content},this.renderImageFrame(),this.renderInfoNode())};t.prototype.render=function(){return h(Fragment,null,h("article",{class:CSS.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Tip.style=tipCss;var tipGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}::slotted(calcite-tip){margin:0px;border-style:none}:host-context(calcite-tip-manager){margin-block:0.75rem}:host-context(calcite-tip-manager) ::slotted(calcite-tip){padding:1rem}";var TipGroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h("slot",null)};return t}();TipGroup.style=tipGroupCss;var tipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2);--calcite-tip-manager-height:19vh}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;-webkit-padding-end:0px;padding-inline-end:0px;-webkit-padding-start:1rem;padding-inline-start:1rem}.header h2.heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{-webkit-margin-before:1px;margin-block-start:1px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;overflow:auto;outline-color:transparent;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}";var TipManager=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTipManagerToggle=createEvent(this,"calciteTipManagerToggle",7);this.calciteTipManagerClose=createEvent(this,"calciteTipManagerClose",7);this.closed=false;this.mutationObserver=createObserver("mutation",(function(){return e.setUpTips()}));this.hideTipManager=function(){e.closed=true;e.calciteTipManagerToggle.emit();e.calciteTipManagerClose.emit()};this.previousClicked=function(){e.previousTip()};this.nextClicked=function(){e.nextTip()};this.tipManagerKeyDownHandler=function(t){if(t.target!==e.container){return}switch(t.key){case"ArrowRight":t.preventDefault();e.nextTip();break;case"ArrowLeft":t.preventDefault();e.previousTip();break;case"Home":t.preventDefault();e.selectedIndex=0;break;case"End":t.preventDefault();e.selectedIndex=e.total-1;break}};this.storeContainerRef=function(t){e.container=t}}t.prototype.closedChangeHandler=function(){this.direction=null;this.calciteTipManagerToggle.emit()};t.prototype.selectedChangeHandler=function(){this.showSelectedTip();this.updateGroupTitle()};t.prototype.connectedCallback=function(){var t;this.setUpTips();(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.nextTip=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){this.direction="advancing";t=this.selectedIndex+1;this.selectedIndex=(t+this.total)%this.total;return[2]}))}))};t.prototype.previousTip=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){this.direction="retreating";t=this.selectedIndex-1;this.selectedIndex=(t+this.total)%this.total;return[2]}))}))};t.prototype.setUpTips=function(){var t=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=t.length;if(this.total===0){return}var e=this.el.querySelector("calcite-tip[selected]");this.tips=t;this.selectedIndex=e?t.indexOf(e):0;t.forEach((function(t){t.nonDismissible=true}));this.showSelectedTip();this.updateGroupTitle()};t.prototype.showSelectedTip=function(){var t=this;this.tips.forEach((function(e,i){var a=t.selectedIndex===i;e.selected=a;e.hidden=!a}))};t.prototype.updateGroupTitle=function(){var t=this.tips[this.selectedIndex];var e=t.closest("calcite-tip-group");this.groupTitle=(e===null||e===void 0?void 0:e.groupTitle)||this.intlDefaultTitle||TEXT$1.defaultGroupTitle};t.prototype.renderPagination=function(){var t=getElementDir(this.el);var e=this,i=e.selectedIndex,a=e.tips,n=e.total,r=e.intlNext,o=e.intlPrevious,s=e.intlPaginationLabel;var c=r||TEXT$1.next;var l=o||TEXT$1.previous;var m=s||TEXT$1.defaultPaginationLabel;return a.length>1?h("footer",{class:CSS$1.pagination},h("calcite-action",{class:CSS$1.pagePrevious,icon:t==="ltr"?ICONS$1.chevronLeft:ICONS$1.chevronRight,onClick:this.previousClicked,scale:"m",text:l}),h("span",{class:CSS$1.pagePosition},"".concat(m," ").concat(i+1,"/").concat(n)),h("calcite-action",{class:CSS$1.pageNext,icon:t==="ltr"?ICONS$1.chevronRight:ICONS$1.chevronLeft,onClick:this.nextClicked,scale:"m",text:c})):null};t.prototype.render=function(){var t;var e=this,i=e.closed,a=e.direction,n=e.headingLevel,r=e.groupTitle,o=e.selectedIndex,s=e.intlClose,c=e.total;var l=s||TEXT$1.close;if(c===0){return null}return h("section",{"aria-hidden":toAriaBoolean(i),class:CSS$1.container,hidden:i,onKeyDown:this.tipManagerKeyDownHandler,ref:this.storeContainerRef,tabIndex:0},h("header",{class:CSS$1.header},h(Heading,{class:CSS$1.heading,level:n||HEADING_LEVEL$1},r),h("calcite-action",{class:CSS$1.close,onClick:this.hideTipManager,scale:"m",text:l},h("calcite-icon",{icon:ICONS$1.close,scale:"m"}))),h("div",{class:(t={},t[CSS$1.tipContainer]=true,t[CSS$1.tipContainerAdvancing]=!i&&a==="advancing",t[CSS$1.tipContainerRetreating]=!i&&a==="retreating",t),key:o,tabIndex:0},h("slot",null)),this.renderPagination())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:false,configurable:true});return t}();TipManager.style=tipManagerCss;export{Tip as calcite_tip,TipGroup as calcite_tip_group,TipManager as calcite_tip_manager};
|
|
5
|
+
* v1.0.0-beta.91
|
|
6
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-2980b14c.js";import{g as getSlotted,a as getElementDir,t as toAriaBoolean}from"./dom-b00b63fe.js";import{H as Heading,c as constrainHeadingLevel}from"./Heading-53f20654.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-3c2e3da6.js";import{c as createObserver}from"./observers-dc6401d4.js";import"./resources-d3714ef2.js";import"./guid-4eb9b69b.js";var CSS$1={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};var ICONS$1={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};var TEXT$1={defaultGroupTitle:"Tips",defaultPaginationLabel:"Tip",close:"Close",previous:"Previous",next:"Next"};var HEADING_LEVEL$1=2;var CSS={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};var ICONS={close:"x"};var SLOTS={thumbnail:"thumbnail"};var TEXT={close:"Close"};var HEADING_LEVEL=HEADING_LEVEL$1+1;var tipCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{position:relative;margin:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([dismissed]),:host([dismissed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}.header{-webkit-margin-after:0.5rem;margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-1)}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){-webkit-margin-before:0px;margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-ui-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}";var Tip=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTipDismiss=createEvent(this,"calciteTipDismiss",6);this.dismissed=false;this.nonDismissible=false;this.selected=false;this.hideTip=function(){e.dismissed=true;e.calciteTipDismiss.emit()}}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderHeader=function(){var t;var e=this,a=e.heading,i=e.headingLevel,n=e.el;var r=(t=n.closest("calcite-tip-manager"))===null||t===void 0?void 0:t.headingLevel;var o=r?constrainHeadingLevel(r+1):null;var s=i||o||HEADING_LEVEL;return a?h("header",{class:CSS.header},h(Heading,{class:CSS.heading,level:s},a)):null};t.prototype.renderDismissButton=function(){var t=this,e=t.nonDismissible,a=t.hideTip,i=t.intlClose;var n=i||TEXT.close;return!e?h("calcite-action",{class:CSS.close,icon:ICONS.close,onClick:a,scale:"l",text:n}):null};t.prototype.renderImageFrame=function(){var t=this.el;return getSlotted(t,SLOTS.thumbnail)?h("div",{class:CSS.imageFrame,key:"thumbnail"},h("slot",{name:SLOTS.thumbnail})):null};t.prototype.renderInfoNode=function(){return h("div",{class:CSS.info},h("slot",null))};t.prototype.renderContent=function(){return h("div",{class:CSS.content},this.renderImageFrame(),this.renderInfoNode())};t.prototype.render=function(){return h(Fragment,null,h("article",{class:CSS.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Tip.style=tipCss;var tipGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}::slotted(calcite-tip){margin:0px;border-style:none}:host-context(calcite-tip-manager){margin-block:0.75rem}:host-context(calcite-tip-manager) ::slotted(calcite-tip){padding:1rem}";var TipGroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h("slot",null)};return t}();TipGroup.style=tipGroupCss;var tipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2);--calcite-tip-manager-height:19vh}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;-webkit-padding-end:0px;padding-inline-end:0px;-webkit-padding-start:1rem;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{-webkit-margin-before:1px;margin-block-start:1px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;overflow:auto;outline-color:transparent;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}";var TipManager=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTipManagerToggle=createEvent(this,"calciteTipManagerToggle",6);this.calciteTipManagerClose=createEvent(this,"calciteTipManagerClose",6);this.closed=false;this.mutationObserver=createObserver("mutation",(function(){return e.setUpTips()}));this.hideTipManager=function(){e.closed=true;e.calciteTipManagerToggle.emit();e.calciteTipManagerClose.emit()};this.previousClicked=function(){e.previousTip()};this.nextClicked=function(){e.nextTip()};this.tipManagerKeyDownHandler=function(t){if(t.target!==e.container){return}switch(t.key){case"ArrowRight":t.preventDefault();e.nextTip();break;case"ArrowLeft":t.preventDefault();e.previousTip();break;case"Home":t.preventDefault();e.selectedIndex=0;break;case"End":t.preventDefault();e.selectedIndex=e.total-1;break}};this.storeContainerRef=function(t){e.container=t}}t.prototype.closedChangeHandler=function(){this.direction=null;this.calciteTipManagerToggle.emit()};t.prototype.selectedChangeHandler=function(){this.showSelectedTip();this.updateGroupTitle()};t.prototype.connectedCallback=function(){var t;this.setUpTips();(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.nextTip=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){this.direction="advancing";t=this.selectedIndex+1;this.selectedIndex=(t+this.total)%this.total;return[2]}))}))};t.prototype.previousTip=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){this.direction="retreating";t=this.selectedIndex-1;this.selectedIndex=(t+this.total)%this.total;return[2]}))}))};t.prototype.setUpTips=function(){var t=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=t.length;if(this.total===0){return}var e=this.el.querySelector("calcite-tip[selected]");this.tips=t;this.selectedIndex=e?t.indexOf(e):0;t.forEach((function(t){t.nonDismissible=true}));this.showSelectedTip();this.updateGroupTitle()};t.prototype.showSelectedTip=function(){var t=this;this.tips.forEach((function(e,a){var i=t.selectedIndex===a;e.selected=i;e.hidden=!i}))};t.prototype.updateGroupTitle=function(){var t=this.tips[this.selectedIndex];var e=t.closest("calcite-tip-group");this.groupTitle=(e===null||e===void 0?void 0:e.groupTitle)||this.intlDefaultTitle||TEXT$1.defaultGroupTitle};t.prototype.renderPagination=function(){var t=getElementDir(this.el);var e=this,a=e.selectedIndex,i=e.tips,n=e.total,r=e.intlNext,o=e.intlPrevious,s=e.intlPaginationLabel;var c=r||TEXT$1.next;var l=o||TEXT$1.previous;var m=s||TEXT$1.defaultPaginationLabel;return i.length>1?h("footer",{class:CSS$1.pagination},h("calcite-action",{class:CSS$1.pagePrevious,icon:t==="ltr"?ICONS$1.chevronLeft:ICONS$1.chevronRight,onClick:this.previousClicked,scale:"m",text:l}),h("span",{class:CSS$1.pagePosition},"".concat(m," ").concat(a+1,"/").concat(n)),h("calcite-action",{class:CSS$1.pageNext,icon:t==="ltr"?ICONS$1.chevronRight:ICONS$1.chevronLeft,onClick:this.nextClicked,scale:"m",text:c})):null};t.prototype.render=function(){var t;var e=this,a=e.closed,i=e.direction,n=e.headingLevel,r=e.groupTitle,o=e.selectedIndex,s=e.intlClose,c=e.total;var l=s||TEXT$1.close;if(c===0){return null}return h("section",{"aria-hidden":toAriaBoolean(a),class:CSS$1.container,hidden:a,onKeyDown:this.tipManagerKeyDownHandler,ref:this.storeContainerRef,tabIndex:0},h("header",{class:CSS$1.header},h(Heading,{class:CSS$1.heading,level:n||HEADING_LEVEL$1},r),h("calcite-action",{class:CSS$1.close,onClick:this.hideTipManager,scale:"m",text:l},h("calcite-icon",{icon:ICONS$1.close,scale:"m"}))),h("div",{class:(t={},t[CSS$1.tipContainer]=true,t[CSS$1.tipContainerAdvancing]=!a&&i==="advancing",t[CSS$1.tipContainerRetreating]=!a&&i==="retreating",t),key:o,tabIndex:0},h("slot",null)),this.renderPagination())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:false,configurable:true});return t}();TipManager.style=tipManagerCss;export{Tip as calcite_tip,TipGroup as calcite_tip_group,TipManager as calcite_tip_manager};
|
|
@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
* v1.0.0-beta.
|
|
6
|
-
*/import{r as registerInstance,h,H as Host,g as getElement}from"./index-e2035750.js";import{g as guid}from"./guid-41992570.js";import{b as defaultOffsetDistance,c as connectFloatingUI,a as disconnectFloatingUI,p as positionFloatingUI,F as FloatingCSS}from"./floating-ui-9b7dcf5f.js";import{q as queryElementRoots,t as toAriaBoolean}from"./dom-773d1009.js";var CSS={container:"container",arrow:"arrow"};var TOOLTIP_DELAY_MS=500;var ARIA_DESCRIBED_BY="aria-describedby";var TooltipManager$1=function(){function t(){var t=this;this.registeredElements=new WeakMap;this.hoverTimeouts=new WeakMap;this.registeredElementCount=0;this.queryTooltip=function(e){var i=t.registeredElements;var n=e.find((function(t){return i.has(t)}));return i.get(n)};this.keyDownHandler=function(e){if(e.key==="Escape"){var i=t.activeTooltipEl;if(i){t.clearHoverTimeout(i);t.toggleTooltip(i,false)}}};this.mouseEnterShow=function(e){t.hoverEvent(e,true)};this.mouseLeaveHide=function(e){t.hoverEvent(e,false)};this.clickHandler=function(e){var i=t.queryTooltip(e.composedPath());t.clickedTooltip=i;if(i===null||i===void 0?void 0:i.closeOnClick){t.toggleTooltip(i,false)}};this.focusShow=function(e){t.focusEvent(e,true)};this.blurHide=function(e){t.focusEvent(e,false)};this.hoverToggle=function(e,i){var n=t.hoverTimeouts;n.delete(e);if(i){t.closeExistingTooltip()}t.toggleTooltip(e,i)}}t.prototype.registerElement=function(t,e){this.registeredElementCount++;this.registeredElements.set(t,e);if(this.registeredElementCount===1){this.addListeners()}};t.prototype.unregisterElement=function(t){if(this.registeredElements.delete(t)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}};t.prototype.addListeners=function(){document.addEventListener("keydown",this.keyDownHandler);document.addEventListener("mouseover",this.mouseEnterShow,{capture:true});document.addEventListener("mouseout",this.mouseLeaveHide,{capture:true});document.addEventListener("pointerdown",this.clickHandler,{capture:true});document.addEventListener("focusin",this.focusShow,{capture:true});document.addEventListener("focusout",this.blurHide,{capture:true})};t.prototype.removeListeners=function(){document.removeEventListener("keydown",this.keyDownHandler);document.removeEventListener("mouseover",this.mouseEnterShow,{capture:true});document.removeEventListener("mouseout",this.mouseLeaveHide,{capture:true});document.removeEventListener("pointerdown",this.clickHandler,{capture:true});document.removeEventListener("focusin",this.focusShow,{capture:true});document.removeEventListener("focusout",this.blurHide,{capture:true})};t.prototype.clearHoverTimeout=function(t){var e=this.hoverTimeouts;if(e.has(t)){window.clearTimeout(e.get(t));e.delete(t)}};t.prototype.closeExistingTooltip=function(){var t=this.activeTooltipEl;if(t){this.toggleTooltip(t,false)}};t.prototype.focusTooltip=function(t,e){this.closeExistingTooltip();if(e){this.clearHoverTimeout(t)}this.toggleTooltip(t,e)};t.prototype.toggleTooltip=function(t,e){t.open=e;if(e){this.activeTooltipEl=t}};t.prototype.hoverTooltip=function(t,e){var i=this;this.clearHoverTimeout(t);var n=this.hoverTimeouts;var a=window.setTimeout((function(){return i.hoverToggle(t,e)}),TOOLTIP_DELAY_MS);n.set(t,a)};t.prototype.activeTooltipHover=function(t){var e=this,i=e.activeTooltipEl,n=e.hoverTimeouts;var a=t.type;if(!i){return}if(a==="mouseover"&&t.composedPath().includes(i)){this.clearHoverTimeout(i)}else if(a==="mouseout"&&!n.has(i)){this.hoverTooltip(i,false)}};t.prototype.hoverEvent=function(t,e){var i=this.queryTooltip(t.composedPath());this.activeTooltipHover(t);if(!i){return}this.hoverTooltip(i,e)};t.prototype.focusEvent=function(t,e){var i=this.queryTooltip(t.composedPath());if(!i||i===this.clickedTooltip){this.clickedTooltip=null;return}this.focusTooltip(i,e)};return t}();var tooltipCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-floating-ui-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::before{content:"";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=left]) .arrow{direction:ltr;inset-inline-end:-4px}:host([data-placement^=right]) .arrow{direction:ltr;inset-inline-start:-4px}.container{position:relative;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}';var manager=new TooltipManager$1;var Tooltip=function(){function t(t){var e=this;registerInstance(this,t);this.closeOnClick=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.guid="calcite-tooltip-".concat(guid());this.setUpReferenceElement=function(){e.removeReferences();e.effectiveReferenceElement=e.getReferenceElement();connectFloatingUI(e,e.effectiveReferenceElement,e.el);var t=e,i=t.el,n=t.referenceElement,a=t.effectiveReferenceElement;if(n&&!a){console.warn("".concat(i.tagName,': reference-element id "').concat(n,'" was not found.'),{el:i})}e.addReferences()};this.getId=function(){return e.el.id||e.guid};this.addReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}var i=e.getId();if("setAttribute"in t){t.setAttribute(ARIA_DESCRIBED_BY,i)}manager.registerElement(t,e.el)};this.removeReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}if("removeAttribute"in t){t.removeAttribute(ARIA_DESCRIBED_BY)}manager.unregisterElement(t)}}t.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};t.prototype.offsetSkiddingHandler=function(){this.reposition()};t.prototype.openHandler=function(){this.reposition()};t.prototype.overlayPositioningHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};t.prototype.connectedCallback=function(){connectFloatingUI(this,this.effectiveReferenceElement,this.el)};t.prototype.componentWillLoad=function(){this.setUpReferenceElement()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){this.removeReferences();disconnectFloatingUI(this,this.effectiveReferenceElement,this.el)};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a,o,r,s;return __generator(this,(function(c){t=this,e=t.el,i=t.effectiveReferenceElement,n=t.placement,a=t.overlayPositioning,o=t.offsetDistance,r=t.offsetSkidding,s=t.arrowEl;return[2,positionFloatingUI({floatingEl:e,referenceEl:i,overlayPositioning:a,placement:n,offsetDistance:o,offsetSkidding:r,arrowEl:s,type:"tooltip"})]}))}))};t.prototype.getReferenceElement=function(){var t=this,e=t.referenceElement,i=t.el;return(typeof e==="string"?queryElementRoots(i,{id:e}):e)||null};t.prototype.render=function(){var t;var e=this;var i=this,n=i.effectiveReferenceElement,a=i.label,o=i.open;var r=n&&o;var s=!r;return h(Host,{"aria-hidden":toAriaBoolean(s),"aria-label":a,"aria-live":"polite","calcite-hydrated-hidden":s,id:this.getId(),role:"tooltip"},h("div",{class:(t={},t[FloatingCSS.animation]=true,t[FloatingCSS.animationActive]=r,t)},h("div",{class:CSS.arrow,ref:function(t){return e.arrowEl=t}}),h("div",{class:CSS.container},h("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return t}();Tooltip.style=tooltipCss;var tooltipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block}";var TooltipManager=function(){function t(t){registerInstance(this,t);this.selector="[data-calcite-tooltip-reference]"}t.prototype.render=function(){return h("slot",null)};return t}();TooltipManager.style=tooltipManagerCss;export{Tooltip as calcite_tooltip,TooltipManager as calcite_tooltip_manager};
|
|
5
|
+
* v1.0.0-beta.91
|
|
6
|
+
*/import{r as registerInstance,h,H as Host,g as getElement}from"./index-2980b14c.js";import{g as guid}from"./guid-4eb9b69b.js";import{b as defaultOffsetDistance,c as connectFloatingUI,a as disconnectFloatingUI,p as positionFloatingUI,F as FloatingCSS}from"./floating-ui-4af4d0ec.js";import{q as queryElementRoots,t as toAriaBoolean}from"./dom-b00b63fe.js";import"./resources-d3714ef2.js";var CSS={container:"container",arrow:"arrow"};var TOOLTIP_DELAY_MS=500;var ARIA_DESCRIBED_BY="aria-describedby";var TooltipManager$1=function(){function t(){var t=this;this.registeredElements=new WeakMap;this.hoverTimeouts=new WeakMap;this.registeredElementCount=0;this.queryTooltip=function(e){var i=t.registeredElements;var n=e.find((function(t){return i.has(t)}));return i.get(n)};this.keyDownHandler=function(e){if(e.key==="Escape"){var i=t.activeTooltipEl;if(i){t.clearHoverTimeout(i);t.toggleTooltip(i,false)}}};this.mouseEnterShow=function(e){t.hoverEvent(e,true)};this.mouseLeaveHide=function(e){t.hoverEvent(e,false)};this.clickHandler=function(e){var i=t.queryTooltip(e.composedPath());t.clickedTooltip=i;if(i===null||i===void 0?void 0:i.closeOnClick){t.toggleTooltip(i,false)}};this.focusShow=function(e){t.focusEvent(e,true)};this.blurHide=function(e){t.focusEvent(e,false)};this.hoverToggle=function(e,i){var n=t.hoverTimeouts;n.delete(e);if(i){t.closeExistingTooltip()}t.toggleTooltip(e,i)}}t.prototype.registerElement=function(t,e){this.registeredElementCount++;this.registeredElements.set(t,e);if(this.registeredElementCount===1){this.addListeners()}};t.prototype.unregisterElement=function(t){if(this.registeredElements.delete(t)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}};t.prototype.addListeners=function(){document.addEventListener("keydown",this.keyDownHandler);document.addEventListener("mouseover",this.mouseEnterShow,{capture:true});document.addEventListener("mouseout",this.mouseLeaveHide,{capture:true});document.addEventListener("pointerdown",this.clickHandler,{capture:true});document.addEventListener("focusin",this.focusShow,{capture:true});document.addEventListener("focusout",this.blurHide,{capture:true})};t.prototype.removeListeners=function(){document.removeEventListener("keydown",this.keyDownHandler);document.removeEventListener("mouseover",this.mouseEnterShow,{capture:true});document.removeEventListener("mouseout",this.mouseLeaveHide,{capture:true});document.removeEventListener("pointerdown",this.clickHandler,{capture:true});document.removeEventListener("focusin",this.focusShow,{capture:true});document.removeEventListener("focusout",this.blurHide,{capture:true})};t.prototype.clearHoverTimeout=function(t){var e=this.hoverTimeouts;if(e.has(t)){window.clearTimeout(e.get(t));e.delete(t)}};t.prototype.closeExistingTooltip=function(){var t=this.activeTooltipEl;if(t){this.toggleTooltip(t,false)}};t.prototype.focusTooltip=function(t,e){this.closeExistingTooltip();if(e){this.clearHoverTimeout(t)}this.toggleTooltip(t,e)};t.prototype.toggleTooltip=function(t,e){t.open=e;if(e){this.activeTooltipEl=t}};t.prototype.hoverTooltip=function(t,e){var i=this;this.clearHoverTimeout(t);var n=this.hoverTimeouts;var a=window.setTimeout((function(){return i.hoverToggle(t,e)}),TOOLTIP_DELAY_MS);n.set(t,a)};t.prototype.activeTooltipHover=function(t){var e=this,i=e.activeTooltipEl,n=e.hoverTimeouts;var a=t.type;if(!i){return}if(a==="mouseover"&&t.composedPath().includes(i)){this.clearHoverTimeout(i)}else if(a==="mouseout"&&!n.has(i)){this.hoverTooltip(i,false)}};t.prototype.hoverEvent=function(t,e){var i=this.queryTooltip(t.composedPath());this.activeTooltipHover(t);if(!i){return}this.hoverTooltip(i,e)};t.prototype.focusEvent=function(t,e){var i=this.queryTooltip(t.composedPath());if(!i||i===this.clickedTooltip){this.clickedTooltip=null;return}this.focusTooltip(i,e)};return t}();var tooltipCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-floating-ui-anim{position:relative;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-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);z-index:1;border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::before{content:"";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=left]) .arrow{direction:ltr;inset-inline-end:-4px}:host([data-placement^=right]) .arrow{direction:ltr;inset-inline-start:-4px}.container{position:relative;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}';var manager=new TooltipManager$1;var Tooltip=function(){function t(t){var e=this;registerInstance(this,t);this.closeOnClick=false;this.offsetDistance=defaultOffsetDistance;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.guid="calcite-tooltip-".concat(guid());this.setUpReferenceElement=function(){e.removeReferences();e.effectiveReferenceElement=e.getReferenceElement();connectFloatingUI(e,e.effectiveReferenceElement,e.el);var t=e,i=t.el,n=t.referenceElement,a=t.effectiveReferenceElement;if(n&&!a){console.warn("".concat(i.tagName,': reference-element id "').concat(n,'" was not found.'),{el:i})}e.addReferences()};this.getId=function(){return e.el.id||e.guid};this.addReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}var i=e.getId();if("setAttribute"in t){t.setAttribute(ARIA_DESCRIBED_BY,i)}manager.registerElement(t,e.el)};this.removeReferences=function(){var t=e.effectiveReferenceElement;if(!t){return}if("removeAttribute"in t){t.removeAttribute(ARIA_DESCRIBED_BY)}manager.unregisterElement(t)}}t.prototype.offsetDistanceOffsetHandler=function(){this.reposition()};t.prototype.offsetSkiddingHandler=function(){this.reposition()};t.prototype.openHandler=function(){this.reposition()};t.prototype.overlayPositioningHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.referenceElementHandler=function(){this.setUpReferenceElement()};t.prototype.connectedCallback=function(){connectFloatingUI(this,this.effectiveReferenceElement,this.el)};t.prototype.componentWillLoad=function(){this.setUpReferenceElement()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){this.removeReferences();disconnectFloatingUI(this,this.effectiveReferenceElement,this.el)};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a,o,r,s;return __generator(this,(function(c){t=this,e=t.el,i=t.effectiveReferenceElement,n=t.placement,a=t.overlayPositioning,o=t.offsetDistance,r=t.offsetSkidding,s=t.arrowEl;return[2,positionFloatingUI({floatingEl:e,referenceEl:i,overlayPositioning:a,placement:n,offsetDistance:o,offsetSkidding:r,arrowEl:s,type:"tooltip"})]}))}))};t.prototype.getReferenceElement=function(){var t=this,e=t.referenceElement,i=t.el;return(typeof e==="string"?queryElementRoots(i,{id:e}):e)||null};t.prototype.render=function(){var t;var e=this;var i=this,n=i.effectiveReferenceElement,a=i.label,o=i.open;var r=n&&o;var s=!r;return h(Host,{"aria-hidden":toAriaBoolean(s),"aria-label":a,"aria-live":"polite","calcite-hydrated-hidden":s,id:this.getId(),role:"tooltip"},h("div",{class:(t={},t[FloatingCSS.animation]=true,t[FloatingCSS.animationActive]=r,t)},h("div",{class:CSS.arrow,ref:function(t){return e.arrowEl=t}}),h("div",{class:CSS.container},h("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}},enumerable:false,configurable:true});return t}();Tooltip.style=tooltipCss;var tooltipManagerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{position:relative;display:block}";var TooltipManager=function(){function t(t){registerInstance(this,t);this.selector="[data-calcite-tooltip-reference]"}t.prototype.render=function(){return h("slot",null)};return t}();TooltipManager.style=tooltipManagerCss;export{Tooltip as calcite_tooltip,TooltipManager as calcite_tooltip_manager};
|