@esri/calcite-components 1.0.0-next.442 → 1.0.0-next.445
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/calcite.esm.js +2 -2
- package/dist/calcite/calcite.js +1 -1
- package/dist/calcite/index.esm.js +1 -1
- package/dist/calcite/{p-33052713.entry.js → p-01713417.entry.js} +2 -2
- package/dist/calcite/{p-5d9d078d.system.entry.js → p-02fd2883.system.entry.js} +2 -2
- package/dist/calcite/{p-0d1c5707.js → p-041b61cd.js} +2 -2
- package/dist/calcite/p-05751f2e.entry.js +6 -0
- package/dist/calcite/p-07e641ba.js +6 -0
- package/dist/calcite/p-090880ec.entry.js +6 -0
- package/dist/calcite/{p-ad36023a.system.entry.js → p-0b025cd8.system.entry.js} +2 -2
- package/dist/calcite/{p-ce37501d.system.entry.js → p-0ccf95ca.system.entry.js} +2 -2
- package/dist/calcite/p-0e9766c8.entry.js +6 -0
- package/dist/calcite/{p-9bec437f.system.entry.js → p-0f5a49ed.system.entry.js} +2 -2
- package/dist/calcite/{p-95f3f34b.entry.js → p-0f89e70c.entry.js} +2 -2
- package/dist/calcite/{p-d4d75ba6.system.entry.js → p-108d9717.system.entry.js} +2 -2
- package/dist/calcite/{p-6ad109fa.system.entry.js → p-11ba757d.system.entry.js} +2 -2
- package/dist/calcite/{p-68688c2e.system.entry.js → p-133372fd.system.entry.js} +2 -2
- package/dist/calcite/{p-7853d93c.system.entry.js → p-14ec9332.system.entry.js} +2 -2
- package/dist/calcite/{p-c247533e.system.entry.js → p-161c0fe3.system.entry.js} +3 -3
- package/dist/calcite/{p-6c467929.system.js → p-16dde710.system.js} +1 -1
- package/dist/calcite/{p-e804e1ec.system.js → p-1d36af45.system.js} +1 -1
- package/dist/calcite/{p-7f1849d1.entry.js → p-1deaa010.entry.js} +2 -2
- package/dist/calcite/{p-dcd5fc83.entry.js → p-1f2f75cb.entry.js} +2 -2
- package/dist/calcite/{p-d0710c22.system.entry.js → p-204cff7c.system.entry.js} +2 -2
- package/dist/calcite/{p-c8618e02.js → p-253921ef.js} +1 -1
- package/dist/calcite/{p-4eeb59cb.system.js → p-258de3b5.system.js} +1 -1
- package/dist/calcite/{p-db8ddafb.entry.js → p-25ee06e8.entry.js} +2 -2
- package/dist/calcite/{p-7cb13427.entry.js → p-266d8bf5.entry.js} +2 -2
- package/dist/calcite/{p-1891170c.system.entry.js → p-26a03754.system.entry.js} +2 -2
- package/dist/calcite/{p-164c480c.entry.js → p-27627646.entry.js} +2 -2
- package/dist/calcite/{p-c5680ed3.system.js → p-27bf89cf.system.js} +2 -2
- package/dist/calcite/{p-3f028403.entry.js → p-27d2b999.entry.js} +2 -2
- package/dist/calcite/{p-44473ead.system.entry.js → p-28383893.system.entry.js} +2 -2
- package/dist/calcite/{p-e36fd7f8.system.entry.js → p-28ab1bdc.system.entry.js} +2 -2
- package/dist/calcite/{p-e20f6136.system.entry.js → p-29ffb1a4.system.entry.js} +2 -2
- package/dist/calcite/{p-5b64c3a7.entry.js → p-2d00654f.entry.js} +2 -2
- package/dist/calcite/{p-343d5421.entry.js → p-2daf552b.entry.js} +2 -2
- package/dist/calcite/{p-71153bb4.system.js → p-2e5debed.system.js} +1 -1
- package/dist/calcite/{p-cec2c39f.system.entry.js → p-2ef6c164.system.entry.js} +2 -2
- package/dist/calcite/{p-2c4da511.entry.js → p-2ffe62e7.entry.js} +2 -2
- package/dist/calcite/{p-d6ed0fa5.system.js → p-31197ab6.system.js} +1 -1
- package/dist/calcite/{p-4a4e0482.system.js → p-311f6ae3.system.js} +3 -3
- package/dist/calcite/{p-a9f49aba.system.entry.js → p-319fca0a.system.entry.js} +2 -2
- package/dist/calcite/{p-876086da.js → p-336577c6.js} +1 -1
- package/dist/calcite/{p-d845a221.system.js → p-34e35997.system.js} +2 -2
- package/dist/calcite/{p-ef71ed4d.js → p-355798dd.js} +1 -1
- package/dist/calcite/{p-b7a0dc57.entry.js → p-3746cde8.entry.js} +2 -2
- package/dist/calcite/{p-eb343d7c.system.entry.js → p-37d36485.system.entry.js} +2 -2
- package/dist/calcite/{p-daa14b5d.system.entry.js → p-381ae536.system.entry.js} +2 -2
- package/dist/calcite/{p-43db2b70.system.js → p-390993de.system.js} +3 -3
- package/dist/calcite/{p-341b024c.entry.js → p-39bc7480.entry.js} +2 -2
- package/dist/calcite/{p-2b10093d.js → p-3b2f0536.js} +2 -2
- package/dist/calcite/{p-c79d0614.entry.js → p-3dba8986.entry.js} +2 -2
- package/dist/calcite/{p-1ee6d0d4.system.js → p-3fea8ac9.system.js} +1 -1
- package/dist/calcite/{p-2e0be8a8.system.entry.js → p-4039990d.system.entry.js} +2 -2
- package/dist/calcite/{p-284dcfd1.entry.js → p-42dc5adc.entry.js} +2 -2
- package/dist/calcite/{p-e04fc57e.system.entry.js → p-4393b27e.system.entry.js} +2 -2
- package/dist/calcite/{p-57b016e9.entry.js → p-47872617.entry.js} +2 -2
- package/dist/calcite/{p-baee9a51.entry.js → p-4985c997.entry.js} +2 -2
- package/dist/calcite/{p-113f98cd.system.js → p-4a13b25d.system.js} +1 -1
- package/dist/calcite/{p-01a3f9a2.system.entry.js → p-4a910e1a.system.entry.js} +2 -2
- package/dist/calcite/{p-643ab994.entry.js → p-4b259c5a.entry.js} +2 -2
- package/dist/calcite/{p-7fa4665b.system.entry.js → p-4bbc21ae.system.entry.js} +2 -2
- package/dist/calcite/{p-dfa1a3db.system.entry.js → p-4cff6ed2.system.entry.js} +2 -2
- package/dist/calcite/{p-a6f6ea44.system.entry.js → p-50b46f23.system.entry.js} +2 -2
- package/dist/calcite/{p-a692a2b4.system.entry.js → p-548dfc90.system.entry.js} +3 -3
- package/dist/calcite/{p-854d1ac1.entry.js → p-5500906f.entry.js} +2 -2
- package/dist/calcite/{p-2134e42a.entry.js → p-569ab61c.entry.js} +2 -2
- package/dist/calcite/{p-95779802.js → p-57d67d2d.js} +1 -1
- package/dist/calcite/{p-dd94caa9.system.js → p-58a52a1c.system.js} +1 -1
- package/dist/calcite/{p-643bc2de.system.entry.js → p-5a60f994.system.entry.js} +2 -2
- package/dist/calcite/p-5bf8f6e9.system.js +6 -0
- package/dist/calcite/{p-af237d7a.system.js → p-5e296f6a.system.js} +2 -2
- package/dist/calcite/{p-3aa0fc1f.entry.js → p-6723c6d8.entry.js} +2 -2
- package/dist/calcite/{p-7e2e7425.js → p-6aa710a4.js} +1 -1
- package/dist/calcite/{p-0d2be404.system.entry.js → p-6bef1081.system.entry.js} +2 -2
- package/dist/calcite/{p-a723b07f.entry.js → p-74c3913a.entry.js} +2 -2
- package/dist/calcite/{p-1b93ee1f.system.entry.js → p-7c2843ca.system.entry.js} +2 -2
- package/dist/calcite/{p-54857871.system.entry.js → p-7d21684c.system.entry.js} +2 -2
- package/dist/calcite/{p-8e33274a.entry.js → p-7ebc43e6.entry.js} +2 -2
- package/dist/calcite/{p-e1afa707.system.entry.js → p-80e9f473.system.entry.js} +2 -2
- package/dist/calcite/{p-e0bc8a42.entry.js → p-8491b37f.entry.js} +2 -2
- package/dist/calcite/{p-d76c1857.system.entry.js → p-84d89c27.system.entry.js} +2 -2
- package/dist/calcite/{p-967b0d5c.system.entry.js → p-886b7bfa.system.entry.js} +2 -2
- package/dist/calcite/{p-dae31e5f.system.entry.js → p-8b3108fe.system.entry.js} +2 -2
- package/dist/calcite/{p-886d0ac9.system.entry.js → p-8b808b4a.system.entry.js} +2 -2
- package/dist/calcite/{p-78e3886c.entry.js → p-8b8402ab.entry.js} +2 -2
- package/dist/calcite/{p-6f203345.entry.js → p-8eb729b2.entry.js} +2 -2
- package/dist/calcite/{p-f7d7bad9.entry.js → p-8f061a44.entry.js} +2 -2
- package/dist/calcite/{p-38bb1024.entry.js → p-926b60ef.entry.js} +2 -2
- package/dist/calcite/p-9500d5a1.entry.js +6 -0
- package/dist/calcite/{p-46698107.system.entry.js → p-95bfbf7e.system.entry.js} +2 -2
- package/dist/calcite/{p-30edf4d0.system.entry.js → p-97dd099f.system.entry.js} +2 -2
- package/dist/calcite/{p-7ddb381f.js → p-97fd0700.js} +2 -2
- package/dist/calcite/{p-9188a778.entry.js → p-9988579e.entry.js} +2 -2
- package/dist/calcite/{p-dfc3aa2a.system.entry.js → p-99b389a4.system.entry.js} +2 -2
- package/dist/calcite/{p-9e12764a.system.js → p-99b56a57.system.js} +1 -1
- package/dist/calcite/{p-5820b406.system.entry.js → p-9ffb0f8e.system.entry.js} +2 -2
- package/dist/calcite/{p-93a12f34.system.js → p-a01d5702.system.js} +1 -1
- package/dist/calcite/{p-1c4f0248.entry.js → p-a284f057.entry.js} +2 -2
- package/dist/calcite/{p-13e09a60.entry.js → p-a39652a8.entry.js} +2 -2
- package/dist/calcite/{p-0d821056.entry.js → p-a39a6120.entry.js} +2 -2
- package/dist/calcite/{p-521b5c5f.entry.js → p-a4be4ad7.entry.js} +2 -2
- package/dist/calcite/{p-a67a436b.entry.js → p-a544af14.entry.js} +2 -2
- package/dist/calcite/{p-7c3d07cd.system.entry.js → p-a6c8b4f4.system.entry.js} +2 -2
- package/dist/calcite/{p-948eeaf1.system.js → p-a7793b59.system.js} +1 -1
- package/dist/calcite/{p-a87b026c.system.entry.js → p-aa8cd021.system.entry.js} +2 -2
- package/dist/calcite/{p-6d264ef2.system.entry.js → p-abc466c1.system.entry.js} +2 -2
- package/dist/calcite/{p-54ece774.js → p-ad7a67c5.js} +1 -1
- package/dist/calcite/{p-5d08adeb.entry.js → p-ae1dd9d3.entry.js} +2 -2
- package/dist/calcite/{p-08ac85e4.entry.js → p-b02dac57.entry.js} +2 -2
- package/dist/calcite/p-b0a06984.entry.js +6 -0
- package/dist/calcite/{p-d40c49db.entry.js → p-b0f109f2.entry.js} +2 -2
- package/dist/calcite/p-b17f15dc.js +6 -0
- package/dist/calcite/p-b1b979a8.system.js +6 -0
- package/dist/calcite/{p-d6da85a7.js → p-b2caaa6b.js} +2 -2
- package/dist/calcite/p-b31c76ec.system.js +6 -0
- package/dist/calcite/{p-7a9ae2ca.js → p-b4d3d3e3.js} +2 -2
- package/dist/calcite/{p-0de41b26.system.entry.js → p-b8d7f7c8.system.entry.js} +2 -2
- package/dist/calcite/{p-c6f66549.entry.js → p-b9a581df.entry.js} +2 -2
- package/dist/calcite/{p-e4a3e626.entry.js → p-bbb08025.entry.js} +2 -2
- package/dist/calcite/p-bcbdb44e.entry.js +6 -0
- package/dist/calcite/{p-22527dd8.entry.js → p-be089f07.entry.js} +2 -2
- package/dist/calcite/{p-cccf7888.js → p-be653c75.js} +1 -1
- package/dist/calcite/{p-eeed1462.entry.js → p-bf8a1a90.entry.js} +2 -2
- package/dist/calcite/{p-788d9af6.js → p-cb4a4c11.js} +1 -1
- package/dist/calcite/{p-8d28bdeb.entry.js → p-cbed5ee5.entry.js} +2 -2
- package/dist/calcite/{p-94869dec.system.entry.js → p-cc06ca0e.system.entry.js} +2 -2
- package/dist/calcite/{p-65304fd3.entry.js → p-cc496db8.entry.js} +2 -2
- package/dist/calcite/{p-81ffe774.entry.js → p-ced91d61.entry.js} +2 -2
- package/dist/calcite/{p-1931fab1.system.js → p-d0dd920e.system.js} +2 -2
- package/dist/calcite/p-d1b2d2c5.js +6 -0
- package/dist/calcite/{p-577c6140.system.entry.js → p-d3a24a92.system.entry.js} +2 -2
- package/dist/calcite/{p-8bb3fb6e.system.entry.js → p-d49affe7.system.entry.js} +2 -2
- package/dist/calcite/{p-8e7e6bf1.system.js → p-d4f2f493.system.js} +2 -2
- package/dist/calcite/{p-4d5badd1.system.js → p-d57599f3.system.js} +1 -1
- package/dist/calcite/{p-018a7a88.js → p-d647b605.js} +2 -2
- package/dist/calcite/{p-5fe433a2.system.js → p-d6ef83f2.system.js} +1 -1
- package/dist/calcite/{p-dd19dab2.system.entry.js → p-d9639ef6.system.entry.js} +2 -2
- package/dist/calcite/{p-f600eeb3.entry.js → p-dac748b6.entry.js} +2 -2
- package/dist/calcite/{p-9e58d2f5.system.js → p-dcd26c5b.system.js} +2 -2
- package/dist/calcite/{p-2753f19d.entry.js → p-dcd66dbe.entry.js} +2 -2
- package/dist/calcite/{p-59164e48.entry.js → p-dd148aa5.entry.js} +2 -2
- package/dist/calcite/{p-8b66caeb.js → p-dd2433b8.js} +1 -1
- package/dist/calcite/{p-d9ca5de6.system.entry.js → p-de88a90d.system.entry.js} +2 -2
- package/dist/calcite/{p-270c69af.system.entry.js → p-df191ce8.system.entry.js} +2 -2
- package/dist/calcite/{p-63be73b7.system.entry.js → p-e455cf93.system.entry.js} +2 -2
- package/dist/calcite/{p-50a8b856.entry.js → p-e5147246.entry.js} +2 -2
- package/dist/calcite/{p-4df1f8b0.system.entry.js → p-e5c97b3c.system.entry.js} +2 -2
- package/dist/calcite/{p-e350bf84.system.entry.js → p-e798397b.system.entry.js} +2 -2
- package/dist/calcite/{p-0443feac.system.entry.js → p-e7b32606.system.entry.js} +2 -2
- package/dist/calcite/p-ea01de75.js +6 -0
- package/dist/calcite/{p-82264ba9.js → p-ec8f422f.js} +1 -1
- package/dist/calcite/{p-e0b0486e.system.entry.js → p-f3465688.system.entry.js} +2 -2
- package/dist/calcite/p-f37cb564.js +6 -0
- package/dist/calcite/{p-76fad783.js → p-f53b0e25.js} +1 -1
- package/dist/calcite/{p-5ee7283a.entry.js → p-f6795331.entry.js} +2 -2
- package/dist/calcite/{p-afaded78.system.js → p-f713dcde.system.js} +2 -2
- package/dist/calcite/{p-9cdb2412.system.entry.js → p-f7d5923a.system.entry.js} +2 -2
- package/dist/calcite/{p-199d6edc.system.entry.js → p-f984a8fb.system.entry.js} +2 -2
- package/dist/calcite/{p-0fd5298e.js → p-fa493d09.js} +1 -1
- package/dist/calcite/{p-eada3f06.system.js → p-fbcdf49c.system.js} +1 -1
- package/dist/calcite/{p-adb9456b.js → p-fe25dd66.js} +1 -1
- package/dist/calcite/{p-74f44d5c.entry.js → p-fecc0290.entry.js} +2 -2
- package/dist/calcite/{p-ee6e86eb.entry.js → p-ff299c31.entry.js} +2 -2
- package/dist/calcite/{p-fda6176c.system.entry.js → p-ff6ac4c3.system.entry.js} +3 -3
- package/dist/calcite/p-ff8e5fb9.system.entry.js +6 -0
- package/dist/cjs/{ExpandToggle-520a0d2c.js → ExpandToggle-1d84a30f.js} +6 -6
- package/dist/cjs/{Heading-4031b535.js → Heading-6c577985.js} +2 -2
- package/dist/cjs/{array-97a0d49e.js → array-ad1d1402.js} +1 -1
- package/dist/cjs/calcite-accordion_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-action-bar.cjs.entry.js +10 -10
- package/dist/cjs/calcite-action-group.cjs.entry.js +8 -8
- package/dist/cjs/calcite-action-menu.cjs.entry.js +10 -10
- package/dist/cjs/calcite-action-pad.cjs.entry.js +9 -9
- package/dist/cjs/calcite-action.cjs.entry.js +4 -4
- package/dist/cjs/calcite-alert.cjs.entry.js +6 -6
- package/dist/cjs/calcite-avatar.cjs.entry.js +6 -6
- package/dist/cjs/calcite-block_2.cjs.entry.js +8 -8
- package/dist/cjs/calcite-button.cjs.entry.js +7 -7
- package/dist/cjs/calcite-card.cjs.entry.js +6 -6
- package/dist/cjs/calcite-checkbox.cjs.entry.js +8 -8
- package/dist/cjs/calcite-chip.cjs.entry.js +7 -7
- package/dist/cjs/calcite-color-picker_3.cjs.entry.js +1293 -1309
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +12 -12
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +10 -10
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +7 -7
- package/dist/cjs/calcite-fab.cjs.entry.js +5 -5
- package/dist/cjs/calcite-filter.cjs.entry.js +7 -7
- package/dist/cjs/calcite-flow.cjs.entry.js +4 -4
- package/dist/cjs/calcite-graph_2.cjs.entry.js +9 -9
- package/dist/cjs/calcite-handle.cjs.entry.js +2 -2
- package/dist/cjs/calcite-icon.cjs.entry.js +5 -5
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +7 -7
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +20 -11
- package/dist/cjs/calcite-input-message.cjs.entry.js +4 -4
- package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +8 -8
- package/dist/cjs/calcite-input.cjs.entry.js +11 -11
- package/dist/cjs/calcite-label.cjs.entry.js +5 -5
- package/dist/cjs/calcite-link.cjs.entry.js +5 -5
- package/dist/cjs/calcite-list_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
- package/dist/cjs/calcite-modal.cjs.entry.js +7 -7
- package/dist/cjs/calcite-notice.cjs.entry.js +7 -7
- package/dist/cjs/calcite-option_3.cjs.entry.js +8 -8
- package/dist/cjs/calcite-pagination.cjs.entry.js +2 -2
- package/dist/cjs/calcite-panel.cjs.entry.js +12 -10
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +12 -12
- package/dist/cjs/calcite-popover_2.cjs.entry.js +6 -6
- package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
- package/dist/cjs/calcite-radio-button.cjs.entry.js +8 -8
- package/dist/cjs/calcite-radio-group_2.cjs.entry.js +7 -7
- package/dist/cjs/calcite-rating.cjs.entry.js +7 -7
- package/dist/cjs/calcite-scrim.cjs.entry.js +2 -2
- package/dist/cjs/calcite-shell_3.cjs.entry.js +9 -9
- package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
- package/dist/cjs/calcite-split-button.cjs.entry.js +3 -3
- package/dist/cjs/calcite-stepper_2.cjs.entry.js +5 -5
- package/dist/cjs/calcite-switch.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tab_4.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tile-select_2.cjs.entry.js +4 -4
- package/dist/cjs/calcite-tile.cjs.entry.js +7 -7
- package/dist/cjs/calcite-tip_3.cjs.entry.js +10 -8
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +162 -133
- package/dist/cjs/calcite-tree_2.cjs.entry.js +6 -6
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +11 -11
- package/dist/cjs/calcite.cjs.js +4 -4
- package/dist/cjs/{conditionalSlot-19898f15.js → conditionalSlot-df594efd.js} +3 -3
- package/dist/cjs/{debounce-555e4ed9.js → debounce-24461fe6.js} +1 -1
- package/dist/cjs/{dom-ffb42c1c.js → dom-9a2cf963.js} +2 -2
- package/dist/cjs/{forIn-56621a4f.js → forIn-90fffb54.js} +2 -2
- package/dist/cjs/{form-0df8a093.js → form-9e6d03ef.js} +3 -3
- package/dist/cjs/{guid-54059c72.js → guid-618238ed.js} +1 -1
- package/dist/cjs/{index-4713f23e.js → index-2e55547d.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{interactive-e72cf638.js → interactive-1f751ab7.js} +1 -1
- package/dist/cjs/{interfaces-00ba5ab7.js → interfaces-c964aaab.js} +1 -1
- package/dist/cjs/{label-e9a5abfd.js → label-1069d8bd.js} +10 -9
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{locale-e8cda1ee.js → locale-8fe40b14.js} +2 -2
- package/dist/cjs/{math-bf4c07bb.js → math-d3124585.js} +1 -1
- package/dist/cjs/{number-b4ff4db6.js → number-80fc2025.js} +1 -1
- package/dist/cjs/{observers-0fdbbd41.js → observers-c763e03a.js} +1 -1
- package/dist/cjs/{popper-d8549139.js → popper-8e628970.js} +2 -2
- package/dist/cjs/{resources-af4d8c96.js → resources-1233bb3e.js} +5 -5
- package/dist/cjs/{resources-8c5beef1.js → resources-245a82b3.js} +1 -1
- package/dist/cjs/{resources-95373e4d.js → resources-7d180442.js} +1 -1
- package/dist/cjs/{resources-febfc928.js → resources-cc8ca6f0.js} +3 -3
- package/dist/cjs/{sortable.esm-284bc36c.js → sortable.esm-42e8dec9.js} +1 -1
- package/dist/cjs/{utils-ee711a3e.js → utils-0d52eee6.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/accordion/accordion.js +1 -1
- package/dist/collection/components/accordion/interfaces.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.js +1 -1
- package/dist/collection/components/action/action.js +1 -1
- package/dist/collection/components/action/resources.js +1 -1
- package/dist/collection/components/action-bar/action-bar.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/action-group/resources.js +1 -1
- package/dist/collection/components/action-menu/action-menu.js +3 -3
- package/dist/collection/components/action-menu/resources.js +1 -1
- package/dist/collection/components/action-pad/action-pad.js +1 -1
- package/dist/collection/components/action-pad/resources.js +1 -1
- package/dist/collection/components/alert/alert.css +2 -6
- package/dist/collection/components/alert/alert.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/block/resources.js +1 -1
- package/dist/collection/components/block-section/block-section.js +1 -1
- 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.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.js +1 -1
- 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 +1 -1
- package/dist/collection/components/chip/chip.css +2 -2
- package/dist/collection/components/chip/chip.js +1 -1
- 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.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/color-picker-hex-input/resources.js +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.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/combobox-item/resources.js +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/date-picker.js +1 -1
- 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 +0 -2
- package/dist/collection/components/date-picker-day/date-picker-day.js +1 -1
- package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
- package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
- package/dist/collection/components/dropdown/dropdown.js +1 -1
- 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.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/dropdown-item/resources.js +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.js +1 -1
- package/dist/collection/components/filter/resources.js +1 -1
- package/dist/collection/components/flow/flow.css +1 -9
- 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 +2 -2
- package/dist/collection/components/functional/Heading.js +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.js +1 -1
- package/dist/collection/components/handle/resources.js +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.js +1 -1
- package/dist/collection/components/inline-editable/resources.js +1 -1
- package/dist/collection/components/input/input.js +1 -1
- 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.js +10 -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-time-picker/input-time-picker.js +1 -1
- package/dist/collection/components/interfaces.js +1 -1
- package/dist/collection/components/label/label.js +1 -1
- package/dist/collection/components/label/resources.js +1 -1
- package/dist/collection/components/link/link.js +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.js +1 -1
- package/dist/collection/components/list-item/resources.js +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.js +1 -1
- package/dist/collection/components/modal/interfaces.js +1 -1
- package/dist/collection/components/modal/modal.css +1 -37
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/modal/resources.js +1 -1
- package/dist/collection/components/notice/notice.js +1 -1
- package/dist/collection/components/notice/resources.js +1 -1
- package/dist/collection/components/option/option.js +1 -1
- package/dist/collection/components/option-group/option-group.js +1 -1
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pagination/resources.js +1 -1
- package/dist/collection/components/panel/panel.css +1 -1
- package/dist/collection/components/panel/panel.js +21 -2
- package/dist/collection/components/panel/resources.js +1 -1
- package/dist/collection/components/pick-list/pick-list.js +1 -1
- 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.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 +1 -1
- package/dist/collection/components/pick-list-item/resources.js +1 -1
- package/dist/collection/components/popover/popover.js +1 -1
- package/dist/collection/components/popover/resources.js +1 -1
- package/dist/collection/components/popover-manager/popover-manager.js +1 -1
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +1 -1
- package/dist/collection/components/radio-button/resources.js +1 -1
- package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
- package/dist/collection/components/radio-group/interfaces.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/radio-group-item/radio-group-item.js +1 -1
- package/dist/collection/components/radio-group-item/resources.js +1 -1
- package/dist/collection/components/rating/rating.js +1 -1
- package/dist/collection/components/rating/resources.js +1 -1
- package/dist/collection/components/scrim/resources.js +1 -1
- package/dist/collection/components/scrim/scrim.js +1 -1
- package/dist/collection/components/select/resources.js +1 -1
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/shell/resources.js +1 -1
- 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 -1
- package/dist/collection/components/shell-panel/shell-panel.js +5 -2
- package/dist/collection/components/slider/slider.js +1 -1
- package/dist/collection/components/sortable-list/resources.js +1 -1
- package/dist/collection/components/sortable-list/sortable-list.js +1 -1
- package/dist/collection/components/split-button/resources.js +1 -1
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +1 -1
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/tab/interfaces.js +1 -1
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-nav/tab-nav.js +1 -1
- package/dist/collection/components/tab-title/tab-title.js +1 -1
- 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.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.js +1 -1
- package/dist/collection/components/tile-select-group/interfaces.js +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.js +1 -1
- package/dist/collection/components/tip/resources.js +1 -1
- package/dist/collection/components/tip/tip.js +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 +1 -9
- package/dist/collection/components/tip-manager/tip-manager.js +21 -2
- package/dist/collection/components/tooltip/TooltipManager.js +157 -0
- package/dist/collection/components/tooltip/resources.js +1 -2
- package/dist/collection/components/tooltip/tooltip.css +1 -1
- package/dist/collection/components/tooltip/tooltip.js +6 -10
- package/dist/collection/components/tooltip-manager/tooltip-manager.js +5 -160
- package/dist/collection/components/tree/interfaces.js +1 -1
- package/dist/collection/components/tree/tree.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/value-list/resources.js +1 -1
- package/dist/collection/components/value-list/value-list.js +1 -1
- package/dist/collection/components/value-list-item/resources.js +1 -1
- package/dist/collection/components/value-list-item/value-list-item.js +1 -1
- 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/form.js +1 -1
- package/dist/collection/utils/globalAttributes.js +1 -1
- 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 +9 -8
- 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/popper.js +1 -1
- package/dist/collection/utils/resources.js +1 -1
- package/dist/collection/utils/time.js +1 -1
- package/dist/components/ExpandToggle.js +2 -2
- package/dist/components/Heading.js +1 -1
- package/dist/components/action-group.js +11 -17
- package/dist/components/action-menu.js +11 -17
- package/dist/components/action.js +1 -1
- package/dist/components/array.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/calcite-accordion-item.js +1 -1
- package/dist/components/calcite-accordion.js +1 -1
- package/dist/components/calcite-action-bar.js +13 -19
- 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 +13 -19
- package/dist/components/calcite-action.js +1 -1
- package/dist/components/calcite-alert.js +2 -2
- package/dist/components/calcite-avatar.js +2 -2
- package/dist/components/calcite-block-section.js +1 -1
- package/dist/components/calcite-block.js +15 -21
- package/dist/components/calcite-button.js +1 -1
- package/dist/components/calcite-card.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-combobox-item-group.js +1 -1
- package/dist/components/calcite-combobox-item.js +1 -1
- package/dist/components/calcite-combobox.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-dropdown-item.js +1 -1
- package/dist/components/calcite-dropdown.js +1 -1
- package/dist/components/calcite-fab.js +1 -1
- package/dist/components/calcite-filter.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-input-date-picker.js +10 -1
- package/dist/components/calcite-input-message.js +1 -1
- package/dist/components/calcite-input-time-picker.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-list-item.js +1 -1
- package/dist/components/calcite-list.js +1 -1
- package/dist/components/calcite-loader.js +1 -1
- package/dist/components/calcite-modal.js +2 -2
- package/dist/components/calcite-notice.js +1 -1
- package/dist/components/calcite-option-group.js +1 -1
- package/dist/components/calcite-option.js +1 -1
- package/dist/components/calcite-pagination.js +1 -1
- package/dist/components/calcite-panel.js +16 -20
- package/dist/components/calcite-pick-list-group.js +2 -2
- package/dist/components/calcite-pick-list-item.js +1 -1
- package/dist/components/calcite-pick-list.js +2 -2
- package/dist/components/calcite-popover-manager.js +1 -1
- package/dist/components/calcite-popover.js +1 -1
- package/dist/components/calcite-progress.js +1 -1
- package/dist/components/calcite-radio-button-group.js +1 -1
- package/dist/components/calcite-radio-button.js +1 -1
- package/dist/components/calcite-radio-group-item.js +1 -1
- package/dist/components/calcite-radio-group.js +1 -1
- package/dist/components/calcite-rating.js +1 -1
- package/dist/components/calcite-scrim.js +1 -1
- package/dist/components/calcite-select.js +1 -1
- package/dist/components/calcite-shell-center-row.js +2 -2
- package/dist/components/calcite-shell-panel.js +2 -2
- package/dist/components/calcite-shell.js +1 -1
- package/dist/components/calcite-slider.js +1 -1
- package/dist/components/calcite-sortable-list.js +1 -1
- package/dist/components/calcite-split-button.js +1 -1
- package/dist/components/calcite-stepper-item.js +1 -1
- package/dist/components/calcite-stepper.js +1 -1
- 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 +1 -1
- package/dist/components/calcite-tile-select.js +1 -1
- package/dist/components/calcite-tile.js +1 -1
- package/dist/components/calcite-time-picker.js +1 -1
- package/dist/components/calcite-tip-group.js +1 -1
- package/dist/components/calcite-tip-manager.js +5 -3
- package/dist/components/calcite-tip.js +2 -2
- package/dist/components/calcite-tooltip-manager.js +47 -2
- package/dist/components/calcite-tooltip.js +168 -15
- package/dist/components/calcite-tree-item.js +1 -1
- package/dist/components/calcite-tree.js +1 -1
- package/dist/components/calcite-value-list-item.js +2 -2
- package/dist/components/calcite-value-list.js +1 -1
- package/dist/components/checkbox.js +2 -2
- package/dist/components/chip.js +2 -2
- package/dist/components/color-picker-hex-input.js +1 -1
- package/dist/components/color-picker-swatch.js +1335 -1351
- package/dist/components/conditionalSlot.js +1 -1
- package/dist/components/date-picker-day.js +2 -2
- package/dist/components/date-picker-month-header.js +1 -1
- package/dist/components/date-picker-month.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/date.js +1 -1
- package/dist/components/debounce.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/filter.js +1 -1
- package/dist/components/forIn.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/graph.js +1 -1
- package/dist/components/guid.js +1 -1
- package/dist/components/handle.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/interactive.js +1 -1
- package/dist/components/interfaces.js +1 -1
- package/dist/components/interfaces2.js +1 -1
- package/dist/components/label.js +9 -8
- package/dist/components/label2.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/locale.js +1 -1
- package/dist/components/math.js +1 -1
- package/dist/components/number.js +1 -1
- package/dist/components/observers.js +1 -1
- package/dist/components/pick-list-item.js +3 -3
- package/dist/components/popover.js +1 -1
- package/dist/components/popper.js +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/resources.js +1 -1
- package/dist/components/resources2.js +12 -7
- package/dist/components/resources3.js +7 -10
- package/dist/components/resources4.js +23 -6
- package/dist/components/scrim.js +1 -1
- package/dist/components/shared-list-render.js +3 -3
- package/dist/components/sortable.esm.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tab-nav.js +1 -1
- package/dist/components/tab-title.js +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tabs.js +2 -2
- package/dist/components/tile.js +1 -1
- package/dist/components/time-picker.js +1 -1
- package/dist/components/utils.js +1 -1
- package/dist/components/utils2.js +1 -1
- package/dist/custom-elements/index.js +1474 -1447
- package/dist/esm/{ExpandToggle-ff36d4fc.js → ExpandToggle-2718b8f6.js} +6 -6
- package/dist/esm/{Heading-c533056b.js → Heading-0e4aea69.js} +2 -2
- package/dist/esm/{array-0f0c73df.js → array-9f67c25d.js} +1 -1
- package/dist/esm/calcite-accordion_2.entry.js +4 -4
- package/dist/esm/calcite-action-bar.entry.js +10 -10
- package/dist/esm/calcite-action-group.entry.js +8 -8
- package/dist/esm/calcite-action-menu.entry.js +10 -10
- package/dist/esm/calcite-action-pad.entry.js +9 -9
- package/dist/esm/calcite-action.entry.js +4 -4
- package/dist/esm/calcite-alert.entry.js +6 -6
- package/dist/esm/calcite-avatar.entry.js +6 -6
- package/dist/esm/calcite-block_2.entry.js +8 -8
- package/dist/esm/calcite-button.entry.js +7 -7
- package/dist/esm/calcite-card.entry.js +6 -6
- package/dist/esm/calcite-checkbox.entry.js +8 -8
- package/dist/esm/calcite-chip.entry.js +7 -7
- package/dist/esm/calcite-color-picker_3.entry.js +1293 -1309
- package/dist/esm/calcite-combobox_3.entry.js +12 -12
- package/dist/esm/calcite-date-picker_4.entry.js +10 -10
- package/dist/esm/calcite-dropdown_3.entry.js +7 -7
- package/dist/esm/calcite-fab.entry.js +5 -5
- package/dist/esm/calcite-filter.entry.js +7 -7
- package/dist/esm/calcite-flow.entry.js +4 -4
- package/dist/esm/calcite-graph_2.entry.js +9 -9
- package/dist/esm/calcite-handle.entry.js +2 -2
- package/dist/esm/calcite-icon.entry.js +5 -5
- package/dist/esm/calcite-inline-editable.entry.js +7 -7
- package/dist/esm/calcite-input-date-picker.entry.js +20 -11
- package/dist/esm/calcite-input-message.entry.js +4 -4
- package/dist/esm/calcite-input-time-picker_2.entry.js +8 -8
- package/dist/esm/calcite-input.entry.js +11 -11
- package/dist/esm/calcite-label.entry.js +5 -5
- package/dist/esm/calcite-link.entry.js +5 -5
- package/dist/esm/calcite-list_3.entry.js +8 -8
- package/dist/esm/calcite-loader.entry.js +3 -3
- package/dist/esm/calcite-modal.entry.js +7 -7
- package/dist/esm/calcite-notice.entry.js +7 -7
- package/dist/esm/calcite-option_3.entry.js +8 -8
- package/dist/esm/calcite-pagination.entry.js +2 -2
- package/dist/esm/calcite-panel.entry.js +12 -10
- package/dist/esm/calcite-pick-list_3.entry.js +12 -12
- package/dist/esm/calcite-popover_2.entry.js +6 -6
- package/dist/esm/calcite-progress.entry.js +2 -2
- package/dist/esm/calcite-radio-button-group.entry.js +3 -3
- package/dist/esm/calcite-radio-button.entry.js +8 -8
- package/dist/esm/calcite-radio-group_2.entry.js +7 -7
- package/dist/esm/calcite-rating.entry.js +7 -7
- package/dist/esm/calcite-scrim.entry.js +2 -2
- package/dist/esm/calcite-shell_3.entry.js +9 -9
- package/dist/esm/calcite-sortable-list.entry.js +5 -5
- package/dist/esm/calcite-split-button.entry.js +3 -3
- package/dist/esm/calcite-stepper_2.entry.js +5 -5
- package/dist/esm/calcite-switch.entry.js +7 -7
- package/dist/esm/calcite-tab_4.entry.js +7 -7
- package/dist/esm/calcite-tile-select_2.entry.js +4 -4
- package/dist/esm/calcite-tile.entry.js +7 -7
- package/dist/esm/calcite-tip_3.entry.js +10 -8
- package/dist/esm/calcite-tooltip_2.entry.js +162 -133
- package/dist/esm/calcite-tree_2.entry.js +6 -6
- package/dist/esm/calcite-value-list_2.entry.js +11 -11
- package/dist/esm/calcite.js +4 -4
- package/dist/esm/{conditionalSlot-ed38fca0.js → conditionalSlot-2522e30f.js} +3 -3
- package/dist/esm/{debounce-53edee6a.js → debounce-1b741867.js} +1 -1
- package/dist/esm/{dom-56d2cefe.js → dom-db598077.js} +2 -2
- package/dist/esm/{forIn-e13f90af.js → forIn-c5b795e6.js} +2 -2
- package/dist/esm/{form-e118b118.js → form-61a289f0.js} +3 -3
- package/dist/esm/{guid-11fa23a4.js → guid-9fa375f5.js} +1 -1
- package/dist/esm/{index-971981a8.js → index-894dfc81.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{interactive-3f20f596.js → interactive-09f3618d.js} +1 -1
- package/dist/esm/{interfaces-c3dd93ae.js → interfaces-a5204d8f.js} +1 -1
- package/dist/esm/{label-6596400a.js → label-6c0e1ae1.js} +10 -9
- package/dist/esm/loader.js +4 -4
- package/dist/esm/{locale-3fefdde0.js → locale-3981cfde.js} +2 -2
- package/dist/esm/{math-3a3d00c6.js → math-acdc37ac.js} +1 -1
- package/dist/esm/{number-bb529b14.js → number-84278938.js} +1 -1
- package/dist/esm/{observers-475be65a.js → observers-9608d2fa.js} +1 -1
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/{popper-e39fe9b7.js → popper-7f6cf197.js} +2 -2
- package/dist/esm/{resources-10754ff5.js → resources-2275dd9a.js} +3 -3
- package/dist/esm/{resources-2b57ce37.js → resources-7941421d.js} +5 -5
- package/dist/esm/{resources-fa277bee.js → resources-b064c016.js} +1 -1
- package/dist/esm/{resources-4d608b62.js → resources-b0ef8228.js} +1 -1
- package/dist/esm/{sortable.esm-1e94286b.js → sortable.esm-a9eb30f8.js} +1 -1
- package/dist/esm/{utils-6ce13142.js → utils-442279d6.js} +1 -1
- package/dist/esm-es5/{ExpandToggle-ff36d4fc.js → ExpandToggle-2718b8f6.js} +2 -2
- package/dist/esm-es5/{Heading-c533056b.js → Heading-0e4aea69.js} +2 -2
- package/dist/esm-es5/{array-0f0c73df.js → array-9f67c25d.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 +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm-es5/calcite-fab.entry.js +2 -2
- 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-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 +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm-es5/calcite-tab_4.entry.js +2 -2
- 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 +2 -2
- package/dist/esm-es5/calcite-tooltip_2.entry.js +3 -3
- 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-ed38fca0.js → conditionalSlot-2522e30f.js} +2 -2
- package/dist/esm-es5/{debounce-53edee6a.js → debounce-1b741867.js} +1 -1
- package/dist/esm-es5/{dom-56d2cefe.js → dom-db598077.js} +2 -2
- package/dist/esm-es5/{forIn-e13f90af.js → forIn-c5b795e6.js} +2 -2
- package/dist/esm-es5/{form-e118b118.js → form-61a289f0.js} +2 -2
- package/dist/esm-es5/{guid-11fa23a4.js → guid-9fa375f5.js} +1 -1
- package/dist/esm-es5/{index-971981a8.js → index-894dfc81.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{interactive-3f20f596.js → interactive-09f3618d.js} +1 -1
- package/dist/esm-es5/{interfaces-c3dd93ae.js → interfaces-a5204d8f.js} +1 -1
- package/dist/esm-es5/label-6c0e1ae1.js +6 -0
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/{locale-3fefdde0.js → locale-3981cfde.js} +2 -2
- package/dist/esm-es5/{math-3a3d00c6.js → math-acdc37ac.js} +1 -1
- package/dist/esm-es5/{number-bb529b14.js → number-84278938.js} +1 -1
- package/dist/esm-es5/{observers-475be65a.js → observers-9608d2fa.js} +1 -1
- package/dist/esm-es5/{popper-e39fe9b7.js → popper-7f6cf197.js} +2 -2
- package/dist/esm-es5/{resources-10754ff5.js → resources-2275dd9a.js} +2 -2
- package/dist/esm-es5/{resources-2b57ce37.js → resources-7941421d.js} +2 -2
- package/dist/esm-es5/{resources-fa277bee.js → resources-b064c016.js} +1 -1
- package/dist/esm-es5/{resources-4d608b62.js → resources-b0ef8228.js} +1 -1
- package/dist/esm-es5/{sortable.esm-1e94286b.js → sortable.esm-a9eb30f8.js} +1 -1
- package/dist/esm-es5/{utils-6ce13142.js → utils-442279d6.js} +1 -1
- package/dist/extras/docs-json.json +55 -71
- 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/panel/panel.d.ts +5 -0
- package/dist/types/components/shell-panel/shell-panel.d.ts +1 -0
- package/dist/types/components/tip-manager/tip-manager.d.ts +5 -0
- package/dist/types/components/tooltip/TooltipManager.d.ts +27 -0
- package/dist/types/components/tooltip/resources.d.ts +0 -1
- package/dist/types/components/tooltip/tooltip.d.ts +0 -2
- package/dist/types/components/tooltip-manager/tooltip-manager.d.ts +1 -29
- package/dist/types/components.d.ts +11 -0
- package/dist/types/preact.d.ts +4 -2
- package/hydrate/index.js +1493 -1455
- package/package.json +14 -16
- package/dist/calcite/p-3dba6477.js +0 -6
- package/dist/calcite/p-5b46f643.entry.js +0 -6
- package/dist/calcite/p-738cd7bf.js +0 -6
- package/dist/calcite/p-91bf6b14.entry.js +0 -6
- package/dist/calcite/p-a729f472.system.js +0 -6
- package/dist/calcite/p-c8e8cbf8.system.js +0 -6
- package/dist/calcite/p-d7dd9ab1.entry.js +0 -6
- package/dist/calcite/p-dd2d3722.js +0 -6
- package/dist/calcite/p-e3ba876d.entry.js +0 -6
- package/dist/calcite/p-e54cf4d5.system.entry.js +0 -6
- package/dist/calcite/p-f10a9390.entry.js +0 -6
- package/dist/calcite/p-f4a430e9.js +0 -6
- package/dist/calcite/p-f58f22f5.entry.js +0 -6
- package/dist/calcite/p-f78e589a.system.js +0 -6
- package/dist/calcite/p-fad0ea8b.js +0 -6
- package/dist/components/resources5.js +0 -33
- package/dist/components/tooltip-manager.js +0 -172
- package/dist/esm-es5/label-6596400a.js +0 -6
|
@@ -1,7 +1,7 @@
|
|
|
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-next.
|
|
4
|
+
* v1.0.0-next.445
|
|
5
5
|
*/
|
|
6
6
|
import { HTMLElement as HTMLElement$1, createEvent, h, Host, Build, forceUpdate, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
|
|
7
7
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
@@ -769,7 +769,7 @@ const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position
|
|
|
769
769
|
const expandIcon = end ? icons[1] : icons[0];
|
|
770
770
|
const collapseIcon = end ? icons[0] : icons[1];
|
|
771
771
|
const actionNode = (h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }), scale: scale, text: expandText, textEnabled: expanded }));
|
|
772
|
-
return
|
|
772
|
+
return actionNode;
|
|
773
773
|
};
|
|
774
774
|
|
|
775
775
|
const CSS$N = {
|
|
@@ -2574,9 +2574,9 @@ const ActionMenu = class extends HTMLElement$1 {
|
|
|
2574
2574
|
focusElement(this.open ? this.menuEl : this.menuButtonEl);
|
|
2575
2575
|
}
|
|
2576
2576
|
renderMenuButton() {
|
|
2577
|
-
const {
|
|
2577
|
+
const { label, scale } = this;
|
|
2578
2578
|
const menuButtonSlot = (h("slot", { name: SLOTS$p.trigger }, h("calcite-action", { class: CSS$O.defaultTrigger, icon: ICONS$f.menu, ref: this.setDefaultMenuButtonEl, scale: scale, text: label })));
|
|
2579
|
-
return
|
|
2579
|
+
return menuButtonSlot;
|
|
2580
2580
|
}
|
|
2581
2581
|
renderMenuItems() {
|
|
2582
2582
|
const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;
|
|
@@ -2740,7 +2740,7 @@ var StatusIcons;
|
|
|
2740
2740
|
StatusIcons["blue"] = "lightbulb";
|
|
2741
2741
|
})(StatusIcons || (StatusIcons = {}));
|
|
2742
2742
|
|
|
2743
|
-
const alertCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-bottom:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px 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);border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-height:0;z-index:101;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-height:100%;border-top-width:2px;opacity:1;pointer-events:initial}:host([active]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([active]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px}.alert-close{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;overflow:hidden;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;overflow:hidden;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;left:0px;right:0px;display:block;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;top:0px;display:block;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}@keyframes dismissProgress{0%{width:0px}0%{opacity:0.75}100%{width:100%}100%{opacity:1}}";
|
|
2743
|
+
const alertCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-bottom:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px 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);border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-height:0;z-index:101;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){max-height:100%;border-top-width:2px;opacity:1;pointer-events:initial}:host([active]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([active]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px}.alert-close{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;left:0px;right:0px;display:block;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;top:0px;display:block;height:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104;inset-inline-end:0}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{width:0px;opacity:0.75}100%{width:100%;opacity:1}}@keyframes dismissProgress{0%{width:0px;opacity:0.75}100%{width:100%;opacity:1}}";
|
|
2744
2744
|
|
|
2745
2745
|
const Alert = class extends HTMLElement$1 {
|
|
2746
2746
|
constructor() {
|
|
@@ -3085,7 +3085,7 @@ function hexToHue(hex) {
|
|
|
3085
3085
|
return rgbToHue(hexToRGB(hex));
|
|
3086
3086
|
}
|
|
3087
3087
|
|
|
3088
|
-
const avatarCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;border-radius:50
|
|
3088
|
+
const avatarCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){height:1.5rem;width:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){height:2rem;width:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){height:2.75rem;width:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:-ms-flexbox;display:flex}.background{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-ui-text-3)}.thumbnail{height:100%;width:100%;border-radius:50%}";
|
|
3089
3089
|
|
|
3090
3090
|
const Avatar = class extends HTMLElement$1 {
|
|
3091
3091
|
constructor() {
|
|
@@ -3484,6 +3484,8 @@ const labelConnectedEvent = "calciteInternalLabelConnected";
|
|
|
3484
3484
|
const labelDisconnectedEvent = "calciteInternaLabelDisconnected";
|
|
3485
3485
|
const labelTagName = "calcite-label";
|
|
3486
3486
|
const onLabelClickMap = new WeakMap();
|
|
3487
|
+
const onLabelConnectedMap = new WeakMap();
|
|
3488
|
+
const onLabelDisconnectedMap = new WeakMap();
|
|
3487
3489
|
const unlabeledComponents = new Set();
|
|
3488
3490
|
const findLabelForComponent = (componentEl) => {
|
|
3489
3491
|
const { id } = componentEl;
|
|
@@ -3523,7 +3525,6 @@ function connectLabel(component) {
|
|
|
3523
3525
|
if (onLabelClickMap.has(labelEl)) {
|
|
3524
3526
|
return;
|
|
3525
3527
|
}
|
|
3526
|
-
const boundOnLabelConnected = onLabelConnected.bind(component);
|
|
3527
3528
|
const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
|
|
3528
3529
|
if (labelEl) {
|
|
3529
3530
|
const addClickEventListenerToComponentLabel = () => {
|
|
@@ -3534,23 +3535,22 @@ function connectLabel(component) {
|
|
|
3534
3535
|
};
|
|
3535
3536
|
addClickEventListenerToComponentLabel();
|
|
3536
3537
|
unlabeledComponents.delete(component);
|
|
3537
|
-
document.removeEventListener(labelConnectedEvent,
|
|
3538
|
+
document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
|
|
3539
|
+
onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
|
|
3538
3540
|
document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
|
|
3539
3541
|
}
|
|
3540
3542
|
else if (!labelEl && !unlabeledComponents.has(component)) {
|
|
3541
3543
|
boundOnLabelDisconnected();
|
|
3542
|
-
document.removeEventListener(labelDisconnectedEvent,
|
|
3544
|
+
document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
|
|
3543
3545
|
}
|
|
3544
3546
|
}
|
|
3545
3547
|
/**
|
|
3546
3548
|
* Helper to tear down label interactions on disconnectedCallback on labelable components.
|
|
3547
3549
|
*/
|
|
3548
3550
|
function disconnectLabel(component) {
|
|
3549
|
-
const boundOnLabelConnected = onLabelConnected.bind(component);
|
|
3550
|
-
const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
|
|
3551
3551
|
unlabeledComponents.delete(component);
|
|
3552
|
-
document.removeEventListener(labelConnectedEvent,
|
|
3553
|
-
document.removeEventListener(labelDisconnectedEvent,
|
|
3552
|
+
document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
|
|
3553
|
+
document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
|
|
3554
3554
|
if (!component.labelEl) {
|
|
3555
3555
|
return;
|
|
3556
3556
|
}
|
|
@@ -3583,6 +3583,7 @@ function onLabelConnected() {
|
|
|
3583
3583
|
function onLabelDisconnected() {
|
|
3584
3584
|
unlabeledComponents.add(this);
|
|
3585
3585
|
const boundOnLabelConnected = onLabelConnected.bind(this);
|
|
3586
|
+
onLabelConnectedMap.set(this, boundOnLabelConnected);
|
|
3586
3587
|
document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
|
|
3587
3588
|
}
|
|
3588
3589
|
|
|
@@ -4013,7 +4014,7 @@ const HiddenFormInputSlot = ({ component }) => {
|
|
|
4013
4014
|
return h("slot", { name: hiddenFormInputSlotName });
|
|
4014
4015
|
};
|
|
4015
4016
|
|
|
4016
|
-
const checkboxCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
|
|
4017
|
+
const checkboxCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host .toggle:focus .check-svg,:host .toggle:active .check-svg{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing)}: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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
|
|
4017
4018
|
|
|
4018
4019
|
const Checkbox = class extends HTMLElement$1 {
|
|
4019
4020
|
constructor() {
|
|
@@ -4151,7 +4152,7 @@ const ICONS$a = {
|
|
|
4151
4152
|
close: "x"
|
|
4152
4153
|
};
|
|
4153
4154
|
|
|
4154
|
-
const chipCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .chip-image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .chip-image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .chip-image-container{height:2rem;width:2rem;padding-left:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.chip-image-container{display:-ms-inline-flexbox;display:inline-flex;border-radius:50
|
|
4155
|
+
const chipCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .chip-image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .chip-image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .chip-image-container{height:2rem;width:2rem;padding-left:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.chip-image-container{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;border-radius:50%}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;border-radius:50%}.calcite-chip--icon{position:relative;margin-top:0px;margin-bottom:0px;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey][appearance=solid]) button,:host([color=grey][appearance=solid]) calcite-icon{color:var(--calcite-ui-text-3)}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-info)}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-danger)}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-warning)}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-success)}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-text-3)}";
|
|
4155
4156
|
|
|
4156
4157
|
const Chip = class extends HTMLElement$1 {
|
|
4157
4158
|
constructor() {
|
|
@@ -4680,1023 +4681,995 @@ function hexDouble(num) {
|
|
|
4680
4681
|
}
|
|
4681
4682
|
});
|
|
4682
4683
|
|
|
4683
|
-
var colorName = {
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4687
|
-
|
|
4688
|
-
|
|
4689
|
-
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
|
|
4701
|
-
|
|
4702
|
-
|
|
4703
|
-
|
|
4704
|
-
|
|
4705
|
-
|
|
4706
|
-
|
|
4707
|
-
|
|
4708
|
-
|
|
4709
|
-
|
|
4710
|
-
|
|
4711
|
-
|
|
4712
|
-
|
|
4713
|
-
|
|
4714
|
-
|
|
4715
|
-
|
|
4716
|
-
|
|
4717
|
-
|
|
4718
|
-
|
|
4719
|
-
|
|
4720
|
-
|
|
4721
|
-
|
|
4722
|
-
|
|
4723
|
-
|
|
4724
|
-
|
|
4725
|
-
|
|
4726
|
-
|
|
4727
|
-
|
|
4728
|
-
|
|
4729
|
-
|
|
4730
|
-
|
|
4731
|
-
|
|
4732
|
-
|
|
4733
|
-
|
|
4734
|
-
|
|
4735
|
-
|
|
4736
|
-
|
|
4737
|
-
|
|
4738
|
-
|
|
4739
|
-
|
|
4740
|
-
|
|
4741
|
-
|
|
4742
|
-
|
|
4743
|
-
|
|
4744
|
-
|
|
4745
|
-
|
|
4746
|
-
|
|
4747
|
-
|
|
4748
|
-
|
|
4749
|
-
|
|
4750
|
-
|
|
4751
|
-
|
|
4752
|
-
|
|
4753
|
-
|
|
4754
|
-
|
|
4755
|
-
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4759
|
-
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
|
|
4779
|
-
|
|
4780
|
-
|
|
4781
|
-
|
|
4782
|
-
|
|
4783
|
-
|
|
4784
|
-
|
|
4785
|
-
|
|
4786
|
-
|
|
4787
|
-
|
|
4788
|
-
|
|
4789
|
-
|
|
4790
|
-
|
|
4791
|
-
|
|
4792
|
-
|
|
4793
|
-
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
4797
|
-
|
|
4798
|
-
|
|
4799
|
-
|
|
4800
|
-
|
|
4801
|
-
|
|
4802
|
-
|
|
4803
|
-
|
|
4804
|
-
|
|
4805
|
-
|
|
4806
|
-
|
|
4807
|
-
|
|
4808
|
-
|
|
4809
|
-
|
|
4810
|
-
|
|
4811
|
-
|
|
4812
|
-
|
|
4813
|
-
|
|
4814
|
-
|
|
4815
|
-
|
|
4816
|
-
|
|
4817
|
-
|
|
4818
|
-
|
|
4819
|
-
|
|
4820
|
-
|
|
4821
|
-
|
|
4822
|
-
|
|
4823
|
-
|
|
4824
|
-
|
|
4825
|
-
|
|
4826
|
-
|
|
4827
|
-
|
|
4828
|
-
|
|
4829
|
-
|
|
4830
|
-
|
|
4831
|
-
|
|
4684
|
+
var colorName = {
|
|
4685
|
+
"aliceblue": [240, 248, 255],
|
|
4686
|
+
"antiquewhite": [250, 235, 215],
|
|
4687
|
+
"aqua": [0, 255, 255],
|
|
4688
|
+
"aquamarine": [127, 255, 212],
|
|
4689
|
+
"azure": [240, 255, 255],
|
|
4690
|
+
"beige": [245, 245, 220],
|
|
4691
|
+
"bisque": [255, 228, 196],
|
|
4692
|
+
"black": [0, 0, 0],
|
|
4693
|
+
"blanchedalmond": [255, 235, 205],
|
|
4694
|
+
"blue": [0, 0, 255],
|
|
4695
|
+
"blueviolet": [138, 43, 226],
|
|
4696
|
+
"brown": [165, 42, 42],
|
|
4697
|
+
"burlywood": [222, 184, 135],
|
|
4698
|
+
"cadetblue": [95, 158, 160],
|
|
4699
|
+
"chartreuse": [127, 255, 0],
|
|
4700
|
+
"chocolate": [210, 105, 30],
|
|
4701
|
+
"coral": [255, 127, 80],
|
|
4702
|
+
"cornflowerblue": [100, 149, 237],
|
|
4703
|
+
"cornsilk": [255, 248, 220],
|
|
4704
|
+
"crimson": [220, 20, 60],
|
|
4705
|
+
"cyan": [0, 255, 255],
|
|
4706
|
+
"darkblue": [0, 0, 139],
|
|
4707
|
+
"darkcyan": [0, 139, 139],
|
|
4708
|
+
"darkgoldenrod": [184, 134, 11],
|
|
4709
|
+
"darkgray": [169, 169, 169],
|
|
4710
|
+
"darkgreen": [0, 100, 0],
|
|
4711
|
+
"darkgrey": [169, 169, 169],
|
|
4712
|
+
"darkkhaki": [189, 183, 107],
|
|
4713
|
+
"darkmagenta": [139, 0, 139],
|
|
4714
|
+
"darkolivegreen": [85, 107, 47],
|
|
4715
|
+
"darkorange": [255, 140, 0],
|
|
4716
|
+
"darkorchid": [153, 50, 204],
|
|
4717
|
+
"darkred": [139, 0, 0],
|
|
4718
|
+
"darksalmon": [233, 150, 122],
|
|
4719
|
+
"darkseagreen": [143, 188, 143],
|
|
4720
|
+
"darkslateblue": [72, 61, 139],
|
|
4721
|
+
"darkslategray": [47, 79, 79],
|
|
4722
|
+
"darkslategrey": [47, 79, 79],
|
|
4723
|
+
"darkturquoise": [0, 206, 209],
|
|
4724
|
+
"darkviolet": [148, 0, 211],
|
|
4725
|
+
"deeppink": [255, 20, 147],
|
|
4726
|
+
"deepskyblue": [0, 191, 255],
|
|
4727
|
+
"dimgray": [105, 105, 105],
|
|
4728
|
+
"dimgrey": [105, 105, 105],
|
|
4729
|
+
"dodgerblue": [30, 144, 255],
|
|
4730
|
+
"firebrick": [178, 34, 34],
|
|
4731
|
+
"floralwhite": [255, 250, 240],
|
|
4732
|
+
"forestgreen": [34, 139, 34],
|
|
4733
|
+
"fuchsia": [255, 0, 255],
|
|
4734
|
+
"gainsboro": [220, 220, 220],
|
|
4735
|
+
"ghostwhite": [248, 248, 255],
|
|
4736
|
+
"gold": [255, 215, 0],
|
|
4737
|
+
"goldenrod": [218, 165, 32],
|
|
4738
|
+
"gray": [128, 128, 128],
|
|
4739
|
+
"green": [0, 128, 0],
|
|
4740
|
+
"greenyellow": [173, 255, 47],
|
|
4741
|
+
"grey": [128, 128, 128],
|
|
4742
|
+
"honeydew": [240, 255, 240],
|
|
4743
|
+
"hotpink": [255, 105, 180],
|
|
4744
|
+
"indianred": [205, 92, 92],
|
|
4745
|
+
"indigo": [75, 0, 130],
|
|
4746
|
+
"ivory": [255, 255, 240],
|
|
4747
|
+
"khaki": [240, 230, 140],
|
|
4748
|
+
"lavender": [230, 230, 250],
|
|
4749
|
+
"lavenderblush": [255, 240, 245],
|
|
4750
|
+
"lawngreen": [124, 252, 0],
|
|
4751
|
+
"lemonchiffon": [255, 250, 205],
|
|
4752
|
+
"lightblue": [173, 216, 230],
|
|
4753
|
+
"lightcoral": [240, 128, 128],
|
|
4754
|
+
"lightcyan": [224, 255, 255],
|
|
4755
|
+
"lightgoldenrodyellow": [250, 250, 210],
|
|
4756
|
+
"lightgray": [211, 211, 211],
|
|
4757
|
+
"lightgreen": [144, 238, 144],
|
|
4758
|
+
"lightgrey": [211, 211, 211],
|
|
4759
|
+
"lightpink": [255, 182, 193],
|
|
4760
|
+
"lightsalmon": [255, 160, 122],
|
|
4761
|
+
"lightseagreen": [32, 178, 170],
|
|
4762
|
+
"lightskyblue": [135, 206, 250],
|
|
4763
|
+
"lightslategray": [119, 136, 153],
|
|
4764
|
+
"lightslategrey": [119, 136, 153],
|
|
4765
|
+
"lightsteelblue": [176, 196, 222],
|
|
4766
|
+
"lightyellow": [255, 255, 224],
|
|
4767
|
+
"lime": [0, 255, 0],
|
|
4768
|
+
"limegreen": [50, 205, 50],
|
|
4769
|
+
"linen": [250, 240, 230],
|
|
4770
|
+
"magenta": [255, 0, 255],
|
|
4771
|
+
"maroon": [128, 0, 0],
|
|
4772
|
+
"mediumaquamarine": [102, 205, 170],
|
|
4773
|
+
"mediumblue": [0, 0, 205],
|
|
4774
|
+
"mediumorchid": [186, 85, 211],
|
|
4775
|
+
"mediumpurple": [147, 112, 219],
|
|
4776
|
+
"mediumseagreen": [60, 179, 113],
|
|
4777
|
+
"mediumslateblue": [123, 104, 238],
|
|
4778
|
+
"mediumspringgreen": [0, 250, 154],
|
|
4779
|
+
"mediumturquoise": [72, 209, 204],
|
|
4780
|
+
"mediumvioletred": [199, 21, 133],
|
|
4781
|
+
"midnightblue": [25, 25, 112],
|
|
4782
|
+
"mintcream": [245, 255, 250],
|
|
4783
|
+
"mistyrose": [255, 228, 225],
|
|
4784
|
+
"moccasin": [255, 228, 181],
|
|
4785
|
+
"navajowhite": [255, 222, 173],
|
|
4786
|
+
"navy": [0, 0, 128],
|
|
4787
|
+
"oldlace": [253, 245, 230],
|
|
4788
|
+
"olive": [128, 128, 0],
|
|
4789
|
+
"olivedrab": [107, 142, 35],
|
|
4790
|
+
"orange": [255, 165, 0],
|
|
4791
|
+
"orangered": [255, 69, 0],
|
|
4792
|
+
"orchid": [218, 112, 214],
|
|
4793
|
+
"palegoldenrod": [238, 232, 170],
|
|
4794
|
+
"palegreen": [152, 251, 152],
|
|
4795
|
+
"paleturquoise": [175, 238, 238],
|
|
4796
|
+
"palevioletred": [219, 112, 147],
|
|
4797
|
+
"papayawhip": [255, 239, 213],
|
|
4798
|
+
"peachpuff": [255, 218, 185],
|
|
4799
|
+
"peru": [205, 133, 63],
|
|
4800
|
+
"pink": [255, 192, 203],
|
|
4801
|
+
"plum": [221, 160, 221],
|
|
4802
|
+
"powderblue": [176, 224, 230],
|
|
4803
|
+
"purple": [128, 0, 128],
|
|
4804
|
+
"rebeccapurple": [102, 51, 153],
|
|
4805
|
+
"red": [255, 0, 0],
|
|
4806
|
+
"rosybrown": [188, 143, 143],
|
|
4807
|
+
"royalblue": [65, 105, 225],
|
|
4808
|
+
"saddlebrown": [139, 69, 19],
|
|
4809
|
+
"salmon": [250, 128, 114],
|
|
4810
|
+
"sandybrown": [244, 164, 96],
|
|
4811
|
+
"seagreen": [46, 139, 87],
|
|
4812
|
+
"seashell": [255, 245, 238],
|
|
4813
|
+
"sienna": [160, 82, 45],
|
|
4814
|
+
"silver": [192, 192, 192],
|
|
4815
|
+
"skyblue": [135, 206, 235],
|
|
4816
|
+
"slateblue": [106, 90, 205],
|
|
4817
|
+
"slategray": [112, 128, 144],
|
|
4818
|
+
"slategrey": [112, 128, 144],
|
|
4819
|
+
"snow": [255, 250, 250],
|
|
4820
|
+
"springgreen": [0, 255, 127],
|
|
4821
|
+
"steelblue": [70, 130, 180],
|
|
4822
|
+
"tan": [210, 180, 140],
|
|
4823
|
+
"teal": [0, 128, 128],
|
|
4824
|
+
"thistle": [216, 191, 216],
|
|
4825
|
+
"tomato": [255, 99, 71],
|
|
4826
|
+
"turquoise": [64, 224, 208],
|
|
4827
|
+
"violet": [238, 130, 238],
|
|
4828
|
+
"wheat": [245, 222, 179],
|
|
4829
|
+
"white": [255, 255, 255],
|
|
4830
|
+
"whitesmoke": [245, 245, 245],
|
|
4831
|
+
"yellow": [255, 255, 0],
|
|
4832
|
+
"yellowgreen": [154, 205, 50]
|
|
4832
4833
|
};
|
|
4833
4834
|
|
|
4834
4835
|
/* MIT license */
|
|
4835
|
-
|
|
4836
4836
|
/* eslint-disable no-mixed-operators */
|
|
4837
|
+
|
|
4838
|
+
|
|
4837
4839
|
// NOTE: conversions should only return primitive values (i.e. arrays, or
|
|
4838
4840
|
// values that give correct `typeof` results).
|
|
4839
4841
|
// do not use box values types (i.e. Number(), String(), etc.)
|
|
4840
4842
|
|
|
4841
4843
|
const reverseKeywords = {};
|
|
4842
|
-
|
|
4843
4844
|
for (const key of Object.keys(colorName)) {
|
|
4844
|
-
|
|
4845
|
+
reverseKeywords[colorName[key]] = key;
|
|
4845
4846
|
}
|
|
4846
4847
|
|
|
4847
4848
|
const convert$1 = {
|
|
4848
|
-
|
|
4849
|
-
|
|
4850
|
-
|
|
4851
|
-
|
|
4852
|
-
|
|
4853
|
-
|
|
4854
|
-
|
|
4855
|
-
|
|
4856
|
-
|
|
4857
|
-
|
|
4858
|
-
|
|
4859
|
-
|
|
4860
|
-
|
|
4861
|
-
|
|
4862
|
-
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
|
|
4866
|
-
|
|
4867
|
-
|
|
4868
|
-
xyz: {
|
|
4869
|
-
channels: 3,
|
|
4870
|
-
labels: 'xyz'
|
|
4871
|
-
},
|
|
4872
|
-
lab: {
|
|
4873
|
-
channels: 3,
|
|
4874
|
-
labels: 'lab'
|
|
4875
|
-
},
|
|
4876
|
-
lch: {
|
|
4877
|
-
channels: 3,
|
|
4878
|
-
labels: 'lch'
|
|
4879
|
-
},
|
|
4880
|
-
hex: {
|
|
4881
|
-
channels: 1,
|
|
4882
|
-
labels: ['hex']
|
|
4883
|
-
},
|
|
4884
|
-
keyword: {
|
|
4885
|
-
channels: 1,
|
|
4886
|
-
labels: ['keyword']
|
|
4887
|
-
},
|
|
4888
|
-
ansi16: {
|
|
4889
|
-
channels: 1,
|
|
4890
|
-
labels: ['ansi16']
|
|
4891
|
-
},
|
|
4892
|
-
ansi256: {
|
|
4893
|
-
channels: 1,
|
|
4894
|
-
labels: ['ansi256']
|
|
4895
|
-
},
|
|
4896
|
-
hcg: {
|
|
4897
|
-
channels: 3,
|
|
4898
|
-
labels: ['h', 'c', 'g']
|
|
4899
|
-
},
|
|
4900
|
-
apple: {
|
|
4901
|
-
channels: 3,
|
|
4902
|
-
labels: ['r16', 'g16', 'b16']
|
|
4903
|
-
},
|
|
4904
|
-
gray: {
|
|
4905
|
-
channels: 1,
|
|
4906
|
-
labels: ['gray']
|
|
4907
|
-
}
|
|
4908
|
-
};
|
|
4909
|
-
var conversions = convert$1; // Hide .channels and .labels properties
|
|
4910
|
-
|
|
4849
|
+
rgb: {channels: 3, labels: 'rgb'},
|
|
4850
|
+
hsl: {channels: 3, labels: 'hsl'},
|
|
4851
|
+
hsv: {channels: 3, labels: 'hsv'},
|
|
4852
|
+
hwb: {channels: 3, labels: 'hwb'},
|
|
4853
|
+
cmyk: {channels: 4, labels: 'cmyk'},
|
|
4854
|
+
xyz: {channels: 3, labels: 'xyz'},
|
|
4855
|
+
lab: {channels: 3, labels: 'lab'},
|
|
4856
|
+
lch: {channels: 3, labels: 'lch'},
|
|
4857
|
+
hex: {channels: 1, labels: ['hex']},
|
|
4858
|
+
keyword: {channels: 1, labels: ['keyword']},
|
|
4859
|
+
ansi16: {channels: 1, labels: ['ansi16']},
|
|
4860
|
+
ansi256: {channels: 1, labels: ['ansi256']},
|
|
4861
|
+
hcg: {channels: 3, labels: ['h', 'c', 'g']},
|
|
4862
|
+
apple: {channels: 3, labels: ['r16', 'g16', 'b16']},
|
|
4863
|
+
gray: {channels: 1, labels: ['gray']}
|
|
4864
|
+
};
|
|
4865
|
+
|
|
4866
|
+
var conversions = convert$1;
|
|
4867
|
+
|
|
4868
|
+
// Hide .channels and .labels properties
|
|
4911
4869
|
for (const model of Object.keys(convert$1)) {
|
|
4912
|
-
|
|
4913
|
-
|
|
4914
|
-
|
|
4870
|
+
if (!('channels' in convert$1[model])) {
|
|
4871
|
+
throw new Error('missing channels property: ' + model);
|
|
4872
|
+
}
|
|
4915
4873
|
|
|
4916
|
-
|
|
4917
|
-
|
|
4918
|
-
|
|
4874
|
+
if (!('labels' in convert$1[model])) {
|
|
4875
|
+
throw new Error('missing channel labels property: ' + model);
|
|
4876
|
+
}
|
|
4919
4877
|
|
|
4920
|
-
|
|
4921
|
-
|
|
4922
|
-
|
|
4878
|
+
if (convert$1[model].labels.length !== convert$1[model].channels) {
|
|
4879
|
+
throw new Error('channel and label counts mismatch: ' + model);
|
|
4880
|
+
}
|
|
4923
4881
|
|
|
4924
|
-
|
|
4925
|
-
|
|
4926
|
-
|
|
4927
|
-
|
|
4928
|
-
|
|
4929
|
-
delete convert$1[model].labels;
|
|
4930
|
-
Object.defineProperty(convert$1[model], 'channels', {
|
|
4931
|
-
value: channels
|
|
4932
|
-
});
|
|
4933
|
-
Object.defineProperty(convert$1[model], 'labels', {
|
|
4934
|
-
value: labels
|
|
4935
|
-
});
|
|
4882
|
+
const {channels, labels} = convert$1[model];
|
|
4883
|
+
delete convert$1[model].channels;
|
|
4884
|
+
delete convert$1[model].labels;
|
|
4885
|
+
Object.defineProperty(convert$1[model], 'channels', {value: channels});
|
|
4886
|
+
Object.defineProperty(convert$1[model], 'labels', {value: labels});
|
|
4936
4887
|
}
|
|
4937
4888
|
|
|
4938
4889
|
convert$1.rgb.hsl = function (rgb) {
|
|
4939
|
-
|
|
4940
|
-
|
|
4941
|
-
|
|
4942
|
-
|
|
4943
|
-
|
|
4944
|
-
|
|
4945
|
-
|
|
4946
|
-
|
|
4947
|
-
|
|
4948
|
-
|
|
4949
|
-
|
|
4950
|
-
|
|
4951
|
-
|
|
4952
|
-
|
|
4953
|
-
|
|
4954
|
-
|
|
4955
|
-
|
|
4956
|
-
|
|
4890
|
+
const r = rgb[0] / 255;
|
|
4891
|
+
const g = rgb[1] / 255;
|
|
4892
|
+
const b = rgb[2] / 255;
|
|
4893
|
+
const min = Math.min(r, g, b);
|
|
4894
|
+
const max = Math.max(r, g, b);
|
|
4895
|
+
const delta = max - min;
|
|
4896
|
+
let h;
|
|
4897
|
+
let s;
|
|
4898
|
+
|
|
4899
|
+
if (max === min) {
|
|
4900
|
+
h = 0;
|
|
4901
|
+
} else if (r === max) {
|
|
4902
|
+
h = (g - b) / delta;
|
|
4903
|
+
} else if (g === max) {
|
|
4904
|
+
h = 2 + (b - r) / delta;
|
|
4905
|
+
} else if (b === max) {
|
|
4906
|
+
h = 4 + (r - g) / delta;
|
|
4907
|
+
}
|
|
4957
4908
|
|
|
4958
|
-
|
|
4909
|
+
h = Math.min(h * 60, 360);
|
|
4959
4910
|
|
|
4960
|
-
|
|
4961
|
-
|
|
4962
|
-
|
|
4911
|
+
if (h < 0) {
|
|
4912
|
+
h += 360;
|
|
4913
|
+
}
|
|
4963
4914
|
|
|
4964
|
-
|
|
4915
|
+
const l = (min + max) / 2;
|
|
4965
4916
|
|
|
4966
|
-
|
|
4967
|
-
|
|
4968
|
-
|
|
4969
|
-
|
|
4970
|
-
|
|
4971
|
-
|
|
4972
|
-
|
|
4917
|
+
if (max === min) {
|
|
4918
|
+
s = 0;
|
|
4919
|
+
} else if (l <= 0.5) {
|
|
4920
|
+
s = delta / (max + min);
|
|
4921
|
+
} else {
|
|
4922
|
+
s = delta / (2 - max - min);
|
|
4923
|
+
}
|
|
4973
4924
|
|
|
4974
|
-
|
|
4925
|
+
return [h, s * 100, l * 100];
|
|
4975
4926
|
};
|
|
4976
4927
|
|
|
4977
4928
|
convert$1.rgb.hsv = function (rgb) {
|
|
4978
|
-
|
|
4979
|
-
|
|
4980
|
-
|
|
4981
|
-
|
|
4982
|
-
|
|
4983
|
-
|
|
4984
|
-
|
|
4985
|
-
|
|
4986
|
-
|
|
4987
|
-
|
|
4988
|
-
|
|
4989
|
-
|
|
4990
|
-
|
|
4991
|
-
|
|
4992
|
-
|
|
4993
|
-
if (diff === 0) {
|
|
4994
|
-
h = 0;
|
|
4995
|
-
s = 0;
|
|
4996
|
-
} else {
|
|
4997
|
-
s = diff / v;
|
|
4998
|
-
rdif = diffc(r);
|
|
4999
|
-
gdif = diffc(g);
|
|
5000
|
-
bdif = diffc(b);
|
|
4929
|
+
let rdif;
|
|
4930
|
+
let gdif;
|
|
4931
|
+
let bdif;
|
|
4932
|
+
let h;
|
|
4933
|
+
let s;
|
|
4934
|
+
|
|
4935
|
+
const r = rgb[0] / 255;
|
|
4936
|
+
const g = rgb[1] / 255;
|
|
4937
|
+
const b = rgb[2] / 255;
|
|
4938
|
+
const v = Math.max(r, g, b);
|
|
4939
|
+
const diff = v - Math.min(r, g, b);
|
|
4940
|
+
const diffc = function (c) {
|
|
4941
|
+
return (v - c) / 6 / diff + 1 / 2;
|
|
4942
|
+
};
|
|
5001
4943
|
|
|
5002
|
-
|
|
5003
|
-
|
|
5004
|
-
|
|
5005
|
-
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
|
|
4944
|
+
if (diff === 0) {
|
|
4945
|
+
h = 0;
|
|
4946
|
+
s = 0;
|
|
4947
|
+
} else {
|
|
4948
|
+
s = diff / v;
|
|
4949
|
+
rdif = diffc(r);
|
|
4950
|
+
gdif = diffc(g);
|
|
4951
|
+
bdif = diffc(b);
|
|
4952
|
+
|
|
4953
|
+
if (r === v) {
|
|
4954
|
+
h = bdif - gdif;
|
|
4955
|
+
} else if (g === v) {
|
|
4956
|
+
h = (1 / 3) + rdif - bdif;
|
|
4957
|
+
} else if (b === v) {
|
|
4958
|
+
h = (2 / 3) + gdif - rdif;
|
|
4959
|
+
}
|
|
5009
4960
|
|
|
5010
|
-
|
|
5011
|
-
|
|
5012
|
-
|
|
5013
|
-
|
|
5014
|
-
|
|
5015
|
-
|
|
4961
|
+
if (h < 0) {
|
|
4962
|
+
h += 1;
|
|
4963
|
+
} else if (h > 1) {
|
|
4964
|
+
h -= 1;
|
|
4965
|
+
}
|
|
4966
|
+
}
|
|
5016
4967
|
|
|
5017
|
-
|
|
4968
|
+
return [
|
|
4969
|
+
h * 360,
|
|
4970
|
+
s * 100,
|
|
4971
|
+
v * 100
|
|
4972
|
+
];
|
|
5018
4973
|
};
|
|
5019
4974
|
|
|
5020
4975
|
convert$1.rgb.hwb = function (rgb) {
|
|
5021
|
-
|
|
5022
|
-
|
|
5023
|
-
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
|
|
4976
|
+
const r = rgb[0];
|
|
4977
|
+
const g = rgb[1];
|
|
4978
|
+
let b = rgb[2];
|
|
4979
|
+
const h = convert$1.rgb.hsl(rgb)[0];
|
|
4980
|
+
const w = 1 / 255 * Math.min(r, Math.min(g, b));
|
|
4981
|
+
|
|
4982
|
+
b = 1 - 1 / 255 * Math.max(r, Math.max(g, b));
|
|
4983
|
+
|
|
4984
|
+
return [h, w * 100, b * 100];
|
|
5028
4985
|
};
|
|
5029
4986
|
|
|
5030
4987
|
convert$1.rgb.cmyk = function (rgb) {
|
|
5031
|
-
|
|
5032
|
-
|
|
5033
|
-
|
|
5034
|
-
|
|
5035
|
-
|
|
5036
|
-
|
|
5037
|
-
|
|
5038
|
-
|
|
4988
|
+
const r = rgb[0] / 255;
|
|
4989
|
+
const g = rgb[1] / 255;
|
|
4990
|
+
const b = rgb[2] / 255;
|
|
4991
|
+
|
|
4992
|
+
const k = Math.min(1 - r, 1 - g, 1 - b);
|
|
4993
|
+
const c = (1 - r - k) / (1 - k) || 0;
|
|
4994
|
+
const m = (1 - g - k) / (1 - k) || 0;
|
|
4995
|
+
const y = (1 - b - k) / (1 - k) || 0;
|
|
4996
|
+
|
|
4997
|
+
return [c * 100, m * 100, y * 100, k * 100];
|
|
5039
4998
|
};
|
|
5040
4999
|
|
|
5041
5000
|
function comparativeDistance(x, y) {
|
|
5042
|
-
|
|
5043
|
-
|
|
5044
|
-
|
|
5045
|
-
|
|
5001
|
+
/*
|
|
5002
|
+
See https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance
|
|
5003
|
+
*/
|
|
5004
|
+
return (
|
|
5005
|
+
((x[0] - y[0]) ** 2) +
|
|
5006
|
+
((x[1] - y[1]) ** 2) +
|
|
5007
|
+
((x[2] - y[2]) ** 2)
|
|
5008
|
+
);
|
|
5046
5009
|
}
|
|
5047
5010
|
|
|
5048
5011
|
convert$1.rgb.keyword = function (rgb) {
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5053
|
-
}
|
|
5012
|
+
const reversed = reverseKeywords[rgb];
|
|
5013
|
+
if (reversed) {
|
|
5014
|
+
return reversed;
|
|
5015
|
+
}
|
|
5054
5016
|
|
|
5055
|
-
|
|
5056
|
-
|
|
5017
|
+
let currentClosestDistance = Infinity;
|
|
5018
|
+
let currentClosestKeyword;
|
|
5057
5019
|
|
|
5058
|
-
|
|
5059
|
-
|
|
5020
|
+
for (const keyword of Object.keys(colorName)) {
|
|
5021
|
+
const value = colorName[keyword];
|
|
5060
5022
|
|
|
5061
|
-
|
|
5023
|
+
// Compute comparative distance
|
|
5024
|
+
const distance = comparativeDistance(rgb, value);
|
|
5062
5025
|
|
|
5063
|
-
|
|
5064
|
-
|
|
5065
|
-
|
|
5066
|
-
|
|
5067
|
-
|
|
5026
|
+
// Check if its less, if so set as closest
|
|
5027
|
+
if (distance < currentClosestDistance) {
|
|
5028
|
+
currentClosestDistance = distance;
|
|
5029
|
+
currentClosestKeyword = keyword;
|
|
5030
|
+
}
|
|
5031
|
+
}
|
|
5068
5032
|
|
|
5069
|
-
|
|
5033
|
+
return currentClosestKeyword;
|
|
5070
5034
|
};
|
|
5071
5035
|
|
|
5072
5036
|
convert$1.keyword.rgb = function (keyword) {
|
|
5073
|
-
|
|
5037
|
+
return colorName[keyword];
|
|
5074
5038
|
};
|
|
5075
5039
|
|
|
5076
5040
|
convert$1.rgb.xyz = function (rgb) {
|
|
5077
|
-
|
|
5078
|
-
|
|
5079
|
-
|
|
5041
|
+
let r = rgb[0] / 255;
|
|
5042
|
+
let g = rgb[1] / 255;
|
|
5043
|
+
let b = rgb[2] / 255;
|
|
5080
5044
|
|
|
5081
|
-
|
|
5082
|
-
|
|
5083
|
-
|
|
5084
|
-
|
|
5085
|
-
const y = r * 0.2126 + g * 0.7152 + b * 0.0722;
|
|
5086
|
-
const z = r * 0.0193 + g * 0.1192 + b * 0.9505;
|
|
5087
|
-
return [x * 100, y * 100, z * 100];
|
|
5088
|
-
};
|
|
5045
|
+
// Assume sRGB
|
|
5046
|
+
r = r > 0.04045 ? (((r + 0.055) / 1.055) ** 2.4) : (r / 12.92);
|
|
5047
|
+
g = g > 0.04045 ? (((g + 0.055) / 1.055) ** 2.4) : (g / 12.92);
|
|
5048
|
+
b = b > 0.04045 ? (((b + 0.055) / 1.055) ** 2.4) : (b / 12.92);
|
|
5089
5049
|
|
|
5090
|
-
|
|
5091
|
-
|
|
5092
|
-
|
|
5093
|
-
let y = xyz[1];
|
|
5094
|
-
let z = xyz[2];
|
|
5095
|
-
x /= 95.047;
|
|
5096
|
-
y /= 100;
|
|
5097
|
-
z /= 108.883;
|
|
5098
|
-
x = x > 0.008856 ? x ** (1 / 3) : 7.787 * x + 16 / 116;
|
|
5099
|
-
y = y > 0.008856 ? y ** (1 / 3) : 7.787 * y + 16 / 116;
|
|
5100
|
-
z = z > 0.008856 ? z ** (1 / 3) : 7.787 * z + 16 / 116;
|
|
5101
|
-
const l = 116 * y - 16;
|
|
5102
|
-
const a = 500 * (x - y);
|
|
5103
|
-
const b = 200 * (y - z);
|
|
5104
|
-
return [l, a, b];
|
|
5105
|
-
};
|
|
5050
|
+
const x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805);
|
|
5051
|
+
const y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722);
|
|
5052
|
+
const z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505);
|
|
5106
5053
|
|
|
5107
|
-
|
|
5108
|
-
|
|
5109
|
-
const s = hsl[1] / 100;
|
|
5110
|
-
const l = hsl[2] / 100;
|
|
5111
|
-
let t2;
|
|
5112
|
-
let t3;
|
|
5113
|
-
let val;
|
|
5054
|
+
return [x * 100, y * 100, z * 100];
|
|
5055
|
+
};
|
|
5114
5056
|
|
|
5115
|
-
|
|
5116
|
-
|
|
5117
|
-
|
|
5118
|
-
|
|
5057
|
+
convert$1.rgb.lab = function (rgb) {
|
|
5058
|
+
const xyz = convert$1.rgb.xyz(rgb);
|
|
5059
|
+
let x = xyz[0];
|
|
5060
|
+
let y = xyz[1];
|
|
5061
|
+
let z = xyz[2];
|
|
5119
5062
|
|
|
5120
|
-
|
|
5121
|
-
|
|
5122
|
-
|
|
5123
|
-
t2 = l + s - l * s;
|
|
5124
|
-
}
|
|
5063
|
+
x /= 95.047;
|
|
5064
|
+
y /= 100;
|
|
5065
|
+
z /= 108.883;
|
|
5125
5066
|
|
|
5126
|
-
|
|
5127
|
-
|
|
5067
|
+
x = x > 0.008856 ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116);
|
|
5068
|
+
y = y > 0.008856 ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116);
|
|
5069
|
+
z = z > 0.008856 ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116);
|
|
5128
5070
|
|
|
5129
|
-
|
|
5130
|
-
|
|
5071
|
+
const l = (116 * y) - 16;
|
|
5072
|
+
const a = 500 * (x - y);
|
|
5073
|
+
const b = 200 * (y - z);
|
|
5131
5074
|
|
|
5132
|
-
|
|
5133
|
-
|
|
5134
|
-
}
|
|
5075
|
+
return [l, a, b];
|
|
5076
|
+
};
|
|
5135
5077
|
|
|
5136
|
-
|
|
5137
|
-
|
|
5138
|
-
|
|
5078
|
+
convert$1.hsl.rgb = function (hsl) {
|
|
5079
|
+
const h = hsl[0] / 360;
|
|
5080
|
+
const s = hsl[1] / 100;
|
|
5081
|
+
const l = hsl[2] / 100;
|
|
5082
|
+
let t2;
|
|
5083
|
+
let t3;
|
|
5084
|
+
let val;
|
|
5085
|
+
|
|
5086
|
+
if (s === 0) {
|
|
5087
|
+
val = l * 255;
|
|
5088
|
+
return [val, val, val];
|
|
5089
|
+
}
|
|
5139
5090
|
|
|
5140
|
-
|
|
5141
|
-
|
|
5142
|
-
|
|
5143
|
-
|
|
5144
|
-
|
|
5145
|
-
val = t1 + (t2 - t1) * (2 / 3 - t3) * 6;
|
|
5146
|
-
} else {
|
|
5147
|
-
val = t1;
|
|
5148
|
-
}
|
|
5091
|
+
if (l < 0.5) {
|
|
5092
|
+
t2 = l * (1 + s);
|
|
5093
|
+
} else {
|
|
5094
|
+
t2 = l + s - l * s;
|
|
5095
|
+
}
|
|
5149
5096
|
|
|
5150
|
-
|
|
5151
|
-
}
|
|
5097
|
+
const t1 = 2 * l - t2;
|
|
5152
5098
|
|
|
5153
|
-
|
|
5154
|
-
|
|
5099
|
+
const rgb = [0, 0, 0];
|
|
5100
|
+
for (let i = 0; i < 3; i++) {
|
|
5101
|
+
t3 = h + 1 / 3 * -(i - 1);
|
|
5102
|
+
if (t3 < 0) {
|
|
5103
|
+
t3++;
|
|
5104
|
+
}
|
|
5155
5105
|
|
|
5156
|
-
|
|
5157
|
-
|
|
5158
|
-
|
|
5159
|
-
let l = hsl[2] / 100;
|
|
5160
|
-
let smin = s;
|
|
5161
|
-
const lmin = Math.max(l, 0.01);
|
|
5162
|
-
l *= 2;
|
|
5163
|
-
s *= l <= 1 ? l : 2 - l;
|
|
5164
|
-
smin *= lmin <= 1 ? lmin : 2 - lmin;
|
|
5165
|
-
const v = (l + s) / 2;
|
|
5166
|
-
const sv = l === 0 ? 2 * smin / (lmin + smin) : 2 * s / (l + s);
|
|
5167
|
-
return [h, sv * 100, v * 100];
|
|
5168
|
-
};
|
|
5106
|
+
if (t3 > 1) {
|
|
5107
|
+
t3--;
|
|
5108
|
+
}
|
|
5169
5109
|
|
|
5170
|
-
|
|
5171
|
-
|
|
5172
|
-
|
|
5173
|
-
|
|
5174
|
-
|
|
5175
|
-
|
|
5176
|
-
|
|
5177
|
-
|
|
5178
|
-
|
|
5179
|
-
v *= 255;
|
|
5110
|
+
if (6 * t3 < 1) {
|
|
5111
|
+
val = t1 + (t2 - t1) * 6 * t3;
|
|
5112
|
+
} else if (2 * t3 < 1) {
|
|
5113
|
+
val = t2;
|
|
5114
|
+
} else if (3 * t3 < 2) {
|
|
5115
|
+
val = t1 + (t2 - t1) * (2 / 3 - t3) * 6;
|
|
5116
|
+
} else {
|
|
5117
|
+
val = t1;
|
|
5118
|
+
}
|
|
5180
5119
|
|
|
5181
|
-
|
|
5182
|
-
|
|
5183
|
-
return [v, t, p];
|
|
5120
|
+
rgb[i] = val * 255;
|
|
5121
|
+
}
|
|
5184
5122
|
|
|
5185
|
-
|
|
5186
|
-
|
|
5123
|
+
return rgb;
|
|
5124
|
+
};
|
|
5187
5125
|
|
|
5188
|
-
|
|
5189
|
-
|
|
5126
|
+
convert$1.hsl.hsv = function (hsl) {
|
|
5127
|
+
const h = hsl[0];
|
|
5128
|
+
let s = hsl[1] / 100;
|
|
5129
|
+
let l = hsl[2] / 100;
|
|
5130
|
+
let smin = s;
|
|
5131
|
+
const lmin = Math.max(l, 0.01);
|
|
5190
5132
|
|
|
5191
|
-
|
|
5192
|
-
|
|
5133
|
+
l *= 2;
|
|
5134
|
+
s *= (l <= 1) ? l : 2 - l;
|
|
5135
|
+
smin *= lmin <= 1 ? lmin : 2 - lmin;
|
|
5136
|
+
const v = (l + s) / 2;
|
|
5137
|
+
const sv = l === 0 ? (2 * smin) / (lmin + smin) : (2 * s) / (l + s);
|
|
5193
5138
|
|
|
5194
|
-
|
|
5195
|
-
|
|
5139
|
+
return [h, sv * 100, v * 100];
|
|
5140
|
+
};
|
|
5196
5141
|
|
|
5197
|
-
|
|
5198
|
-
|
|
5199
|
-
|
|
5142
|
+
convert$1.hsv.rgb = function (hsv) {
|
|
5143
|
+
const h = hsv[0] / 60;
|
|
5144
|
+
const s = hsv[1] / 100;
|
|
5145
|
+
let v = hsv[2] / 100;
|
|
5146
|
+
const hi = Math.floor(h) % 6;
|
|
5147
|
+
|
|
5148
|
+
const f = h - Math.floor(h);
|
|
5149
|
+
const p = 255 * v * (1 - s);
|
|
5150
|
+
const q = 255 * v * (1 - (s * f));
|
|
5151
|
+
const t = 255 * v * (1 - (s * (1 - f)));
|
|
5152
|
+
v *= 255;
|
|
5153
|
+
|
|
5154
|
+
switch (hi) {
|
|
5155
|
+
case 0:
|
|
5156
|
+
return [v, t, p];
|
|
5157
|
+
case 1:
|
|
5158
|
+
return [q, v, p];
|
|
5159
|
+
case 2:
|
|
5160
|
+
return [p, v, t];
|
|
5161
|
+
case 3:
|
|
5162
|
+
return [p, q, v];
|
|
5163
|
+
case 4:
|
|
5164
|
+
return [t, p, v];
|
|
5165
|
+
case 5:
|
|
5166
|
+
return [v, p, q];
|
|
5167
|
+
}
|
|
5200
5168
|
};
|
|
5201
5169
|
|
|
5202
5170
|
convert$1.hsv.hsl = function (hsv) {
|
|
5203
|
-
|
|
5204
|
-
|
|
5205
|
-
|
|
5206
|
-
|
|
5207
|
-
|
|
5208
|
-
|
|
5209
|
-
l = (2 - s) * v;
|
|
5210
|
-
const lmin = (2 - s) * vmin;
|
|
5211
|
-
sl = s * vmin;
|
|
5212
|
-
sl /= lmin <= 1 ? lmin : 2 - lmin;
|
|
5213
|
-
sl = sl || 0;
|
|
5214
|
-
l /= 2;
|
|
5215
|
-
return [h, sl * 100, l * 100];
|
|
5216
|
-
}; // http://dev.w3.org/csswg/css-color/#hwb-to-rgb
|
|
5171
|
+
const h = hsv[0];
|
|
5172
|
+
const s = hsv[1] / 100;
|
|
5173
|
+
const v = hsv[2] / 100;
|
|
5174
|
+
const vmin = Math.max(v, 0.01);
|
|
5175
|
+
let sl;
|
|
5176
|
+
let l;
|
|
5217
5177
|
|
|
5178
|
+
l = (2 - s) * v;
|
|
5179
|
+
const lmin = (2 - s) * vmin;
|
|
5180
|
+
sl = s * vmin;
|
|
5181
|
+
sl /= (lmin <= 1) ? lmin : 2 - lmin;
|
|
5182
|
+
sl = sl || 0;
|
|
5183
|
+
l /= 2;
|
|
5218
5184
|
|
|
5185
|
+
return [h, sl * 100, l * 100];
|
|
5186
|
+
};
|
|
5187
|
+
|
|
5188
|
+
// http://dev.w3.org/csswg/css-color/#hwb-to-rgb
|
|
5219
5189
|
convert$1.hwb.rgb = function (hwb) {
|
|
5220
|
-
|
|
5221
|
-
|
|
5222
|
-
|
|
5223
|
-
|
|
5224
|
-
|
|
5190
|
+
const h = hwb[0] / 360;
|
|
5191
|
+
let wh = hwb[1] / 100;
|
|
5192
|
+
let bl = hwb[2] / 100;
|
|
5193
|
+
const ratio = wh + bl;
|
|
5194
|
+
let f;
|
|
5195
|
+
|
|
5196
|
+
// Wh + bl cant be > 1
|
|
5197
|
+
if (ratio > 1) {
|
|
5198
|
+
wh /= ratio;
|
|
5199
|
+
bl /= ratio;
|
|
5200
|
+
}
|
|
5225
5201
|
|
|
5226
|
-
|
|
5227
|
-
|
|
5228
|
-
|
|
5229
|
-
}
|
|
5202
|
+
const i = Math.floor(6 * h);
|
|
5203
|
+
const v = 1 - bl;
|
|
5204
|
+
f = 6 * h - i;
|
|
5230
5205
|
|
|
5231
|
-
|
|
5232
|
-
|
|
5233
|
-
|
|
5206
|
+
if ((i & 0x01) !== 0) {
|
|
5207
|
+
f = 1 - f;
|
|
5208
|
+
}
|
|
5234
5209
|
|
|
5235
|
-
|
|
5236
|
-
f = 1 - f;
|
|
5237
|
-
}
|
|
5210
|
+
const n = wh + f * (v - wh); // Linear interpolation
|
|
5238
5211
|
|
|
5239
|
-
|
|
5212
|
+
let r;
|
|
5213
|
+
let g;
|
|
5214
|
+
let b;
|
|
5215
|
+
/* eslint-disable max-statements-per-line,no-multi-spaces */
|
|
5216
|
+
switch (i) {
|
|
5217
|
+
default:
|
|
5218
|
+
case 6:
|
|
5219
|
+
case 0: r = v; g = n; b = wh; break;
|
|
5220
|
+
case 1: r = n; g = v; b = wh; break;
|
|
5221
|
+
case 2: r = wh; g = v; b = n; break;
|
|
5222
|
+
case 3: r = wh; g = n; b = v; break;
|
|
5223
|
+
case 4: r = n; g = wh; b = v; break;
|
|
5224
|
+
case 5: r = v; g = wh; b = n; break;
|
|
5225
|
+
}
|
|
5226
|
+
/* eslint-enable max-statements-per-line,no-multi-spaces */
|
|
5240
5227
|
|
|
5241
|
-
|
|
5242
|
-
|
|
5243
|
-
let b;
|
|
5244
|
-
/* eslint-disable max-statements-per-line,no-multi-spaces */
|
|
5228
|
+
return [r * 255, g * 255, b * 255];
|
|
5229
|
+
};
|
|
5245
5230
|
|
|
5246
|
-
|
|
5247
|
-
|
|
5248
|
-
|
|
5249
|
-
|
|
5250
|
-
|
|
5251
|
-
g = n;
|
|
5252
|
-
b = wh;
|
|
5253
|
-
break;
|
|
5231
|
+
convert$1.cmyk.rgb = function (cmyk) {
|
|
5232
|
+
const c = cmyk[0] / 100;
|
|
5233
|
+
const m = cmyk[1] / 100;
|
|
5234
|
+
const y = cmyk[2] / 100;
|
|
5235
|
+
const k = cmyk[3] / 100;
|
|
5254
5236
|
|
|
5255
|
-
|
|
5256
|
-
|
|
5257
|
-
|
|
5258
|
-
b = wh;
|
|
5259
|
-
break;
|
|
5237
|
+
const r = 1 - Math.min(1, c * (1 - k) + k);
|
|
5238
|
+
const g = 1 - Math.min(1, m * (1 - k) + k);
|
|
5239
|
+
const b = 1 - Math.min(1, y * (1 - k) + k);
|
|
5260
5240
|
|
|
5261
|
-
|
|
5262
|
-
|
|
5263
|
-
g = v;
|
|
5264
|
-
b = n;
|
|
5265
|
-
break;
|
|
5241
|
+
return [r * 255, g * 255, b * 255];
|
|
5242
|
+
};
|
|
5266
5243
|
|
|
5267
|
-
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5244
|
+
convert$1.xyz.rgb = function (xyz) {
|
|
5245
|
+
const x = xyz[0] / 100;
|
|
5246
|
+
const y = xyz[1] / 100;
|
|
5247
|
+
const z = xyz[2] / 100;
|
|
5248
|
+
let r;
|
|
5249
|
+
let g;
|
|
5250
|
+
let b;
|
|
5272
5251
|
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
b = v;
|
|
5277
|
-
break;
|
|
5252
|
+
r = (x * 3.2406) + (y * -1.5372) + (z * -0.4986);
|
|
5253
|
+
g = (x * -0.9689) + (y * 1.8758) + (z * 0.0415);
|
|
5254
|
+
b = (x * 0.0557) + (y * -0.2040) + (z * 1.0570);
|
|
5278
5255
|
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
break;
|
|
5284
|
-
}
|
|
5285
|
-
/* eslint-enable max-statements-per-line,no-multi-spaces */
|
|
5256
|
+
// Assume sRGB
|
|
5257
|
+
r = r > 0.0031308
|
|
5258
|
+
? ((1.055 * (r ** (1.0 / 2.4))) - 0.055)
|
|
5259
|
+
: r * 12.92;
|
|
5286
5260
|
|
|
5261
|
+
g = g > 0.0031308
|
|
5262
|
+
? ((1.055 * (g ** (1.0 / 2.4))) - 0.055)
|
|
5263
|
+
: g * 12.92;
|
|
5287
5264
|
|
|
5288
|
-
|
|
5289
|
-
|
|
5265
|
+
b = b > 0.0031308
|
|
5266
|
+
? ((1.055 * (b ** (1.0 / 2.4))) - 0.055)
|
|
5267
|
+
: b * 12.92;
|
|
5290
5268
|
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
|
|
5294
|
-
const y = cmyk[2] / 100;
|
|
5295
|
-
const k = cmyk[3] / 100;
|
|
5296
|
-
const r = 1 - Math.min(1, c * (1 - k) + k);
|
|
5297
|
-
const g = 1 - Math.min(1, m * (1 - k) + k);
|
|
5298
|
-
const b = 1 - Math.min(1, y * (1 - k) + k);
|
|
5299
|
-
return [r * 255, g * 255, b * 255];
|
|
5300
|
-
};
|
|
5269
|
+
r = Math.min(Math.max(0, r), 1);
|
|
5270
|
+
g = Math.min(Math.max(0, g), 1);
|
|
5271
|
+
b = Math.min(Math.max(0, b), 1);
|
|
5301
5272
|
|
|
5302
|
-
|
|
5303
|
-
const x = xyz[0] / 100;
|
|
5304
|
-
const y = xyz[1] / 100;
|
|
5305
|
-
const z = xyz[2] / 100;
|
|
5306
|
-
let r;
|
|
5307
|
-
let g;
|
|
5308
|
-
let b;
|
|
5309
|
-
r = x * 3.2406 + y * -1.5372 + z * -0.4986;
|
|
5310
|
-
g = x * -0.9689 + y * 1.8758 + z * 0.0415;
|
|
5311
|
-
b = x * 0.0557 + y * -0.2040 + z * 1.0570; // Assume sRGB
|
|
5312
|
-
|
|
5313
|
-
r = r > 0.0031308 ? 1.055 * r ** (1.0 / 2.4) - 0.055 : r * 12.92;
|
|
5314
|
-
g = g > 0.0031308 ? 1.055 * g ** (1.0 / 2.4) - 0.055 : g * 12.92;
|
|
5315
|
-
b = b > 0.0031308 ? 1.055 * b ** (1.0 / 2.4) - 0.055 : b * 12.92;
|
|
5316
|
-
r = Math.min(Math.max(0, r), 1);
|
|
5317
|
-
g = Math.min(Math.max(0, g), 1);
|
|
5318
|
-
b = Math.min(Math.max(0, b), 1);
|
|
5319
|
-
return [r * 255, g * 255, b * 255];
|
|
5273
|
+
return [r * 255, g * 255, b * 255];
|
|
5320
5274
|
};
|
|
5321
5275
|
|
|
5322
5276
|
convert$1.xyz.lab = function (xyz) {
|
|
5323
|
-
|
|
5324
|
-
|
|
5325
|
-
|
|
5326
|
-
|
|
5327
|
-
|
|
5328
|
-
|
|
5329
|
-
|
|
5330
|
-
|
|
5331
|
-
|
|
5332
|
-
|
|
5333
|
-
|
|
5334
|
-
|
|
5335
|
-
|
|
5277
|
+
let x = xyz[0];
|
|
5278
|
+
let y = xyz[1];
|
|
5279
|
+
let z = xyz[2];
|
|
5280
|
+
|
|
5281
|
+
x /= 95.047;
|
|
5282
|
+
y /= 100;
|
|
5283
|
+
z /= 108.883;
|
|
5284
|
+
|
|
5285
|
+
x = x > 0.008856 ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116);
|
|
5286
|
+
y = y > 0.008856 ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116);
|
|
5287
|
+
z = z > 0.008856 ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116);
|
|
5288
|
+
|
|
5289
|
+
const l = (116 * y) - 16;
|
|
5290
|
+
const a = 500 * (x - y);
|
|
5291
|
+
const b = 200 * (y - z);
|
|
5292
|
+
|
|
5293
|
+
return [l, a, b];
|
|
5336
5294
|
};
|
|
5337
5295
|
|
|
5338
5296
|
convert$1.lab.xyz = function (lab) {
|
|
5339
|
-
|
|
5340
|
-
|
|
5341
|
-
|
|
5342
|
-
|
|
5343
|
-
|
|
5344
|
-
|
|
5345
|
-
|
|
5346
|
-
|
|
5347
|
-
|
|
5348
|
-
|
|
5349
|
-
|
|
5350
|
-
|
|
5351
|
-
|
|
5352
|
-
|
|
5353
|
-
|
|
5354
|
-
|
|
5355
|
-
|
|
5356
|
-
|
|
5357
|
-
|
|
5297
|
+
const l = lab[0];
|
|
5298
|
+
const a = lab[1];
|
|
5299
|
+
const b = lab[2];
|
|
5300
|
+
let x;
|
|
5301
|
+
let y;
|
|
5302
|
+
let z;
|
|
5303
|
+
|
|
5304
|
+
y = (l + 16) / 116;
|
|
5305
|
+
x = a / 500 + y;
|
|
5306
|
+
z = y - b / 200;
|
|
5307
|
+
|
|
5308
|
+
const y2 = y ** 3;
|
|
5309
|
+
const x2 = x ** 3;
|
|
5310
|
+
const z2 = z ** 3;
|
|
5311
|
+
y = y2 > 0.008856 ? y2 : (y - 16 / 116) / 7.787;
|
|
5312
|
+
x = x2 > 0.008856 ? x2 : (x - 16 / 116) / 7.787;
|
|
5313
|
+
z = z2 > 0.008856 ? z2 : (z - 16 / 116) / 7.787;
|
|
5314
|
+
|
|
5315
|
+
x *= 95.047;
|
|
5316
|
+
y *= 100;
|
|
5317
|
+
z *= 108.883;
|
|
5318
|
+
|
|
5319
|
+
return [x, y, z];
|
|
5358
5320
|
};
|
|
5359
5321
|
|
|
5360
5322
|
convert$1.lab.lch = function (lab) {
|
|
5361
|
-
|
|
5362
|
-
|
|
5363
|
-
|
|
5364
|
-
|
|
5365
|
-
const hr = Math.atan2(b, a);
|
|
5366
|
-
h = hr * 360 / 2 / Math.PI;
|
|
5323
|
+
const l = lab[0];
|
|
5324
|
+
const a = lab[1];
|
|
5325
|
+
const b = lab[2];
|
|
5326
|
+
let h;
|
|
5367
5327
|
|
|
5368
|
-
|
|
5369
|
-
|
|
5370
|
-
|
|
5328
|
+
const hr = Math.atan2(b, a);
|
|
5329
|
+
h = hr * 360 / 2 / Math.PI;
|
|
5330
|
+
|
|
5331
|
+
if (h < 0) {
|
|
5332
|
+
h += 360;
|
|
5333
|
+
}
|
|
5371
5334
|
|
|
5372
|
-
|
|
5373
|
-
|
|
5335
|
+
const c = Math.sqrt(a * a + b * b);
|
|
5336
|
+
|
|
5337
|
+
return [l, c, h];
|
|
5374
5338
|
};
|
|
5375
5339
|
|
|
5376
5340
|
convert$1.lch.lab = function (lch) {
|
|
5377
|
-
|
|
5378
|
-
|
|
5379
|
-
|
|
5380
|
-
|
|
5381
|
-
|
|
5382
|
-
|
|
5383
|
-
|
|
5341
|
+
const l = lch[0];
|
|
5342
|
+
const c = lch[1];
|
|
5343
|
+
const h = lch[2];
|
|
5344
|
+
|
|
5345
|
+
const hr = h / 360 * 2 * Math.PI;
|
|
5346
|
+
const a = c * Math.cos(hr);
|
|
5347
|
+
const b = c * Math.sin(hr);
|
|
5348
|
+
|
|
5349
|
+
return [l, a, b];
|
|
5384
5350
|
};
|
|
5385
5351
|
|
|
5386
5352
|
convert$1.rgb.ansi16 = function (args, saturation = null) {
|
|
5387
|
-
|
|
5388
|
-
|
|
5353
|
+
const [r, g, b] = args;
|
|
5354
|
+
let value = saturation === null ? convert$1.rgb.hsv(args)[2] : saturation; // Hsv -> ansi16 optimization
|
|
5389
5355
|
|
|
5390
|
-
|
|
5356
|
+
value = Math.round(value / 50);
|
|
5391
5357
|
|
|
5392
|
-
|
|
5393
|
-
|
|
5394
|
-
|
|
5358
|
+
if (value === 0) {
|
|
5359
|
+
return 30;
|
|
5360
|
+
}
|
|
5395
5361
|
|
|
5396
|
-
|
|
5362
|
+
let ansi = 30
|
|
5363
|
+
+ ((Math.round(b / 255) << 2)
|
|
5364
|
+
| (Math.round(g / 255) << 1)
|
|
5365
|
+
| Math.round(r / 255));
|
|
5397
5366
|
|
|
5398
|
-
|
|
5399
|
-
|
|
5400
|
-
|
|
5367
|
+
if (value === 2) {
|
|
5368
|
+
ansi += 60;
|
|
5369
|
+
}
|
|
5401
5370
|
|
|
5402
|
-
|
|
5371
|
+
return ansi;
|
|
5403
5372
|
};
|
|
5404
5373
|
|
|
5405
5374
|
convert$1.hsv.ansi16 = function (args) {
|
|
5406
|
-
|
|
5407
|
-
|
|
5408
|
-
|
|
5375
|
+
// Optimization here; we already know the value and don't need to get
|
|
5376
|
+
// it converted for us.
|
|
5377
|
+
return convert$1.rgb.ansi16(convert$1.hsv.rgb(args), args[2]);
|
|
5409
5378
|
};
|
|
5410
5379
|
|
|
5411
5380
|
convert$1.rgb.ansi256 = function (args) {
|
|
5412
|
-
|
|
5413
|
-
|
|
5414
|
-
|
|
5415
|
-
|
|
5381
|
+
const r = args[0];
|
|
5382
|
+
const g = args[1];
|
|
5383
|
+
const b = args[2];
|
|
5384
|
+
|
|
5385
|
+
// We use the extended greyscale palette here, with the exception of
|
|
5386
|
+
// black and white. normal palette only has 4 greyscale shades.
|
|
5387
|
+
if (r === g && g === b) {
|
|
5388
|
+
if (r < 8) {
|
|
5389
|
+
return 16;
|
|
5390
|
+
}
|
|
5416
5391
|
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
|
|
5420
|
-
}
|
|
5392
|
+
if (r > 248) {
|
|
5393
|
+
return 231;
|
|
5394
|
+
}
|
|
5421
5395
|
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
}
|
|
5396
|
+
return Math.round(((r - 8) / 247) * 24) + 232;
|
|
5397
|
+
}
|
|
5425
5398
|
|
|
5426
|
-
|
|
5427
|
-
|
|
5399
|
+
const ansi = 16
|
|
5400
|
+
+ (36 * Math.round(r / 255 * 5))
|
|
5401
|
+
+ (6 * Math.round(g / 255 * 5))
|
|
5402
|
+
+ Math.round(b / 255 * 5);
|
|
5428
5403
|
|
|
5429
|
-
|
|
5430
|
-
return ansi;
|
|
5404
|
+
return ansi;
|
|
5431
5405
|
};
|
|
5432
5406
|
|
|
5433
5407
|
convert$1.ansi16.rgb = function (args) {
|
|
5434
|
-
|
|
5408
|
+
let color = args % 10;
|
|
5435
5409
|
|
|
5436
|
-
|
|
5437
|
-
|
|
5438
|
-
|
|
5439
|
-
|
|
5410
|
+
// Handle greyscale
|
|
5411
|
+
if (color === 0 || color === 7) {
|
|
5412
|
+
if (args > 50) {
|
|
5413
|
+
color += 3.5;
|
|
5414
|
+
}
|
|
5440
5415
|
|
|
5441
|
-
|
|
5442
|
-
return [color, color, color];
|
|
5443
|
-
}
|
|
5416
|
+
color = color / 10.5 * 255;
|
|
5444
5417
|
|
|
5445
|
-
|
|
5446
|
-
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
|
|
5418
|
+
return [color, color, color];
|
|
5419
|
+
}
|
|
5420
|
+
|
|
5421
|
+
const mult = (~~(args > 50) + 1) * 0.5;
|
|
5422
|
+
const r = ((color & 1) * mult) * 255;
|
|
5423
|
+
const g = (((color >> 1) & 1) * mult) * 255;
|
|
5424
|
+
const b = (((color >> 2) & 1) * mult) * 255;
|
|
5425
|
+
|
|
5426
|
+
return [r, g, b];
|
|
5450
5427
|
};
|
|
5451
5428
|
|
|
5452
5429
|
convert$1.ansi256.rgb = function (args) {
|
|
5453
|
-
|
|
5454
|
-
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5430
|
+
// Handle greyscale
|
|
5431
|
+
if (args >= 232) {
|
|
5432
|
+
const c = (args - 232) * 10 + 8;
|
|
5433
|
+
return [c, c, c];
|
|
5434
|
+
}
|
|
5435
|
+
|
|
5436
|
+
args -= 16;
|
|
5437
|
+
|
|
5438
|
+
let rem;
|
|
5439
|
+
const r = Math.floor(args / 36) / 5 * 255;
|
|
5440
|
+
const g = Math.floor((rem = args % 36) / 6) / 5 * 255;
|
|
5441
|
+
const b = (rem % 6) / 5 * 255;
|
|
5458
5442
|
|
|
5459
|
-
|
|
5460
|
-
let rem;
|
|
5461
|
-
const r = Math.floor(args / 36) / 5 * 255;
|
|
5462
|
-
const g = Math.floor((rem = args % 36) / 6) / 5 * 255;
|
|
5463
|
-
const b = rem % 6 / 5 * 255;
|
|
5464
|
-
return [r, g, b];
|
|
5443
|
+
return [r, g, b];
|
|
5465
5444
|
};
|
|
5466
5445
|
|
|
5467
5446
|
convert$1.rgb.hex = function (args) {
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5447
|
+
const integer = ((Math.round(args[0]) & 0xFF) << 16)
|
|
5448
|
+
+ ((Math.round(args[1]) & 0xFF) << 8)
|
|
5449
|
+
+ (Math.round(args[2]) & 0xFF);
|
|
5450
|
+
|
|
5451
|
+
const string = integer.toString(16).toUpperCase();
|
|
5452
|
+
return '000000'.substring(string.length) + string;
|
|
5471
5453
|
};
|
|
5472
5454
|
|
|
5473
5455
|
convert$1.hex.rgb = function (args) {
|
|
5474
|
-
|
|
5456
|
+
const match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
|
|
5457
|
+
if (!match) {
|
|
5458
|
+
return [0, 0, 0];
|
|
5459
|
+
}
|
|
5475
5460
|
|
|
5476
|
-
|
|
5477
|
-
return [0, 0, 0];
|
|
5478
|
-
}
|
|
5461
|
+
let colorString = match[0];
|
|
5479
5462
|
|
|
5480
|
-
|
|
5463
|
+
if (match[0].length === 3) {
|
|
5464
|
+
colorString = colorString.split('').map(char => {
|
|
5465
|
+
return char + char;
|
|
5466
|
+
}).join('');
|
|
5467
|
+
}
|
|
5481
5468
|
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
}
|
|
5469
|
+
const integer = parseInt(colorString, 16);
|
|
5470
|
+
const r = (integer >> 16) & 0xFF;
|
|
5471
|
+
const g = (integer >> 8) & 0xFF;
|
|
5472
|
+
const b = integer & 0xFF;
|
|
5487
5473
|
|
|
5488
|
-
|
|
5489
|
-
const r = integer >> 16 & 0xFF;
|
|
5490
|
-
const g = integer >> 8 & 0xFF;
|
|
5491
|
-
const b = integer & 0xFF;
|
|
5492
|
-
return [r, g, b];
|
|
5474
|
+
return [r, g, b];
|
|
5493
5475
|
};
|
|
5494
5476
|
|
|
5495
5477
|
convert$1.rgb.hcg = function (rgb) {
|
|
5496
|
-
|
|
5497
|
-
|
|
5498
|
-
|
|
5499
|
-
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
|
|
5503
|
-
|
|
5504
|
-
|
|
5505
|
-
|
|
5506
|
-
|
|
5507
|
-
|
|
5508
|
-
|
|
5509
|
-
|
|
5478
|
+
const r = rgb[0] / 255;
|
|
5479
|
+
const g = rgb[1] / 255;
|
|
5480
|
+
const b = rgb[2] / 255;
|
|
5481
|
+
const max = Math.max(Math.max(r, g), b);
|
|
5482
|
+
const min = Math.min(Math.min(r, g), b);
|
|
5483
|
+
const chroma = (max - min);
|
|
5484
|
+
let grayscale;
|
|
5485
|
+
let hue;
|
|
5486
|
+
|
|
5487
|
+
if (chroma < 1) {
|
|
5488
|
+
grayscale = min / (1 - chroma);
|
|
5489
|
+
} else {
|
|
5490
|
+
grayscale = 0;
|
|
5491
|
+
}
|
|
5510
5492
|
|
|
5511
|
-
|
|
5512
|
-
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
|
|
5516
|
-
|
|
5517
|
-
|
|
5518
|
-
|
|
5519
|
-
|
|
5493
|
+
if (chroma <= 0) {
|
|
5494
|
+
hue = 0;
|
|
5495
|
+
} else
|
|
5496
|
+
if (max === r) {
|
|
5497
|
+
hue = ((g - b) / chroma) % 6;
|
|
5498
|
+
} else
|
|
5499
|
+
if (max === g) {
|
|
5500
|
+
hue = 2 + (b - r) / chroma;
|
|
5501
|
+
} else {
|
|
5502
|
+
hue = 4 + (r - g) / chroma;
|
|
5503
|
+
}
|
|
5504
|
+
|
|
5505
|
+
hue /= 6;
|
|
5506
|
+
hue %= 1;
|
|
5520
5507
|
|
|
5521
|
-
|
|
5522
|
-
hue %= 1;
|
|
5523
|
-
return [hue * 360, chroma * 100, grayscale * 100];
|
|
5508
|
+
return [hue * 360, chroma * 100, grayscale * 100];
|
|
5524
5509
|
};
|
|
5525
5510
|
|
|
5526
5511
|
convert$1.hsl.hcg = function (hsl) {
|
|
5527
|
-
|
|
5528
|
-
|
|
5529
|
-
const c = l < 0.5 ? 2.0 * s * l : 2.0 * s * (1.0 - l);
|
|
5530
|
-
let f = 0;
|
|
5512
|
+
const s = hsl[1] / 100;
|
|
5513
|
+
const l = hsl[2] / 100;
|
|
5531
5514
|
|
|
5532
|
-
|
|
5533
|
-
f = (l - 0.5 * c) / (1.0 - c);
|
|
5534
|
-
}
|
|
5515
|
+
const c = l < 0.5 ? (2.0 * s * l) : (2.0 * s * (1.0 - l));
|
|
5535
5516
|
|
|
5536
|
-
|
|
5517
|
+
let f = 0;
|
|
5518
|
+
if (c < 1.0) {
|
|
5519
|
+
f = (l - 0.5 * c) / (1.0 - c);
|
|
5520
|
+
}
|
|
5521
|
+
|
|
5522
|
+
return [hsl[0], c * 100, f * 100];
|
|
5537
5523
|
};
|
|
5538
5524
|
|
|
5539
5525
|
convert$1.hsv.hcg = function (hsv) {
|
|
5540
|
-
|
|
5541
|
-
|
|
5542
|
-
const c = s * v;
|
|
5543
|
-
let f = 0;
|
|
5526
|
+
const s = hsv[1] / 100;
|
|
5527
|
+
const v = hsv[2] / 100;
|
|
5544
5528
|
|
|
5545
|
-
|
|
5546
|
-
|
|
5547
|
-
}
|
|
5529
|
+
const c = s * v;
|
|
5530
|
+
let f = 0;
|
|
5548
5531
|
|
|
5549
|
-
|
|
5532
|
+
if (c < 1.0) {
|
|
5533
|
+
f = (v - c) / (1 - c);
|
|
5534
|
+
}
|
|
5535
|
+
|
|
5536
|
+
return [hsv[0], c * 100, f * 100];
|
|
5550
5537
|
};
|
|
5551
5538
|
|
|
5552
5539
|
convert$1.hcg.rgb = function (hcg) {
|
|
5553
|
-
|
|
5554
|
-
|
|
5555
|
-
|
|
5556
|
-
|
|
5557
|
-
if (c === 0.0) {
|
|
5558
|
-
return [g * 255, g * 255, g * 255];
|
|
5559
|
-
}
|
|
5560
|
-
|
|
5561
|
-
const pure = [0, 0, 0];
|
|
5562
|
-
const hi = h % 1 * 6;
|
|
5563
|
-
const v = hi % 1;
|
|
5564
|
-
const w = 1 - v;
|
|
5565
|
-
let mg = 0;
|
|
5566
|
-
/* eslint-disable max-statements-per-line */
|
|
5567
|
-
|
|
5568
|
-
switch (Math.floor(hi)) {
|
|
5569
|
-
case 0:
|
|
5570
|
-
pure[0] = 1;
|
|
5571
|
-
pure[1] = v;
|
|
5572
|
-
pure[2] = 0;
|
|
5573
|
-
break;
|
|
5540
|
+
const h = hcg[0] / 360;
|
|
5541
|
+
const c = hcg[1] / 100;
|
|
5542
|
+
const g = hcg[2] / 100;
|
|
5574
5543
|
|
|
5575
|
-
|
|
5576
|
-
|
|
5577
|
-
|
|
5578
|
-
pure[2] = 0;
|
|
5579
|
-
break;
|
|
5580
|
-
|
|
5581
|
-
case 2:
|
|
5582
|
-
pure[0] = 0;
|
|
5583
|
-
pure[1] = 1;
|
|
5584
|
-
pure[2] = v;
|
|
5585
|
-
break;
|
|
5586
|
-
|
|
5587
|
-
case 3:
|
|
5588
|
-
pure[0] = 0;
|
|
5589
|
-
pure[1] = w;
|
|
5590
|
-
pure[2] = 1;
|
|
5591
|
-
break;
|
|
5592
|
-
|
|
5593
|
-
case 4:
|
|
5594
|
-
pure[0] = v;
|
|
5595
|
-
pure[1] = 0;
|
|
5596
|
-
pure[2] = 1;
|
|
5597
|
-
break;
|
|
5544
|
+
if (c === 0.0) {
|
|
5545
|
+
return [g * 255, g * 255, g * 255];
|
|
5546
|
+
}
|
|
5598
5547
|
|
|
5599
|
-
|
|
5600
|
-
|
|
5601
|
-
|
|
5602
|
-
|
|
5603
|
-
|
|
5604
|
-
|
|
5548
|
+
const pure = [0, 0, 0];
|
|
5549
|
+
const hi = (h % 1) * 6;
|
|
5550
|
+
const v = hi % 1;
|
|
5551
|
+
const w = 1 - v;
|
|
5552
|
+
let mg = 0;
|
|
5553
|
+
|
|
5554
|
+
/* eslint-disable max-statements-per-line */
|
|
5555
|
+
switch (Math.floor(hi)) {
|
|
5556
|
+
case 0:
|
|
5557
|
+
pure[0] = 1; pure[1] = v; pure[2] = 0; break;
|
|
5558
|
+
case 1:
|
|
5559
|
+
pure[0] = w; pure[1] = 1; pure[2] = 0; break;
|
|
5560
|
+
case 2:
|
|
5561
|
+
pure[0] = 0; pure[1] = 1; pure[2] = v; break;
|
|
5562
|
+
case 3:
|
|
5563
|
+
pure[0] = 0; pure[1] = w; pure[2] = 1; break;
|
|
5564
|
+
case 4:
|
|
5565
|
+
pure[0] = v; pure[1] = 0; pure[2] = 1; break;
|
|
5566
|
+
default:
|
|
5567
|
+
pure[0] = 1; pure[1] = 0; pure[2] = w;
|
|
5568
|
+
}
|
|
5569
|
+
/* eslint-enable max-statements-per-line */
|
|
5605
5570
|
|
|
5571
|
+
mg = (1.0 - c) * g;
|
|
5606
5572
|
|
|
5607
|
-
|
|
5608
|
-
|
|
5573
|
+
return [
|
|
5574
|
+
(c * pure[0] + mg) * 255,
|
|
5575
|
+
(c * pure[1] + mg) * 255,
|
|
5576
|
+
(c * pure[2] + mg) * 255
|
|
5577
|
+
];
|
|
5609
5578
|
};
|
|
5610
5579
|
|
|
5611
5580
|
convert$1.hcg.hsv = function (hcg) {
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
const v = c + g * (1.0 - c);
|
|
5615
|
-
let f = 0;
|
|
5581
|
+
const c = hcg[1] / 100;
|
|
5582
|
+
const g = hcg[2] / 100;
|
|
5616
5583
|
|
|
5617
|
-
|
|
5618
|
-
|
|
5619
|
-
}
|
|
5584
|
+
const v = c + g * (1.0 - c);
|
|
5585
|
+
let f = 0;
|
|
5620
5586
|
|
|
5621
|
-
|
|
5587
|
+
if (v > 0.0) {
|
|
5588
|
+
f = c / v;
|
|
5589
|
+
}
|
|
5590
|
+
|
|
5591
|
+
return [hcg[0], f * 100, v * 100];
|
|
5622
5592
|
};
|
|
5623
5593
|
|
|
5624
5594
|
convert$1.hcg.hsl = function (hcg) {
|
|
5625
|
-
|
|
5626
|
-
|
|
5627
|
-
const l = g * (1.0 - c) + 0.5 * c;
|
|
5628
|
-
let s = 0;
|
|
5595
|
+
const c = hcg[1] / 100;
|
|
5596
|
+
const g = hcg[2] / 100;
|
|
5629
5597
|
|
|
5630
|
-
|
|
5631
|
-
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
|
|
5598
|
+
const l = g * (1.0 - c) + 0.5 * c;
|
|
5599
|
+
let s = 0;
|
|
5600
|
+
|
|
5601
|
+
if (l > 0.0 && l < 0.5) {
|
|
5602
|
+
s = c / (2 * l);
|
|
5603
|
+
} else
|
|
5604
|
+
if (l >= 0.5 && l < 1.0) {
|
|
5605
|
+
s = c / (2 * (1 - l));
|
|
5606
|
+
}
|
|
5635
5607
|
|
|
5636
|
-
|
|
5608
|
+
return [hcg[0], s * 100, l * 100];
|
|
5637
5609
|
};
|
|
5638
5610
|
|
|
5639
5611
|
convert$1.hcg.hwb = function (hcg) {
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5612
|
+
const c = hcg[1] / 100;
|
|
5613
|
+
const g = hcg[2] / 100;
|
|
5614
|
+
const v = c + g * (1.0 - c);
|
|
5615
|
+
return [hcg[0], (v - c) * 100, (1 - v) * 100];
|
|
5644
5616
|
};
|
|
5645
5617
|
|
|
5646
5618
|
convert$1.hwb.hcg = function (hwb) {
|
|
5647
|
-
|
|
5648
|
-
|
|
5649
|
-
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5654
|
-
|
|
5655
|
-
|
|
5619
|
+
const w = hwb[1] / 100;
|
|
5620
|
+
const b = hwb[2] / 100;
|
|
5621
|
+
const v = 1 - b;
|
|
5622
|
+
const c = v - w;
|
|
5623
|
+
let g = 0;
|
|
5624
|
+
|
|
5625
|
+
if (c < 1) {
|
|
5626
|
+
g = (v - c) / (1 - c);
|
|
5627
|
+
}
|
|
5656
5628
|
|
|
5657
|
-
|
|
5629
|
+
return [hwb[0], c * 100, g * 100];
|
|
5658
5630
|
};
|
|
5659
5631
|
|
|
5660
5632
|
convert$1.apple.rgb = function (apple) {
|
|
5661
|
-
|
|
5633
|
+
return [(apple[0] / 65535) * 255, (apple[1] / 65535) * 255, (apple[2] / 65535) * 255];
|
|
5662
5634
|
};
|
|
5663
5635
|
|
|
5664
5636
|
convert$1.rgb.apple = function (rgb) {
|
|
5665
|
-
|
|
5637
|
+
return [(rgb[0] / 255) * 65535, (rgb[1] / 255) * 65535, (rgb[2] / 255) * 65535];
|
|
5666
5638
|
};
|
|
5667
5639
|
|
|
5668
5640
|
convert$1.gray.rgb = function (args) {
|
|
5669
|
-
|
|
5641
|
+
return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];
|
|
5670
5642
|
};
|
|
5671
5643
|
|
|
5672
5644
|
convert$1.gray.hsl = function (args) {
|
|
5673
|
-
|
|
5645
|
+
return [0, 0, args[0]];
|
|
5674
5646
|
};
|
|
5675
5647
|
|
|
5676
5648
|
convert$1.gray.hsv = convert$1.gray.hsl;
|
|
5677
5649
|
|
|
5678
5650
|
convert$1.gray.hwb = function (gray) {
|
|
5679
|
-
|
|
5651
|
+
return [0, 100, gray[0]];
|
|
5680
5652
|
};
|
|
5681
5653
|
|
|
5682
5654
|
convert$1.gray.cmyk = function (gray) {
|
|
5683
|
-
|
|
5655
|
+
return [0, 0, 0, gray[0]];
|
|
5684
5656
|
};
|
|
5685
5657
|
|
|
5686
5658
|
convert$1.gray.lab = function (gray) {
|
|
5687
|
-
|
|
5659
|
+
return [gray[0], 0, 0];
|
|
5688
5660
|
};
|
|
5689
5661
|
|
|
5690
5662
|
convert$1.gray.hex = function (gray) {
|
|
5691
|
-
|
|
5692
|
-
|
|
5693
|
-
|
|
5694
|
-
|
|
5663
|
+
const val = Math.round(gray[0] / 100 * 255) & 0xFF;
|
|
5664
|
+
const integer = (val << 16) + (val << 8) + val;
|
|
5665
|
+
|
|
5666
|
+
const string = integer.toString(16).toUpperCase();
|
|
5667
|
+
return '000000'.substring(string.length) + string;
|
|
5695
5668
|
};
|
|
5696
5669
|
|
|
5697
5670
|
convert$1.rgb.gray = function (rgb) {
|
|
5698
|
-
|
|
5699
|
-
|
|
5671
|
+
const val = (rgb[0] + rgb[1] + rgb[2]) / 3;
|
|
5672
|
+
return [val / 255 * 100];
|
|
5700
5673
|
};
|
|
5701
5674
|
|
|
5702
5675
|
/*
|
|
@@ -5711,646 +5684,658 @@ convert$1.rgb.gray = function (rgb) {
|
|
|
5711
5684
|
*/
|
|
5712
5685
|
|
|
5713
5686
|
function buildGraph() {
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
|
|
5717
|
-
|
|
5718
|
-
|
|
5719
|
-
|
|
5720
|
-
|
|
5721
|
-
|
|
5722
|
-
|
|
5723
|
-
|
|
5724
|
-
|
|
5725
|
-
|
|
5726
|
-
|
|
5727
|
-
return graph;
|
|
5728
|
-
} // https://en.wikipedia.org/wiki/Breadth-first_search
|
|
5687
|
+
const graph = {};
|
|
5688
|
+
// https://jsperf.com/object-keys-vs-for-in-with-closure/3
|
|
5689
|
+
const models = Object.keys(conversions);
|
|
5690
|
+
|
|
5691
|
+
for (let len = models.length, i = 0; i < len; i++) {
|
|
5692
|
+
graph[models[i]] = {
|
|
5693
|
+
// http://jsperf.com/1-vs-infinity
|
|
5694
|
+
// micro-opt, but this is simple.
|
|
5695
|
+
distance: -1,
|
|
5696
|
+
parent: null
|
|
5697
|
+
};
|
|
5698
|
+
}
|
|
5729
5699
|
|
|
5700
|
+
return graph;
|
|
5701
|
+
}
|
|
5730
5702
|
|
|
5703
|
+
// https://en.wikipedia.org/wiki/Breadth-first_search
|
|
5731
5704
|
function deriveBFS(fromModel) {
|
|
5732
|
-
|
|
5733
|
-
|
|
5705
|
+
const graph = buildGraph();
|
|
5706
|
+
const queue = [fromModel]; // Unshift -> queue -> pop
|
|
5734
5707
|
|
|
5735
|
-
|
|
5708
|
+
graph[fromModel].distance = 0;
|
|
5736
5709
|
|
|
5737
|
-
|
|
5738
|
-
|
|
5739
|
-
|
|
5710
|
+
while (queue.length) {
|
|
5711
|
+
const current = queue.pop();
|
|
5712
|
+
const adjacents = Object.keys(conversions[current]);
|
|
5740
5713
|
|
|
5741
|
-
|
|
5742
|
-
|
|
5743
|
-
|
|
5714
|
+
for (let len = adjacents.length, i = 0; i < len; i++) {
|
|
5715
|
+
const adjacent = adjacents[i];
|
|
5716
|
+
const node = graph[adjacent];
|
|
5744
5717
|
|
|
5745
|
-
|
|
5746
|
-
|
|
5747
|
-
|
|
5748
|
-
|
|
5749
|
-
|
|
5750
|
-
|
|
5751
|
-
|
|
5718
|
+
if (node.distance === -1) {
|
|
5719
|
+
node.distance = graph[current].distance + 1;
|
|
5720
|
+
node.parent = current;
|
|
5721
|
+
queue.unshift(adjacent);
|
|
5722
|
+
}
|
|
5723
|
+
}
|
|
5724
|
+
}
|
|
5752
5725
|
|
|
5753
|
-
|
|
5726
|
+
return graph;
|
|
5754
5727
|
}
|
|
5755
5728
|
|
|
5756
5729
|
function link(from, to) {
|
|
5757
|
-
|
|
5758
|
-
|
|
5759
|
-
|
|
5730
|
+
return function (args) {
|
|
5731
|
+
return to(from(args));
|
|
5732
|
+
};
|
|
5760
5733
|
}
|
|
5761
5734
|
|
|
5762
5735
|
function wrapConversion(toModel, graph) {
|
|
5763
|
-
|
|
5764
|
-
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5768
|
-
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5736
|
+
const path = [graph[toModel].parent, toModel];
|
|
5737
|
+
let fn = conversions[graph[toModel].parent][toModel];
|
|
5738
|
+
|
|
5739
|
+
let cur = graph[toModel].parent;
|
|
5740
|
+
while (graph[cur].parent) {
|
|
5741
|
+
path.unshift(graph[cur].parent);
|
|
5742
|
+
fn = link(conversions[graph[cur].parent][cur], fn);
|
|
5743
|
+
cur = graph[cur].parent;
|
|
5744
|
+
}
|
|
5772
5745
|
|
|
5773
|
-
|
|
5774
|
-
|
|
5746
|
+
fn.conversion = path;
|
|
5747
|
+
return fn;
|
|
5775
5748
|
}
|
|
5776
5749
|
|
|
5777
5750
|
var route = function (fromModel) {
|
|
5778
|
-
|
|
5779
|
-
|
|
5780
|
-
const models = Object.keys(graph);
|
|
5751
|
+
const graph = deriveBFS(fromModel);
|
|
5752
|
+
const conversion = {};
|
|
5781
5753
|
|
|
5782
|
-
|
|
5783
|
-
|
|
5784
|
-
|
|
5754
|
+
const models = Object.keys(graph);
|
|
5755
|
+
for (let len = models.length, i = 0; i < len; i++) {
|
|
5756
|
+
const toModel = models[i];
|
|
5757
|
+
const node = graph[toModel];
|
|
5785
5758
|
|
|
5786
|
-
|
|
5787
|
-
|
|
5788
|
-
|
|
5789
|
-
|
|
5759
|
+
if (node.parent === null) {
|
|
5760
|
+
// No possible conversion, or this node is the source model.
|
|
5761
|
+
continue;
|
|
5762
|
+
}
|
|
5790
5763
|
|
|
5791
|
-
|
|
5792
|
-
|
|
5764
|
+
conversion[toModel] = wrapConversion(toModel, graph);
|
|
5765
|
+
}
|
|
5793
5766
|
|
|
5794
|
-
|
|
5767
|
+
return conversion;
|
|
5795
5768
|
};
|
|
5796
5769
|
|
|
5797
5770
|
const convert = {};
|
|
5771
|
+
|
|
5798
5772
|
const models = Object.keys(conversions);
|
|
5799
5773
|
|
|
5800
5774
|
function wrapRaw(fn) {
|
|
5801
|
-
|
|
5802
|
-
|
|
5803
|
-
|
|
5804
|
-
|
|
5805
|
-
|
|
5806
|
-
}
|
|
5807
|
-
|
|
5808
|
-
if (arg0.length > 1) {
|
|
5809
|
-
args = arg0;
|
|
5810
|
-
}
|
|
5775
|
+
const wrappedFn = function (...args) {
|
|
5776
|
+
const arg0 = args[0];
|
|
5777
|
+
if (arg0 === undefined || arg0 === null) {
|
|
5778
|
+
return arg0;
|
|
5779
|
+
}
|
|
5811
5780
|
|
|
5812
|
-
|
|
5813
|
-
|
|
5781
|
+
if (arg0.length > 1) {
|
|
5782
|
+
args = arg0;
|
|
5783
|
+
}
|
|
5814
5784
|
|
|
5785
|
+
return fn(args);
|
|
5786
|
+
};
|
|
5815
5787
|
|
|
5816
|
-
|
|
5817
|
-
|
|
5818
|
-
|
|
5788
|
+
// Preserve .conversion property if there is one
|
|
5789
|
+
if ('conversion' in fn) {
|
|
5790
|
+
wrappedFn.conversion = fn.conversion;
|
|
5791
|
+
}
|
|
5819
5792
|
|
|
5820
|
-
|
|
5793
|
+
return wrappedFn;
|
|
5821
5794
|
}
|
|
5822
5795
|
|
|
5823
5796
|
function wrapRounded(fn) {
|
|
5824
|
-
|
|
5825
|
-
|
|
5826
|
-
|
|
5827
|
-
if (arg0 === undefined || arg0 === null) {
|
|
5828
|
-
return arg0;
|
|
5829
|
-
}
|
|
5797
|
+
const wrappedFn = function (...args) {
|
|
5798
|
+
const arg0 = args[0];
|
|
5830
5799
|
|
|
5831
|
-
|
|
5832
|
-
|
|
5833
|
-
|
|
5800
|
+
if (arg0 === undefined || arg0 === null) {
|
|
5801
|
+
return arg0;
|
|
5802
|
+
}
|
|
5834
5803
|
|
|
5835
|
-
|
|
5836
|
-
|
|
5837
|
-
|
|
5804
|
+
if (arg0.length > 1) {
|
|
5805
|
+
args = arg0;
|
|
5806
|
+
}
|
|
5838
5807
|
|
|
5839
|
-
|
|
5840
|
-
for (let len = result.length, i = 0; i < len; i++) {
|
|
5841
|
-
result[i] = Math.round(result[i]);
|
|
5842
|
-
}
|
|
5843
|
-
}
|
|
5808
|
+
const result = fn(args);
|
|
5844
5809
|
|
|
5845
|
-
|
|
5846
|
-
|
|
5810
|
+
// We're assuming the result is an array here.
|
|
5811
|
+
// see notice in conversions.js; don't use box types
|
|
5812
|
+
// in conversion functions.
|
|
5813
|
+
if (typeof result === 'object') {
|
|
5814
|
+
for (let len = result.length, i = 0; i < len; i++) {
|
|
5815
|
+
result[i] = Math.round(result[i]);
|
|
5816
|
+
}
|
|
5817
|
+
}
|
|
5847
5818
|
|
|
5819
|
+
return result;
|
|
5820
|
+
};
|
|
5848
5821
|
|
|
5849
|
-
|
|
5850
|
-
|
|
5851
|
-
|
|
5822
|
+
// Preserve .conversion property if there is one
|
|
5823
|
+
if ('conversion' in fn) {
|
|
5824
|
+
wrappedFn.conversion = fn.conversion;
|
|
5825
|
+
}
|
|
5852
5826
|
|
|
5853
|
-
|
|
5827
|
+
return wrappedFn;
|
|
5854
5828
|
}
|
|
5855
5829
|
|
|
5856
5830
|
models.forEach(fromModel => {
|
|
5857
|
-
|
|
5858
|
-
Object.defineProperty(convert[fromModel], 'channels', {
|
|
5859
|
-
value: conversions[fromModel].channels
|
|
5860
|
-
});
|
|
5861
|
-
Object.defineProperty(convert[fromModel], 'labels', {
|
|
5862
|
-
value: conversions[fromModel].labels
|
|
5863
|
-
});
|
|
5864
|
-
const routes = route(fromModel);
|
|
5865
|
-
const routeModels = Object.keys(routes);
|
|
5866
|
-
routeModels.forEach(toModel => {
|
|
5867
|
-
const fn = routes[toModel];
|
|
5868
|
-
convert[fromModel][toModel] = wrapRounded(fn);
|
|
5869
|
-
convert[fromModel][toModel].raw = wrapRaw(fn);
|
|
5870
|
-
});
|
|
5871
|
-
});
|
|
5872
|
-
var colorConvert = convert;
|
|
5831
|
+
convert[fromModel] = {};
|
|
5873
5832
|
|
|
5874
|
-
|
|
5875
|
-
'
|
|
5876
|
-
'gray', // Shouldn't really be in color-convert either...
|
|
5877
|
-
'hex'];
|
|
5878
|
-
const hashedModelKeys = {};
|
|
5833
|
+
Object.defineProperty(convert[fromModel], 'channels', {value: conversions[fromModel].channels});
|
|
5834
|
+
Object.defineProperty(convert[fromModel], 'labels', {value: conversions[fromModel].labels});
|
|
5879
5835
|
|
|
5880
|
-
|
|
5881
|
-
|
|
5882
|
-
}
|
|
5836
|
+
const routes = route(fromModel);
|
|
5837
|
+
const routeModels = Object.keys(routes);
|
|
5883
5838
|
|
|
5884
|
-
|
|
5839
|
+
routeModels.forEach(toModel => {
|
|
5840
|
+
const fn = routes[toModel];
|
|
5885
5841
|
|
|
5886
|
-
|
|
5887
|
-
|
|
5888
|
-
|
|
5889
|
-
|
|
5890
|
-
|
|
5891
|
-
if (model && model in skippedModels) {
|
|
5892
|
-
model = null;
|
|
5893
|
-
}
|
|
5894
|
-
|
|
5895
|
-
if (model && !(model in colorConvert)) {
|
|
5896
|
-
throw new Error('Unknown model: ' + model);
|
|
5897
|
-
}
|
|
5898
|
-
|
|
5899
|
-
let i;
|
|
5900
|
-
let channels;
|
|
5901
|
-
|
|
5902
|
-
if (object == null) {
|
|
5903
|
-
// eslint-disable-line no-eq-null,eqeqeq
|
|
5904
|
-
this.model = 'rgb';
|
|
5905
|
-
this.color = [0, 0, 0];
|
|
5906
|
-
this.valpha = 1;
|
|
5907
|
-
} else if (object instanceof Color) {
|
|
5908
|
-
this.model = object.model;
|
|
5909
|
-
this.color = [...object.color];
|
|
5910
|
-
this.valpha = object.valpha;
|
|
5911
|
-
} else if (typeof object === 'string') {
|
|
5912
|
-
const result = colorString.get(object);
|
|
5913
|
-
|
|
5914
|
-
if (result === null) {
|
|
5915
|
-
throw new Error('Unable to parse color from string: ' + object);
|
|
5916
|
-
}
|
|
5917
|
-
|
|
5918
|
-
this.model = result.model;
|
|
5919
|
-
channels = colorConvert[this.model].channels;
|
|
5920
|
-
this.color = result.value.slice(0, channels);
|
|
5921
|
-
this.valpha = typeof result.value[channels] === 'number' ? result.value[channels] : 1;
|
|
5922
|
-
} else if (object.length > 0) {
|
|
5923
|
-
this.model = model || 'rgb';
|
|
5924
|
-
channels = colorConvert[this.model].channels;
|
|
5925
|
-
const newArray = Array.prototype.slice.call(object, 0, channels);
|
|
5926
|
-
this.color = zeroArray(newArray, channels);
|
|
5927
|
-
this.valpha = typeof object[channels] === 'number' ? object[channels] : 1;
|
|
5928
|
-
} else if (typeof object === 'number') {
|
|
5929
|
-
// This is always RGB - can be converted later on.
|
|
5930
|
-
this.model = 'rgb';
|
|
5931
|
-
this.color = [object >> 16 & 0xFF, object >> 8 & 0xFF, object & 0xFF];
|
|
5932
|
-
this.valpha = 1;
|
|
5933
|
-
} else {
|
|
5934
|
-
this.valpha = 1;
|
|
5935
|
-
const keys = Object.keys(object);
|
|
5842
|
+
convert[fromModel][toModel] = wrapRounded(fn);
|
|
5843
|
+
convert[fromModel][toModel].raw = wrapRaw(fn);
|
|
5844
|
+
});
|
|
5845
|
+
});
|
|
5936
5846
|
|
|
5937
|
-
|
|
5938
|
-
keys.splice(keys.indexOf('alpha'), 1);
|
|
5939
|
-
this.valpha = typeof object.alpha === 'number' ? object.alpha : 0;
|
|
5940
|
-
}
|
|
5847
|
+
var colorConvert = convert;
|
|
5941
5848
|
|
|
5942
|
-
|
|
5849
|
+
const skippedModels = [
|
|
5850
|
+
// To be honest, I don't really feel like keyword belongs in color convert, but eh.
|
|
5851
|
+
'keyword',
|
|
5943
5852
|
|
|
5944
|
-
|
|
5945
|
-
|
|
5946
|
-
}
|
|
5853
|
+
// Gray conflicts with some method names, and has its own method defined.
|
|
5854
|
+
'gray',
|
|
5947
5855
|
|
|
5948
|
-
|
|
5949
|
-
|
|
5950
|
-
|
|
5951
|
-
} = colorConvert[this.model];
|
|
5952
|
-
const color = [];
|
|
5856
|
+
// Shouldn't really be in color-convert either...
|
|
5857
|
+
'hex',
|
|
5858
|
+
];
|
|
5953
5859
|
|
|
5954
|
-
|
|
5955
|
-
|
|
5956
|
-
|
|
5860
|
+
const hashedModelKeys = {};
|
|
5861
|
+
for (const model of Object.keys(colorConvert)) {
|
|
5862
|
+
hashedModelKeys[[...colorConvert[model].labels].sort().join('')] = model;
|
|
5863
|
+
}
|
|
5957
5864
|
|
|
5958
|
-
|
|
5959
|
-
} // Perform limitations (clamping, etc.)
|
|
5865
|
+
const limiters = {};
|
|
5960
5866
|
|
|
5867
|
+
function Color(object, model) {
|
|
5868
|
+
if (!(this instanceof Color)) {
|
|
5869
|
+
return new Color(object, model);
|
|
5870
|
+
}
|
|
5961
5871
|
|
|
5962
|
-
|
|
5963
|
-
|
|
5872
|
+
if (model && model in skippedModels) {
|
|
5873
|
+
model = null;
|
|
5874
|
+
}
|
|
5964
5875
|
|
|
5965
|
-
|
|
5966
|
-
|
|
5876
|
+
if (model && !(model in colorConvert)) {
|
|
5877
|
+
throw new Error('Unknown model: ' + model);
|
|
5878
|
+
}
|
|
5967
5879
|
|
|
5968
|
-
|
|
5969
|
-
|
|
5970
|
-
|
|
5971
|
-
|
|
5972
|
-
|
|
5880
|
+
let i;
|
|
5881
|
+
let channels;
|
|
5882
|
+
|
|
5883
|
+
if (object == null) { // eslint-disable-line no-eq-null,eqeqeq
|
|
5884
|
+
this.model = 'rgb';
|
|
5885
|
+
this.color = [0, 0, 0];
|
|
5886
|
+
this.valpha = 1;
|
|
5887
|
+
} else if (object instanceof Color) {
|
|
5888
|
+
this.model = object.model;
|
|
5889
|
+
this.color = [...object.color];
|
|
5890
|
+
this.valpha = object.valpha;
|
|
5891
|
+
} else if (typeof object === 'string') {
|
|
5892
|
+
const result = colorString.get(object);
|
|
5893
|
+
if (result === null) {
|
|
5894
|
+
throw new Error('Unable to parse color from string: ' + object);
|
|
5895
|
+
}
|
|
5973
5896
|
|
|
5974
|
-
|
|
5897
|
+
this.model = result.model;
|
|
5898
|
+
channels = colorConvert[this.model].channels;
|
|
5899
|
+
this.color = result.value.slice(0, channels);
|
|
5900
|
+
this.valpha = typeof result.value[channels] === 'number' ? result.value[channels] : 1;
|
|
5901
|
+
} else if (object.length > 0) {
|
|
5902
|
+
this.model = model || 'rgb';
|
|
5903
|
+
channels = colorConvert[this.model].channels;
|
|
5904
|
+
const newArray = Array.prototype.slice.call(object, 0, channels);
|
|
5905
|
+
this.color = zeroArray(newArray, channels);
|
|
5906
|
+
this.valpha = typeof object[channels] === 'number' ? object[channels] : 1;
|
|
5907
|
+
} else if (typeof object === 'number') {
|
|
5908
|
+
// This is always RGB - can be converted later on.
|
|
5909
|
+
this.model = 'rgb';
|
|
5910
|
+
this.color = [
|
|
5911
|
+
(object >> 16) & 0xFF,
|
|
5912
|
+
(object >> 8) & 0xFF,
|
|
5913
|
+
object & 0xFF,
|
|
5914
|
+
];
|
|
5915
|
+
this.valpha = 1;
|
|
5916
|
+
} else {
|
|
5917
|
+
this.valpha = 1;
|
|
5975
5918
|
|
|
5976
|
-
|
|
5977
|
-
|
|
5978
|
-
|
|
5979
|
-
|
|
5919
|
+
const keys = Object.keys(object);
|
|
5920
|
+
if ('alpha' in object) {
|
|
5921
|
+
keys.splice(keys.indexOf('alpha'), 1);
|
|
5922
|
+
this.valpha = typeof object.alpha === 'number' ? object.alpha : 0;
|
|
5923
|
+
}
|
|
5980
5924
|
|
|
5981
|
-
|
|
5982
|
-
|
|
5983
|
-
|
|
5984
|
-
|
|
5925
|
+
const hashedKeys = keys.sort().join('');
|
|
5926
|
+
if (!(hashedKeys in hashedModelKeys)) {
|
|
5927
|
+
throw new Error('Unable to parse color from object: ' + JSON.stringify(object));
|
|
5928
|
+
}
|
|
5985
5929
|
|
|
5986
|
-
|
|
5987
|
-
return this[this.model]();
|
|
5988
|
-
},
|
|
5930
|
+
this.model = hashedModelKeys[hashedKeys];
|
|
5989
5931
|
|
|
5990
|
-
|
|
5991
|
-
|
|
5992
|
-
|
|
5993
|
-
|
|
5994
|
-
|
|
5995
|
-
},
|
|
5932
|
+
const {labels} = colorConvert[this.model];
|
|
5933
|
+
const color = [];
|
|
5934
|
+
for (i = 0; i < labels.length; i++) {
|
|
5935
|
+
color.push(object[labels[i]]);
|
|
5936
|
+
}
|
|
5996
5937
|
|
|
5997
|
-
|
|
5998
|
-
|
|
5999
|
-
const args = self.valpha === 1 ? self.color : [...self.color, this.valpha];
|
|
6000
|
-
return colorString.to.rgb.percent(args);
|
|
6001
|
-
},
|
|
5938
|
+
this.color = zeroArray(color);
|
|
5939
|
+
}
|
|
6002
5940
|
|
|
6003
|
-
|
|
6004
|
-
|
|
6005
|
-
|
|
5941
|
+
// Perform limitations (clamping, etc.)
|
|
5942
|
+
if (limiters[this.model]) {
|
|
5943
|
+
channels = colorConvert[this.model].channels;
|
|
5944
|
+
for (i = 0; i < channels; i++) {
|
|
5945
|
+
const limit = limiters[this.model][i];
|
|
5946
|
+
if (limit) {
|
|
5947
|
+
this.color[i] = limit(this.color[i]);
|
|
5948
|
+
}
|
|
5949
|
+
}
|
|
5950
|
+
}
|
|
6006
5951
|
|
|
6007
|
-
|
|
6008
|
-
const result = {};
|
|
6009
|
-
const {
|
|
6010
|
-
channels
|
|
6011
|
-
} = colorConvert[this.model];
|
|
6012
|
-
const {
|
|
6013
|
-
labels
|
|
6014
|
-
} = colorConvert[this.model];
|
|
5952
|
+
this.valpha = Math.max(0, Math.min(1, this.valpha));
|
|
6015
5953
|
|
|
6016
|
-
|
|
6017
|
-
|
|
6018
|
-
|
|
5954
|
+
if (Object.freeze) {
|
|
5955
|
+
Object.freeze(this);
|
|
5956
|
+
}
|
|
5957
|
+
}
|
|
6019
5958
|
|
|
6020
|
-
|
|
6021
|
-
|
|
6022
|
-
|
|
5959
|
+
Color.prototype = {
|
|
5960
|
+
toString() {
|
|
5961
|
+
return this.string();
|
|
5962
|
+
},
|
|
5963
|
+
|
|
5964
|
+
toJSON() {
|
|
5965
|
+
return this[this.model]();
|
|
5966
|
+
},
|
|
5967
|
+
|
|
5968
|
+
string(places) {
|
|
5969
|
+
let self = this.model in colorString.to ? this : this.rgb();
|
|
5970
|
+
self = self.round(typeof places === 'number' ? places : 1);
|
|
5971
|
+
const args = self.valpha === 1 ? self.color : [...self.color, this.valpha];
|
|
5972
|
+
return colorString.to[self.model](args);
|
|
5973
|
+
},
|
|
5974
|
+
|
|
5975
|
+
percentString(places) {
|
|
5976
|
+
const self = this.rgb().round(typeof places === 'number' ? places : 1);
|
|
5977
|
+
const args = self.valpha === 1 ? self.color : [...self.color, this.valpha];
|
|
5978
|
+
return colorString.to.rgb.percent(args);
|
|
5979
|
+
},
|
|
5980
|
+
|
|
5981
|
+
array() {
|
|
5982
|
+
return this.valpha === 1 ? [...this.color] : [...this.color, this.valpha];
|
|
5983
|
+
},
|
|
5984
|
+
|
|
5985
|
+
object() {
|
|
5986
|
+
const result = {};
|
|
5987
|
+
const {channels} = colorConvert[this.model];
|
|
5988
|
+
const {labels} = colorConvert[this.model];
|
|
5989
|
+
|
|
5990
|
+
for (let i = 0; i < channels; i++) {
|
|
5991
|
+
result[labels[i]] = this.color[i];
|
|
5992
|
+
}
|
|
6023
5993
|
|
|
6024
|
-
|
|
6025
|
-
|
|
5994
|
+
if (this.valpha !== 1) {
|
|
5995
|
+
result.alpha = this.valpha;
|
|
5996
|
+
}
|
|
6026
5997
|
|
|
6027
|
-
|
|
6028
|
-
|
|
6029
|
-
rgb[0] /= 255;
|
|
6030
|
-
rgb[1] /= 255;
|
|
6031
|
-
rgb[2] /= 255;
|
|
5998
|
+
return result;
|
|
5999
|
+
},
|
|
6032
6000
|
|
|
6033
|
-
|
|
6034
|
-
|
|
6035
|
-
|
|
6001
|
+
unitArray() {
|
|
6002
|
+
const rgb = this.rgb().color;
|
|
6003
|
+
rgb[0] /= 255;
|
|
6004
|
+
rgb[1] /= 255;
|
|
6005
|
+
rgb[2] /= 255;
|
|
6036
6006
|
|
|
6037
|
-
|
|
6038
|
-
|
|
6007
|
+
if (this.valpha !== 1) {
|
|
6008
|
+
rgb.push(this.valpha);
|
|
6009
|
+
}
|
|
6039
6010
|
|
|
6040
|
-
|
|
6041
|
-
|
|
6042
|
-
rgb.r /= 255;
|
|
6043
|
-
rgb.g /= 255;
|
|
6044
|
-
rgb.b /= 255;
|
|
6011
|
+
return rgb;
|
|
6012
|
+
},
|
|
6045
6013
|
|
|
6046
|
-
|
|
6047
|
-
|
|
6048
|
-
|
|
6014
|
+
unitObject() {
|
|
6015
|
+
const rgb = this.rgb().object();
|
|
6016
|
+
rgb.r /= 255;
|
|
6017
|
+
rgb.g /= 255;
|
|
6018
|
+
rgb.b /= 255;
|
|
6049
6019
|
|
|
6050
|
-
|
|
6051
|
-
|
|
6020
|
+
if (this.valpha !== 1) {
|
|
6021
|
+
rgb.alpha = this.valpha;
|
|
6022
|
+
}
|
|
6052
6023
|
|
|
6053
|
-
|
|
6054
|
-
|
|
6055
|
-
return new Color([...this.color.map(roundToPlace(places)), this.valpha], this.model);
|
|
6056
|
-
},
|
|
6024
|
+
return rgb;
|
|
6025
|
+
},
|
|
6057
6026
|
|
|
6058
|
-
|
|
6059
|
-
|
|
6060
|
-
|
|
6061
|
-
|
|
6027
|
+
round(places) {
|
|
6028
|
+
places = Math.max(places || 0, 0);
|
|
6029
|
+
return new Color([...this.color.map(roundToPlace(places)), this.valpha], this.model);
|
|
6030
|
+
},
|
|
6062
6031
|
|
|
6063
|
-
|
|
6064
|
-
|
|
6032
|
+
alpha(value) {
|
|
6033
|
+
if (value !== undefined) {
|
|
6034
|
+
return new Color([...this.color, Math.max(0, Math.min(1, value))], this.model);
|
|
6035
|
+
}
|
|
6065
6036
|
|
|
6066
|
-
|
|
6067
|
-
|
|
6068
|
-
green: getset('rgb', 1, maxfn(255)),
|
|
6069
|
-
blue: getset('rgb', 2, maxfn(255)),
|
|
6070
|
-
hue: getset(['hsl', 'hsv', 'hsl', 'hwb', 'hcg'], 0, value => (value % 360 + 360) % 360),
|
|
6071
|
-
saturationl: getset('hsl', 1, maxfn(100)),
|
|
6072
|
-
lightness: getset('hsl', 2, maxfn(100)),
|
|
6073
|
-
saturationv: getset('hsv', 1, maxfn(100)),
|
|
6074
|
-
value: getset('hsv', 2, maxfn(100)),
|
|
6075
|
-
chroma: getset('hcg', 1, maxfn(100)),
|
|
6076
|
-
gray: getset('hcg', 2, maxfn(100)),
|
|
6077
|
-
white: getset('hwb', 1, maxfn(100)),
|
|
6078
|
-
wblack: getset('hwb', 2, maxfn(100)),
|
|
6079
|
-
cyan: getset('cmyk', 0, maxfn(100)),
|
|
6080
|
-
magenta: getset('cmyk', 1, maxfn(100)),
|
|
6081
|
-
yellow: getset('cmyk', 2, maxfn(100)),
|
|
6082
|
-
black: getset('cmyk', 3, maxfn(100)),
|
|
6083
|
-
x: getset('xyz', 0, maxfn(95.047)),
|
|
6084
|
-
y: getset('xyz', 1, maxfn(100)),
|
|
6085
|
-
z: getset('xyz', 2, maxfn(108.833)),
|
|
6086
|
-
l: getset('lab', 0, maxfn(100)),
|
|
6087
|
-
a: getset('lab', 1),
|
|
6088
|
-
b: getset('lab', 2),
|
|
6089
|
-
|
|
6090
|
-
keyword(value) {
|
|
6091
|
-
if (value !== undefined) {
|
|
6092
|
-
return new Color(value);
|
|
6093
|
-
}
|
|
6094
|
-
|
|
6095
|
-
return colorConvert[this.model].keyword(this.color);
|
|
6096
|
-
},
|
|
6037
|
+
return this.valpha;
|
|
6038
|
+
},
|
|
6097
6039
|
|
|
6098
|
-
|
|
6099
|
-
|
|
6100
|
-
|
|
6101
|
-
|
|
6040
|
+
// Rgb
|
|
6041
|
+
red: getset('rgb', 0, maxfn(255)),
|
|
6042
|
+
green: getset('rgb', 1, maxfn(255)),
|
|
6043
|
+
blue: getset('rgb', 2, maxfn(255)),
|
|
6102
6044
|
|
|
6103
|
-
|
|
6104
|
-
},
|
|
6045
|
+
hue: getset(['hsl', 'hsv', 'hsl', 'hwb', 'hcg'], 0, value => ((value % 360) + 360) % 360),
|
|
6105
6046
|
|
|
6106
|
-
|
|
6107
|
-
|
|
6108
|
-
return new Color(value);
|
|
6109
|
-
}
|
|
6047
|
+
saturationl: getset('hsl', 1, maxfn(100)),
|
|
6048
|
+
lightness: getset('hsl', 2, maxfn(100)),
|
|
6110
6049
|
|
|
6111
|
-
|
|
6112
|
-
|
|
6050
|
+
saturationv: getset('hsv', 1, maxfn(100)),
|
|
6051
|
+
value: getset('hsv', 2, maxfn(100)),
|
|
6113
6052
|
|
|
6114
|
-
|
|
6115
|
-
|
|
6116
|
-
}
|
|
6053
|
+
chroma: getset('hcg', 1, maxfn(100)),
|
|
6054
|
+
gray: getset('hcg', 2, maxfn(100)),
|
|
6117
6055
|
|
|
6118
|
-
|
|
6119
|
-
|
|
6056
|
+
white: getset('hwb', 1, maxfn(100)),
|
|
6057
|
+
wblack: getset('hwb', 2, maxfn(100)),
|
|
6120
6058
|
|
|
6121
|
-
|
|
6122
|
-
|
|
6123
|
-
|
|
6124
|
-
|
|
6059
|
+
cyan: getset('cmyk', 0, maxfn(100)),
|
|
6060
|
+
magenta: getset('cmyk', 1, maxfn(100)),
|
|
6061
|
+
yellow: getset('cmyk', 2, maxfn(100)),
|
|
6062
|
+
black: getset('cmyk', 3, maxfn(100)),
|
|
6125
6063
|
|
|
6126
|
-
|
|
6127
|
-
|
|
6128
|
-
|
|
6129
|
-
const lum = [];
|
|
6064
|
+
x: getset('xyz', 0, maxfn(95.047)),
|
|
6065
|
+
y: getset('xyz', 1, maxfn(100)),
|
|
6066
|
+
z: getset('xyz', 2, maxfn(108.833)),
|
|
6130
6067
|
|
|
6131
|
-
|
|
6132
|
-
|
|
6133
|
-
|
|
6134
|
-
}
|
|
6068
|
+
l: getset('lab', 0, maxfn(100)),
|
|
6069
|
+
a: getset('lab', 1),
|
|
6070
|
+
b: getset('lab', 2),
|
|
6135
6071
|
|
|
6136
|
-
|
|
6137
|
-
|
|
6072
|
+
keyword(value) {
|
|
6073
|
+
if (value !== undefined) {
|
|
6074
|
+
return new Color(value);
|
|
6075
|
+
}
|
|
6138
6076
|
|
|
6139
|
-
|
|
6140
|
-
|
|
6141
|
-
const lum1 = this.luminosity();
|
|
6142
|
-
const lum2 = color2.luminosity();
|
|
6077
|
+
return colorConvert[this.model].keyword(this.color);
|
|
6078
|
+
},
|
|
6143
6079
|
|
|
6144
|
-
|
|
6145
|
-
|
|
6146
|
-
|
|
6080
|
+
hex(value) {
|
|
6081
|
+
if (value !== undefined) {
|
|
6082
|
+
return new Color(value);
|
|
6083
|
+
}
|
|
6147
6084
|
|
|
6148
|
-
|
|
6149
|
-
|
|
6085
|
+
return colorString.to.hex(this.rgb().round().color);
|
|
6086
|
+
},
|
|
6150
6087
|
|
|
6151
|
-
|
|
6152
|
-
|
|
6153
|
-
|
|
6088
|
+
hexa(value) {
|
|
6089
|
+
if (value !== undefined) {
|
|
6090
|
+
return new Color(value);
|
|
6091
|
+
}
|
|
6154
6092
|
|
|
6155
|
-
|
|
6156
|
-
return 'AAA';
|
|
6157
|
-
}
|
|
6093
|
+
const rgbArray = this.rgb().round().color;
|
|
6158
6094
|
|
|
6159
|
-
|
|
6160
|
-
|
|
6095
|
+
let alphaHex = Math.round(this.valpha * 255).toString(16).toUpperCase();
|
|
6096
|
+
if (alphaHex.length === 1) {
|
|
6097
|
+
alphaHex = '0' + alphaHex;
|
|
6098
|
+
}
|
|
6161
6099
|
|
|
6162
|
-
|
|
6163
|
-
|
|
6164
|
-
const rgb = this.rgb().color;
|
|
6165
|
-
const yiq = (rgb[0] * 2126 + rgb[1] * 7152 + rgb[2] * 722) / 10000;
|
|
6166
|
-
return yiq < 128;
|
|
6167
|
-
},
|
|
6100
|
+
return colorString.to.hex(rgbArray) + alphaHex;
|
|
6101
|
+
},
|
|
6168
6102
|
|
|
6169
|
-
|
|
6170
|
-
|
|
6171
|
-
|
|
6103
|
+
rgbNumber() {
|
|
6104
|
+
const rgb = this.rgb().color;
|
|
6105
|
+
return ((rgb[0] & 0xFF) << 16) | ((rgb[1] & 0xFF) << 8) | (rgb[2] & 0xFF);
|
|
6106
|
+
},
|
|
6172
6107
|
|
|
6173
|
-
|
|
6174
|
-
|
|
6108
|
+
luminosity() {
|
|
6109
|
+
// http://www.w3.org/TR/WCAG20/#relativeluminancedef
|
|
6110
|
+
const rgb = this.rgb().color;
|
|
6175
6111
|
|
|
6176
|
-
|
|
6177
|
-
|
|
6178
|
-
|
|
6112
|
+
const lum = [];
|
|
6113
|
+
for (const [i, element] of rgb.entries()) {
|
|
6114
|
+
const chan = element / 255;
|
|
6115
|
+
lum[i] = (chan <= 0.04045) ? chan / 12.92 : ((chan + 0.055) / 1.055) ** 2.4;
|
|
6116
|
+
}
|
|
6179
6117
|
|
|
6180
|
-
|
|
6181
|
-
|
|
6118
|
+
return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2];
|
|
6119
|
+
},
|
|
6182
6120
|
|
|
6183
|
-
|
|
6184
|
-
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
},
|
|
6121
|
+
contrast(color2) {
|
|
6122
|
+
// http://www.w3.org/TR/WCAG20/#contrast-ratiodef
|
|
6123
|
+
const lum1 = this.luminosity();
|
|
6124
|
+
const lum2 = color2.luminosity();
|
|
6188
6125
|
|
|
6189
|
-
|
|
6190
|
-
|
|
6191
|
-
|
|
6192
|
-
return hsl;
|
|
6193
|
-
},
|
|
6126
|
+
if (lum1 > lum2) {
|
|
6127
|
+
return (lum1 + 0.05) / (lum2 + 0.05);
|
|
6128
|
+
}
|
|
6194
6129
|
|
|
6195
|
-
|
|
6196
|
-
|
|
6197
|
-
hsl.color[1] += hsl.color[1] * ratio;
|
|
6198
|
-
return hsl;
|
|
6199
|
-
},
|
|
6130
|
+
return (lum2 + 0.05) / (lum1 + 0.05);
|
|
6131
|
+
},
|
|
6200
6132
|
|
|
6201
|
-
|
|
6202
|
-
|
|
6203
|
-
|
|
6204
|
-
|
|
6205
|
-
|
|
6133
|
+
level(color2) {
|
|
6134
|
+
// https://www.w3.org/TR/WCAG/#contrast-enhanced
|
|
6135
|
+
const contrastRatio = this.contrast(color2);
|
|
6136
|
+
if (contrastRatio >= 7) {
|
|
6137
|
+
return 'AAA';
|
|
6138
|
+
}
|
|
6206
6139
|
|
|
6207
|
-
|
|
6208
|
-
|
|
6209
|
-
hwb.color[1] += hwb.color[1] * ratio;
|
|
6210
|
-
return hwb;
|
|
6211
|
-
},
|
|
6140
|
+
return (contrastRatio >= 4.5) ? 'AA' : '';
|
|
6141
|
+
},
|
|
6212
6142
|
|
|
6213
|
-
|
|
6214
|
-
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6143
|
+
isDark() {
|
|
6144
|
+
// YIQ equation from http://24ways.org/2010/calculating-color-contrast
|
|
6145
|
+
const rgb = this.rgb().color;
|
|
6146
|
+
const yiq = (rgb[0] * 2126 + rgb[1] * 7152 + rgb[2] * 722) / 10000;
|
|
6147
|
+
return yiq < 128;
|
|
6148
|
+
},
|
|
6218
6149
|
|
|
6219
|
-
|
|
6220
|
-
|
|
6221
|
-
|
|
6222
|
-
const value = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[2] * 0.11;
|
|
6223
|
-
return Color.rgb(value, value, value);
|
|
6224
|
-
},
|
|
6150
|
+
isLight() {
|
|
6151
|
+
return !this.isDark();
|
|
6152
|
+
},
|
|
6225
6153
|
|
|
6226
|
-
|
|
6227
|
-
|
|
6228
|
-
|
|
6154
|
+
negate() {
|
|
6155
|
+
const rgb = this.rgb();
|
|
6156
|
+
for (let i = 0; i < 3; i++) {
|
|
6157
|
+
rgb.color[i] = 255 - rgb.color[i];
|
|
6158
|
+
}
|
|
6229
6159
|
|
|
6230
|
-
|
|
6231
|
-
|
|
6232
|
-
|
|
6160
|
+
return rgb;
|
|
6161
|
+
},
|
|
6162
|
+
|
|
6163
|
+
lighten(ratio) {
|
|
6164
|
+
const hsl = this.hsl();
|
|
6165
|
+
hsl.color[2] += hsl.color[2] * ratio;
|
|
6166
|
+
return hsl;
|
|
6167
|
+
},
|
|
6168
|
+
|
|
6169
|
+
darken(ratio) {
|
|
6170
|
+
const hsl = this.hsl();
|
|
6171
|
+
hsl.color[2] -= hsl.color[2] * ratio;
|
|
6172
|
+
return hsl;
|
|
6173
|
+
},
|
|
6174
|
+
|
|
6175
|
+
saturate(ratio) {
|
|
6176
|
+
const hsl = this.hsl();
|
|
6177
|
+
hsl.color[1] += hsl.color[1] * ratio;
|
|
6178
|
+
return hsl;
|
|
6179
|
+
},
|
|
6180
|
+
|
|
6181
|
+
desaturate(ratio) {
|
|
6182
|
+
const hsl = this.hsl();
|
|
6183
|
+
hsl.color[1] -= hsl.color[1] * ratio;
|
|
6184
|
+
return hsl;
|
|
6185
|
+
},
|
|
6186
|
+
|
|
6187
|
+
whiten(ratio) {
|
|
6188
|
+
const hwb = this.hwb();
|
|
6189
|
+
hwb.color[1] += hwb.color[1] * ratio;
|
|
6190
|
+
return hwb;
|
|
6191
|
+
},
|
|
6192
|
+
|
|
6193
|
+
blacken(ratio) {
|
|
6194
|
+
const hwb = this.hwb();
|
|
6195
|
+
hwb.color[2] += hwb.color[2] * ratio;
|
|
6196
|
+
return hwb;
|
|
6197
|
+
},
|
|
6198
|
+
|
|
6199
|
+
grayscale() {
|
|
6200
|
+
// http://en.wikipedia.org/wiki/Grayscale#Converting_color_to_grayscale
|
|
6201
|
+
const rgb = this.rgb().color;
|
|
6202
|
+
const value = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[2] * 0.11;
|
|
6203
|
+
return Color.rgb(value, value, value);
|
|
6204
|
+
},
|
|
6205
|
+
|
|
6206
|
+
fade(ratio) {
|
|
6207
|
+
return this.alpha(this.valpha - (this.valpha * ratio));
|
|
6208
|
+
},
|
|
6209
|
+
|
|
6210
|
+
opaquer(ratio) {
|
|
6211
|
+
return this.alpha(this.valpha + (this.valpha * ratio));
|
|
6212
|
+
},
|
|
6213
|
+
|
|
6214
|
+
rotate(degrees) {
|
|
6215
|
+
const hsl = this.hsl();
|
|
6216
|
+
let hue = hsl.color[0];
|
|
6217
|
+
hue = (hue + degrees) % 360;
|
|
6218
|
+
hue = hue < 0 ? 360 + hue : hue;
|
|
6219
|
+
hsl.color[0] = hue;
|
|
6220
|
+
return hsl;
|
|
6221
|
+
},
|
|
6222
|
+
|
|
6223
|
+
mix(mixinColor, weight) {
|
|
6224
|
+
// Ported from sass implementation in C
|
|
6225
|
+
// https://github.com/sass/libsass/blob/0e6b4a2850092356aa3ece07c6b249f0221caced/functions.cpp#L209
|
|
6226
|
+
if (!mixinColor || !mixinColor.rgb) {
|
|
6227
|
+
throw new Error('Argument to "mix" was not a Color instance, but rather an instance of ' + typeof mixinColor);
|
|
6228
|
+
}
|
|
6233
6229
|
|
|
6234
|
-
|
|
6235
|
-
|
|
6236
|
-
|
|
6237
|
-
hue = (hue + degrees) % 360;
|
|
6238
|
-
hue = hue < 0 ? 360 + hue : hue;
|
|
6239
|
-
hsl.color[0] = hue;
|
|
6240
|
-
return hsl;
|
|
6241
|
-
},
|
|
6230
|
+
const color1 = mixinColor.rgb();
|
|
6231
|
+
const color2 = this.rgb();
|
|
6232
|
+
const p = weight === undefined ? 0.5 : weight;
|
|
6242
6233
|
|
|
6243
|
-
|
|
6244
|
-
|
|
6245
|
-
// https://github.com/sass/libsass/blob/0e6b4a2850092356aa3ece07c6b249f0221caced/functions.cpp#L209
|
|
6246
|
-
if (!mixinColor || !mixinColor.rgb) {
|
|
6247
|
-
throw new Error('Argument to "mix" was not a Color instance, but rather an instance of ' + typeof mixinColor);
|
|
6248
|
-
}
|
|
6234
|
+
const w = 2 * p - 1;
|
|
6235
|
+
const a = color1.alpha() - color2.alpha();
|
|
6249
6236
|
|
|
6250
|
-
|
|
6251
|
-
|
|
6252
|
-
const p = weight === undefined ? 0.5 : weight;
|
|
6253
|
-
const w = 2 * p - 1;
|
|
6254
|
-
const a = color1.alpha() - color2.alpha();
|
|
6255
|
-
const w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2;
|
|
6256
|
-
const w2 = 1 - w1;
|
|
6257
|
-
return Color.rgb(w1 * color1.red() + w2 * color2.red(), w1 * color1.green() + w2 * color2.green(), w1 * color1.blue() + w2 * color2.blue(), color1.alpha() * p + color2.alpha() * (1 - p));
|
|
6258
|
-
}
|
|
6237
|
+
const w1 = (((w * a === -1) ? w : (w + a) / (1 + w * a)) + 1) / 2;
|
|
6238
|
+
const w2 = 1 - w1;
|
|
6259
6239
|
|
|
6260
|
-
|
|
6240
|
+
return Color.rgb(
|
|
6241
|
+
w1 * color1.red() + w2 * color2.red(),
|
|
6242
|
+
w1 * color1.green() + w2 * color2.green(),
|
|
6243
|
+
w1 * color1.blue() + w2 * color2.blue(),
|
|
6244
|
+
color1.alpha() * p + color2.alpha() * (1 - p));
|
|
6245
|
+
},
|
|
6246
|
+
};
|
|
6261
6247
|
|
|
6248
|
+
// Model conversion methods and static constructors
|
|
6262
6249
|
for (const model of Object.keys(colorConvert)) {
|
|
6263
|
-
|
|
6264
|
-
|
|
6265
|
-
|
|
6266
|
-
|
|
6267
|
-
const {
|
|
6268
|
-
channels
|
|
6269
|
-
} = colorConvert[model]; // Conversion methods
|
|
6270
|
-
|
|
6271
|
-
Color.prototype[model] = function (...args) {
|
|
6272
|
-
if (this.model === model) {
|
|
6273
|
-
return new Color(this);
|
|
6274
|
-
}
|
|
6250
|
+
if (skippedModels.includes(model)) {
|
|
6251
|
+
continue;
|
|
6252
|
+
}
|
|
6275
6253
|
|
|
6276
|
-
|
|
6277
|
-
return new Color(args, model);
|
|
6278
|
-
}
|
|
6254
|
+
const {channels} = colorConvert[model];
|
|
6279
6255
|
|
|
6280
|
-
|
|
6281
|
-
|
|
6256
|
+
// Conversion methods
|
|
6257
|
+
Color.prototype[model] = function (...args) {
|
|
6258
|
+
if (this.model === model) {
|
|
6259
|
+
return new Color(this);
|
|
6260
|
+
}
|
|
6282
6261
|
|
|
6262
|
+
if (args.length > 0) {
|
|
6263
|
+
return new Color(args, model);
|
|
6264
|
+
}
|
|
6283
6265
|
|
|
6284
|
-
|
|
6285
|
-
|
|
6266
|
+
return new Color([...assertArray(colorConvert[this.model][model].raw(this.color)), this.valpha], model);
|
|
6267
|
+
};
|
|
6286
6268
|
|
|
6287
|
-
|
|
6288
|
-
|
|
6289
|
-
|
|
6269
|
+
// 'static' construction methods
|
|
6270
|
+
Color[model] = function (...args) {
|
|
6271
|
+
let color = args[0];
|
|
6272
|
+
if (typeof color === 'number') {
|
|
6273
|
+
color = zeroArray(args, channels);
|
|
6274
|
+
}
|
|
6290
6275
|
|
|
6291
|
-
|
|
6292
|
-
|
|
6276
|
+
return new Color(color, model);
|
|
6277
|
+
};
|
|
6293
6278
|
}
|
|
6294
6279
|
|
|
6295
6280
|
function roundTo(number, places) {
|
|
6296
|
-
|
|
6281
|
+
return Number(number.toFixed(places));
|
|
6297
6282
|
}
|
|
6298
6283
|
|
|
6299
6284
|
function roundToPlace(places) {
|
|
6300
|
-
|
|
6301
|
-
|
|
6302
|
-
|
|
6285
|
+
return function (number) {
|
|
6286
|
+
return roundTo(number, places);
|
|
6287
|
+
};
|
|
6303
6288
|
}
|
|
6304
6289
|
|
|
6305
6290
|
function getset(model, channel, modifier) {
|
|
6306
|
-
|
|
6291
|
+
model = Array.isArray(model) ? model : [model];
|
|
6307
6292
|
|
|
6308
|
-
|
|
6309
|
-
|
|
6310
|
-
|
|
6293
|
+
for (const m of model) {
|
|
6294
|
+
(limiters[m] || (limiters[m] = []))[channel] = modifier;
|
|
6295
|
+
}
|
|
6311
6296
|
|
|
6312
|
-
|
|
6313
|
-
return function (value) {
|
|
6314
|
-
let result;
|
|
6297
|
+
model = model[0];
|
|
6315
6298
|
|
|
6316
|
-
|
|
6317
|
-
|
|
6318
|
-
value = modifier(value);
|
|
6319
|
-
}
|
|
6299
|
+
return function (value) {
|
|
6300
|
+
let result;
|
|
6320
6301
|
|
|
6321
|
-
|
|
6322
|
-
|
|
6323
|
-
|
|
6324
|
-
|
|
6302
|
+
if (value !== undefined) {
|
|
6303
|
+
if (modifier) {
|
|
6304
|
+
value = modifier(value);
|
|
6305
|
+
}
|
|
6325
6306
|
|
|
6326
|
-
|
|
6307
|
+
result = this[model]();
|
|
6308
|
+
result.color[channel] = value;
|
|
6309
|
+
return result;
|
|
6310
|
+
}
|
|
6327
6311
|
|
|
6328
|
-
|
|
6329
|
-
|
|
6330
|
-
|
|
6312
|
+
result = this[model]().color[channel];
|
|
6313
|
+
if (modifier) {
|
|
6314
|
+
result = modifier(result);
|
|
6315
|
+
}
|
|
6331
6316
|
|
|
6332
|
-
|
|
6333
|
-
|
|
6317
|
+
return result;
|
|
6318
|
+
};
|
|
6334
6319
|
}
|
|
6335
6320
|
|
|
6336
6321
|
function maxfn(max) {
|
|
6337
|
-
|
|
6338
|
-
|
|
6339
|
-
|
|
6322
|
+
return function (v) {
|
|
6323
|
+
return Math.max(0, Math.min(max, v));
|
|
6324
|
+
};
|
|
6340
6325
|
}
|
|
6341
6326
|
|
|
6342
6327
|
function assertArray(value) {
|
|
6343
|
-
|
|
6328
|
+
return Array.isArray(value) ? value : [value];
|
|
6344
6329
|
}
|
|
6345
6330
|
|
|
6346
6331
|
function zeroArray(array, length) {
|
|
6347
|
-
|
|
6348
|
-
|
|
6349
|
-
|
|
6350
|
-
|
|
6351
|
-
|
|
6332
|
+
for (let i = 0; i < length; i++) {
|
|
6333
|
+
if (typeof array[i] !== 'number') {
|
|
6334
|
+
array[i] = 0;
|
|
6335
|
+
}
|
|
6336
|
+
}
|
|
6352
6337
|
|
|
6353
|
-
|
|
6338
|
+
return array;
|
|
6354
6339
|
}
|
|
6355
6340
|
|
|
6356
6341
|
var color = Color;
|
|
@@ -11144,7 +11129,7 @@ const DatePicker = class extends HTMLElement$1 {
|
|
|
11144
11129
|
static get style() { return datePickerCss; }
|
|
11145
11130
|
};
|
|
11146
11131
|
|
|
11147
|
-
const datePickerDayCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;min-width:0px;cursor:pointer;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);width:14.2857142857%}: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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.day-v-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}.day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.day{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-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;background:none;-webkit-box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent;box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent}.text{margin-top:1px;margin-right:0px;margin-bottom:0px;margin-left:1px}:host([scale=s]) .day-v-wrapper{padding-top:0.125rem;padding-bottom:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{height:27px;width:27px;font-size:var(--calcite-font-size--2)}:host([scale=m]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=m]) .day{height:33px;width:33px;font-size:var(--calcite-font-size--1)}:host([scale=l]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=l]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=l]) .day{height:43px;width:43px;font-size:var(--calcite-font-size-0)}:host([current-month]) .day{opacity:1}:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px;z-index:1}:host(:focus:not([disabled])) .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important;z-index:1}:host([range][selected]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([start-of-range]) .day-wrapper{border-start-start-radius:40%;border-end-start-radius:40%}:host([end-of-range]) .day-wrapper{border-start-end-radius:40%;border-end-end-radius:40%}:host([start-of-range]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 4px 0 var(--calcite-ui-foreground-1);box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) :not(.calcite--rtl) .day,:host([end-of-range]) .calcite--rtl .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([end-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -4px 0 var(--calcite-ui-foreground-1);box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day,:host([start-of-range]) .calcite--rtl .day{opacity:1}:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([start-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -8px 0 var(--calcite-ui-foreground-1);box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 8px 0 var(--calcite-ui-foreground-1);box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([highlighted]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([highlighted]) .day-wrapper .day{color:var(--calcite-ui-text-1)}:host([highlighted]:not([active]:focus)) .day{border-radius:0px;color:var(--calcite-ui-text-1)}:host([range-hover]:not([selected])) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([range-hover]:not([selected])) .day{border-radius:0px}:host([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, right top, left top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, right top, left top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-current)), to(var(--calcite-ui-foreground-current)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1))}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper,:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper{background-image:none}:host([start-of-range].hover--inside-range.focused--end) .day-wrapper,:host([end-of-range].hover--inside-range.focused--start) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:first-child) .calcite--rtl .day-wrapper,:host([range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:last-child) .calcite--rtl .day-wrapper,:host([range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) .day-wrapper,:host([range-hover]:first-child) .day-wrapper{border-start-start-radius:45%;border-end-start-radius:45%}:host([highlighted]:last-child) .day-wrapper,:host([range-hover]:last-child) .day-wrapper{border-start-end-radius:45%;border-end-end-radius:45%}:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{border-radius:0px}:host([selected]){outline:2px solid canvasText;z-index:1}:host([selected]) .day{border-radius:0px}:host([selected]) .day{background-color:highlight}:host([range][selected]) .day-wrapper,:host([highlighted]) .day-wrapper,:host([range-hover]:not([selected])) .day-wrapper{background-color:highlight}:host([range][selected][start-of-range]) .day-wrapper,:host([range][selected][end-of-range]) .day-wrapper{background-color:canvas}}";
|
|
11132
|
+
const datePickerDayCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;min-width:0px;cursor:pointer;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);width:14.2857142857%}: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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.day-v-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}.day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.day{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-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;background:none;-webkit-box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent;box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent}.text{margin-top:1px;margin-right:0px;margin-bottom:0px;margin-left:1px}:host([scale=s]) .day-v-wrapper{padding-top:0.125rem;padding-bottom:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{height:27px;width:27px;font-size:var(--calcite-font-size--2)}:host([scale=m]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=m]) .day{height:33px;width:33px;font-size:var(--calcite-font-size--1)}:host([scale=l]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=l]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=l]) .day{height:43px;width:43px;font-size:var(--calcite-font-size-0)}:host([current-month]) .day{opacity:1}:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px;z-index:1}:host(:focus:not([disabled])) .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important;z-index:1}:host([range][selected]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([start-of-range]) .day-wrapper{border-start-start-radius:40%;border-end-start-radius:40%}:host([end-of-range]) .day-wrapper{border-start-end-radius:40%;border-end-end-radius:40%}:host([start-of-range]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 4px 0 var(--calcite-ui-foreground-1);box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) :not(.calcite--rtl) .day,:host([end-of-range]) .calcite--rtl .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([end-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -4px 0 var(--calcite-ui-foreground-1);box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day,:host([start-of-range]) .calcite--rtl .day{opacity:1}:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([start-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -8px 0 var(--calcite-ui-foreground-1);box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 8px 0 var(--calcite-ui-foreground-1);box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([highlighted]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([highlighted]) .day-wrapper .day{color:var(--calcite-ui-text-1)}:host([highlighted]:not([active]:focus)) .day{border-radius:0px;color:var(--calcite-ui-text-1)}:host([range-hover]:not([selected])) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([range-hover]:not([selected])) .day{border-radius:0px}:host([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, right top, left top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, right top, left top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-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)}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-current)), to(var(--calcite-ui-foreground-current)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1))}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper,:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper{background-image:none}:host([start-of-range].hover--inside-range.focused--end) .day-wrapper,:host([end-of-range].hover--inside-range.focused--start) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:first-child) .calcite--rtl .day-wrapper,:host([range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:last-child) .calcite--rtl .day-wrapper,:host([range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) .day-wrapper,:host([range-hover]:first-child) .day-wrapper{border-start-start-radius:45%;border-end-start-radius:45%}:host([highlighted]:last-child) .day-wrapper,:host([range-hover]:last-child) .day-wrapper{border-start-end-radius:45%;border-end-end-radius:45%}:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{border-radius:0px}:host([selected]){outline:2px solid canvasText;z-index:1}:host([selected]) .day{border-radius:0px;background-color:highlight}:host([range][selected]) .day-wrapper,:host([highlighted]) .day-wrapper,:host([range-hover]:not([selected])) .day-wrapper{background-color:highlight}:host([range][selected][start-of-range]) .day-wrapper,:host([range][selected][end-of-range]) .day-wrapper{background-color:canvas}}";
|
|
11148
11133
|
|
|
11149
11134
|
const DatePickerDay = class extends HTMLElement$1 {
|
|
11150
11135
|
constructor() {
|
|
@@ -12478,7 +12463,7 @@ const CSS$w = {
|
|
|
12478
12463
|
frameRetreating: "frame--retreating"
|
|
12479
12464
|
};
|
|
12480
12465
|
|
|
12481
|
-
const flowCss = "@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent
|
|
12466
|
+
const flowCss = "@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;padding:0px}:host ::slotted(calcite-panel){height:100%}:host ::slotted(.calcite-match-height:last-child){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}:host .frame--advancing{-webkit-animation:calcite-frame-advance var(--calcite-animation-timing);animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{-webkit-animation:calcite-frame-retreat var(--calcite-animation-timing);animation:calcite-frame-retreat var(--calcite-animation-timing)}@-webkit-keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";
|
|
12482
12467
|
|
|
12483
12468
|
const Flow = class extends HTMLElement$1 {
|
|
12484
12469
|
constructor() {
|
|
@@ -14136,15 +14121,24 @@ const InputDatePicker = class extends HTMLElement$1 {
|
|
|
14136
14121
|
}
|
|
14137
14122
|
clearCurrentValue() {
|
|
14138
14123
|
if (!this.range) {
|
|
14124
|
+
if (typeof this.value === "string" && this.value) {
|
|
14125
|
+
this.calciteDatePickerChange.emit();
|
|
14126
|
+
}
|
|
14139
14127
|
this.value = "";
|
|
14140
14128
|
return;
|
|
14141
14129
|
}
|
|
14142
14130
|
const { focusedInput } = this;
|
|
14143
14131
|
if (focusedInput === "start") {
|
|
14132
|
+
if (this.start) {
|
|
14133
|
+
this.calciteDatePickerRangeChange.emit();
|
|
14134
|
+
}
|
|
14144
14135
|
this.value = Array.isArray(this.value) ? ["", this.value[1] || ""] : [""];
|
|
14145
14136
|
this.start = undefined;
|
|
14146
14137
|
}
|
|
14147
14138
|
else if (focusedInput === "end") {
|
|
14139
|
+
if (this.end) {
|
|
14140
|
+
this.calciteDatePickerRangeChange.emit();
|
|
14141
|
+
}
|
|
14148
14142
|
this.value = Array.isArray(this.value) ? [this.value[0] || "", ""] : ["", ""];
|
|
14149
14143
|
this.end = undefined;
|
|
14150
14144
|
}
|
|
@@ -15255,7 +15249,7 @@ const TEXT$b = {
|
|
|
15255
15249
|
close: "Close"
|
|
15256
15250
|
};
|
|
15257
15251
|
|
|
15258
|
-
const modalCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);z-index:101}:host([scale=s]){--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;overflow-y:hidden}.modal{pointer-events:none;float:none;margin:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px 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);overflow:hidden;z-index:102;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}:host([active]){opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}:host([active]) .modal{pointer-events:auto;visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transition-delay:0ms;transition-delay:0ms}.header{display:-ms-flexbox;display:flex;min-width:0px;max-width:100%;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.close{-ms-flex-order:2;order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;border-start-end-radius:0.25rem;padding:var(--calcite-modal-padding);-ms-flex:0 0 auto;flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{-ms-flex-order:1;order:1;display:-ms-flexbox;display:flex;min-width:0px;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text)}.content{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-height:calc(100vh - 12rem);z-index:1}.content--spaced{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}.content--no-footer{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text)}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{margin-top:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large);z-index:2}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;-webkit-margin-end:auto;margin-inline-end:auto}.secondary{margin-left:0.25rem;margin-right:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{width:auto}:host([width=s]) .modal{max-width:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px}:host([width=s]) .modal{height:100%}:host([width=s]) .modal{max-height:100%}:host([width=s]) .modal{width:100%}:host([width=s]) .modal{max-width:100%}:host([width=s]) .modal{border-radius:0px}:host([width=s]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=s][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=m]) .modal{max-width:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px}:host([width=m]) .modal{height:100%}:host([width=m]) .modal{max-height:100%}:host([width=m]) .modal{width:100%}:host([width=m]) .modal{max-width:100%}:host([width=m]) .modal{border-radius:0px}:host([width=m]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=m][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=l]) .modal{max-width:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px}:host([width=l]) .modal{height:100%}:host([width=l]) .modal{max-height:100%}:host([width=l]) .modal{width:100%}:host([width=l]) .modal{max-width:100%}:host([width=l]) .modal{border-radius:0px}:host([width=l]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=l][docked]){-ms-flex-align:end;align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;-webkit-transform:translate3D(0, 20px, 0) scale(0.95);transform:translate3D(0, 20px, 0) scale(0.95)}:host([fullscreen]) .content{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host([active][fullscreen]) .modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}:host([active][fullscreen]) .header{border-radius:0}:host([active][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{height:auto}:host([docked]) .content{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-start-end-radius:var(--calcite-border-radius)}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0px;border-top-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-bottom-right-radius:0px;border-bottom-left-radius:0px}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:-webkit-sticky;position:sticky}.footer{bottom:0px}}@media screen and (max-width: 480px){.footer{-ms-flex-direction:column;flex-direction:column}.back,.secondary{margin:0px}.back,.secondary{margin-bottom:0.25rem}}";
|
|
15252
|
+
const modalCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);z-index:101}:host([scale=s]){--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;overflow-y:hidden}.modal{pointer-events:none;float:none;margin:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px 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);z-index:102;-webkit-overflow-scrolling:touch;visibility:hidden;-webkit-transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}:host([active]){opacity:1;visibility:visible !important;-webkit-transition-delay:0ms;transition-delay:0ms}:host([active]) .modal{pointer-events:auto;visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), -webkit-transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);-webkit-transition-delay:0ms;transition-delay:0ms}.header{display:-ms-flexbox;display:flex;min-width:0px;max-width:100%;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.close{-ms-flex-order:2;order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;border-start-end-radius:0.25rem;padding:var(--calcite-modal-padding);-ms-flex:0 0 auto;flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{-ms-flex-order:1;order:1;display:-ms-flexbox;display:flex;min-width:0px;-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text)}.content{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-height:calc(100vh - 12rem);z-index:1}.content--spaced{padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large)}.content--no-footer{border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text)}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{margin-top:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;border-width:0px;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);-ms-flex:0 0 auto;flex:0 0 auto;padding:var(--calcite-modal-padding) var(--calcite-modal-padding-large);z-index:2}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;-webkit-margin-end:auto;margin-inline-end:auto}.secondary{margin-left:0.25rem;margin-right:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{width:auto}:host([width=s]) .modal{max-width:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=s]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=s][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=m]) .modal{max-width:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=m]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=m][docked]){-ms-flex-align:end;align-items:flex-end}}:host([width=l]) .modal{max-width:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;border-radius:0px}:host([width=l]) .content{-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset}:host([width=l][docked]){-ms-flex-align:end;align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .modal{margin:0px;height:100%;max-height:100%;width:100%;max-width:100%;-webkit-transform:translate3D(0, 20px, 0) scale(0.95);transform:translate3D(0, 20px, 0) scale(0.95)}:host([fullscreen]) .content{max-height:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host([active][fullscreen]) .modal{-webkit-transform:translate3D(0, 0, 0) scale(1);transform:translate3D(0, 0, 0) scale(1)}:host([active][fullscreen]) .header{border-radius:0}:host([active][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{height:auto}:host([docked]) .content{height:auto;-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-start-end-radius:var(--calcite-border-radius)}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0px;border-top-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-bottom-right-radius:0px;border-bottom-left-radius:0px}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:-webkit-sticky;position:sticky;bottom:0px}}@media screen and (max-width: 480px){.footer{-ms-flex-direction:column;flex-direction:column}.back,.secondary{margin:0px;margin-bottom:0.25rem}}";
|
|
15259
15253
|
|
|
15260
15254
|
const isFocusableExtended = (el) => {
|
|
15261
15255
|
return isCalciteFocusable(el) || isFocusable(el);
|
|
@@ -15915,13 +15909,14 @@ const TEXT$8 = {
|
|
|
15915
15909
|
};
|
|
15916
15910
|
const HEADING_LEVEL$4 = 3;
|
|
15917
15911
|
|
|
15918
|
-
const panelCss = "@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}: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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.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}.container{margin:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative}.header{border-bottom:1px solid;position:-webkit-sticky;position:sticky;top:0px;width:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.875rem;padding-bottom:0.875rem
|
|
15912
|
+
const panelCss = "@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}: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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.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}.container{margin:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), width var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative}.header{border-bottom:1px solid;position:-webkit-sticky;position:sticky;top:0px;width:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.875rem;padding-bottom:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .summary{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-bottom:0px}.header-content .summary{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-top:1px solid;position:-webkit-sticky;position:sticky;bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;bottom:0px;left:0px;right:0px;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;display:block;padding:0.5rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}";
|
|
15919
15913
|
|
|
15920
15914
|
const Panel = class extends HTMLElement$1 {
|
|
15921
15915
|
constructor() {
|
|
15922
15916
|
super();
|
|
15923
15917
|
this.__registerHost();
|
|
15924
15918
|
this.__attachShadow();
|
|
15919
|
+
this.calcitePanelDismiss = createEvent(this, "calcitePanelDismiss", 7);
|
|
15925
15920
|
this.calcitePanelDismissedChange = createEvent(this, "calcitePanelDismissedChange", 7);
|
|
15926
15921
|
this.calcitePanelScroll = createEvent(this, "calcitePanelScroll", 7);
|
|
15927
15922
|
this.calcitePanelBackClick = createEvent(this, "calcitePanelBackClick", 7);
|
|
@@ -15975,6 +15970,7 @@ const Panel = class extends HTMLElement$1 {
|
|
|
15975
15970
|
};
|
|
15976
15971
|
this.dismiss = () => {
|
|
15977
15972
|
this.dismissed = true;
|
|
15973
|
+
this.calcitePanelDismiss.emit();
|
|
15978
15974
|
};
|
|
15979
15975
|
this.panelScrollHandler = () => {
|
|
15980
15976
|
this.calcitePanelScroll.emit();
|
|
@@ -16653,7 +16649,7 @@ const TEXT$7 = {
|
|
|
16653
16649
|
remove: "Remove"
|
|
16654
16650
|
};
|
|
16655
16651
|
|
|
16656
|
-
const pickListItemCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{margin:0px;margin-bottom:1px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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-transition:background-color var(--calcite-animation-timing);transition:background-color var(--calcite-animation-timing);-webkit-animation:calcite-fade-in var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;cursor:pointer;-ms-flex-align:center;align-items:center;background-color:transparent;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.label:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);-ms-flex:0 0 auto;flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:-ms-flexbox;display:flex;width:1.5rem;-ms-flex-align:center;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:\"•\"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word
|
|
16652
|
+
const pickListItemCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{margin:0px;margin-bottom:1px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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-transition:background-color var(--calcite-animation-timing);transition:background-color var(--calcite-animation-timing);-webkit-animation:calcite-fade-in var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;cursor:pointer;-ms-flex-align:center;align-items:center;background-color:transparent;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.label:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);-ms-flex:0 0 auto;flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:-ms-flexbox;display:flex;width:1.5rem;-ms-flex-align:center;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:\"•\"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{margin-top:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:end;justify-content:flex-end}.actions--start~.label{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}: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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
|
|
16657
16653
|
|
|
16658
16654
|
const PickListItem = class extends HTMLElement$1 {
|
|
16659
16655
|
constructor() {
|
|
@@ -18293,7 +18289,7 @@ const SLOTS$6 = {
|
|
|
18293
18289
|
actionBar: "action-bar"
|
|
18294
18290
|
};
|
|
18295
18291
|
|
|
18296
|
-
const shellCenterRowCss = "@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;background-color:transparent
|
|
18292
|
+
const shellCenterRowCss = "@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:-ms-flexbox;display:flex;height:100%;width:100%;overflow:hidden;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:1.5rem}@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)}}:host([detached]){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--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)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:33.333333%}:host([height-scale=m]){height:70%}:host([height-scale=l]){height:100%}:host([height-scale=l][detached]){height:calc(100% - 2rem)}::slotted(calcite-panel){height:100%;width:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";
|
|
18297
18293
|
|
|
18298
18294
|
const ShellCenterRow = class extends HTMLElement$1 {
|
|
18299
18295
|
constructor() {
|
|
@@ -18365,7 +18361,7 @@ const TEXT$3 = {
|
|
|
18365
18361
|
resize: "Resize"
|
|
18366
18362
|
};
|
|
18367
18363
|
|
|
18368
|
-
const shellPanelCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;bottom:0px;top:0px;z-index:10;display:-ms-flexbox;display:flex;height:100%;width:0.125rem;background-color:transparent;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:auto;height:auto;border-radius:0.25rem;--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);
|
|
18364
|
+
const shellPanelCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;bottom:0px;top:0px;z-index:10;display:-ms-flexbox;display:flex;height:100%;width:0.125rem;background-color:transparent;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){height:100%;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-height:unset;max-width:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;width:var(--calcite-shell-panel-width);max-width:var(--calcite-shell-panel-max-width);min-width:var(--calcite-shell-panel-min-width);-webkit-transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);transition:max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-left:0.5rem;margin-right:0.5rem;margin-top:0.5rem;margin-bottom:auto;height:auto;overflow:hidden;border-radius:0.25rem;--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);max-height:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-height:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";
|
|
18369
18365
|
|
|
18370
18366
|
const ShellPanel = class extends HTMLElement$1 {
|
|
18371
18367
|
constructor() {
|
|
@@ -23550,7 +23546,7 @@ const SLOTS$4 = {
|
|
|
23550
23546
|
tabNav: "tab-nav"
|
|
23551
23547
|
};
|
|
23552
23548
|
|
|
23553
|
-
const 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-popper-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){margin-bottom:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){margin-top:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;border-top-width:1px;border-top-color:var(--calcite-ui-border-1);
|
|
23549
|
+
const 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-popper-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){margin-bottom:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){margin-top:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;border-top-width:1px;border-top-color:var(--calcite-ui-border-1);border-top-style:solid}:host([position=below]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-width:0px;border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-bottom-style:solid}";
|
|
23554
23550
|
|
|
23555
23551
|
const Tabs = class extends HTMLElement$1 {
|
|
23556
23552
|
constructor() {
|
|
@@ -24769,7 +24765,7 @@ const TipGroup = class extends HTMLElement$1 {
|
|
|
24769
24765
|
static get style() { return tipGroupCss; }
|
|
24770
24766
|
};
|
|
24771
24767
|
|
|
24772
|
-
const 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-popper-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-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom: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;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
|
|
24768
|
+
const 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-popper-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-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom: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-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;min-height:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{margin-top:1px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;overflow:auto;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing);height:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-width:var(--calcite-tip-max-width)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0px;padding-right:0px;padding-top:0.75rem;padding-bottom:0.5rem}.page-position{margin-top:0px;margin-bottom:0px;margin-left:0.5rem;margin-right: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)}}";
|
|
24773
24769
|
|
|
24774
24770
|
const TipManager = class extends HTMLElement$1 {
|
|
24775
24771
|
constructor() {
|
|
@@ -24777,6 +24773,7 @@ const TipManager = class extends HTMLElement$1 {
|
|
|
24777
24773
|
this.__registerHost();
|
|
24778
24774
|
this.__attachShadow();
|
|
24779
24775
|
this.calciteTipManagerToggle = createEvent(this, "calciteTipManagerToggle", 7);
|
|
24776
|
+
this.calciteTipManagerClose = createEvent(this, "calciteTipManagerClose", 7);
|
|
24780
24777
|
// --------------------------------------------------------------------------
|
|
24781
24778
|
//
|
|
24782
24779
|
// Properties
|
|
@@ -24790,6 +24787,7 @@ const TipManager = class extends HTMLElement$1 {
|
|
|
24790
24787
|
this.hideTipManager = () => {
|
|
24791
24788
|
this.closed = true;
|
|
24792
24789
|
this.calciteTipManagerToggle.emit();
|
|
24790
|
+
this.calciteTipManagerClose.emit();
|
|
24793
24791
|
};
|
|
24794
24792
|
this.previousClicked = () => {
|
|
24795
24793
|
this.previousTip();
|
|
@@ -24933,11 +24931,163 @@ const CSS$2 = {
|
|
|
24933
24931
|
arrow: "arrow"
|
|
24934
24932
|
};
|
|
24935
24933
|
const TOOLTIP_DELAY_MS = 500;
|
|
24936
|
-
const TOOLTIP_REFERENCE = "data-calcite-tooltip-reference";
|
|
24937
24934
|
const ARIA_DESCRIBED_BY = "aria-describedby";
|
|
24938
24935
|
|
|
24939
|
-
|
|
24936
|
+
class TooltipManager$1 {
|
|
24937
|
+
constructor() {
|
|
24938
|
+
// --------------------------------------------------------------------------
|
|
24939
|
+
//
|
|
24940
|
+
// Private Properties
|
|
24941
|
+
//
|
|
24942
|
+
// --------------------------------------------------------------------------
|
|
24943
|
+
this.registeredElements = new WeakMap();
|
|
24944
|
+
this.hoverTimeouts = new WeakMap();
|
|
24945
|
+
this.registeredElementCount = 0;
|
|
24946
|
+
// --------------------------------------------------------------------------
|
|
24947
|
+
//
|
|
24948
|
+
// Private Methods
|
|
24949
|
+
//
|
|
24950
|
+
// --------------------------------------------------------------------------
|
|
24951
|
+
this.queryTooltip = (composedPath) => {
|
|
24952
|
+
const { registeredElements } = this;
|
|
24953
|
+
const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));
|
|
24954
|
+
return registeredElements.get(registeredElement);
|
|
24955
|
+
};
|
|
24956
|
+
this.keyDownHandler = (event) => {
|
|
24957
|
+
if (event.key === "Escape") {
|
|
24958
|
+
const { activeTooltipEl } = this;
|
|
24959
|
+
if (activeTooltipEl) {
|
|
24960
|
+
this.clearHoverTimeout(activeTooltipEl);
|
|
24961
|
+
this.toggleTooltip(activeTooltipEl, false);
|
|
24962
|
+
}
|
|
24963
|
+
}
|
|
24964
|
+
};
|
|
24965
|
+
this.mouseEnterShow = (event) => {
|
|
24966
|
+
this.hoverEvent(event, true);
|
|
24967
|
+
};
|
|
24968
|
+
this.mouseLeaveHide = (event) => {
|
|
24969
|
+
this.hoverEvent(event, false);
|
|
24970
|
+
};
|
|
24971
|
+
this.clickHandler = (event) => {
|
|
24972
|
+
this.clickedTooltip = this.queryTooltip(event.composedPath());
|
|
24973
|
+
};
|
|
24974
|
+
this.focusShow = (event) => {
|
|
24975
|
+
this.focusEvent(event, true);
|
|
24976
|
+
};
|
|
24977
|
+
this.blurHide = (event) => {
|
|
24978
|
+
this.focusEvent(event, false);
|
|
24979
|
+
};
|
|
24980
|
+
this.hoverToggle = (tooltip, value) => {
|
|
24981
|
+
const { hoverTimeouts } = this;
|
|
24982
|
+
hoverTimeouts.delete(tooltip);
|
|
24983
|
+
if (value) {
|
|
24984
|
+
this.closeExistingTooltip();
|
|
24985
|
+
}
|
|
24986
|
+
this.toggleTooltip(tooltip, value);
|
|
24987
|
+
};
|
|
24988
|
+
}
|
|
24989
|
+
// --------------------------------------------------------------------------
|
|
24990
|
+
//
|
|
24991
|
+
// Public Methods
|
|
24992
|
+
//
|
|
24993
|
+
// --------------------------------------------------------------------------
|
|
24994
|
+
registerElement(referenceEl, tooltip) {
|
|
24995
|
+
this.registeredElementCount++;
|
|
24996
|
+
this.registeredElements.set(referenceEl, tooltip);
|
|
24997
|
+
if (this.registeredElementCount === 1) {
|
|
24998
|
+
this.addListeners();
|
|
24999
|
+
}
|
|
25000
|
+
}
|
|
25001
|
+
unregisterElement(referenceEl) {
|
|
25002
|
+
if (this.registeredElements.delete(referenceEl)) {
|
|
25003
|
+
this.registeredElementCount--;
|
|
25004
|
+
}
|
|
25005
|
+
if (this.registeredElementCount === 0) {
|
|
25006
|
+
this.removeListeners();
|
|
25007
|
+
}
|
|
25008
|
+
}
|
|
25009
|
+
addListeners() {
|
|
25010
|
+
document.addEventListener("keydown", this.keyDownHandler);
|
|
25011
|
+
document.addEventListener("mouseover", this.mouseEnterShow, { capture: true });
|
|
25012
|
+
document.addEventListener("mouseout", this.mouseLeaveHide, { capture: true });
|
|
25013
|
+
document.addEventListener("pointerdown", this.clickHandler, { capture: true });
|
|
25014
|
+
document.addEventListener("focusin", this.focusShow), { capture: true };
|
|
25015
|
+
document.addEventListener("focusout", this.blurHide, { capture: true });
|
|
25016
|
+
}
|
|
25017
|
+
removeListeners() {
|
|
25018
|
+
document.removeEventListener("keydown", this.keyDownHandler);
|
|
25019
|
+
document.removeEventListener("mouseover", this.mouseEnterShow, { capture: true });
|
|
25020
|
+
document.removeEventListener("mouseout", this.mouseLeaveHide, { capture: true });
|
|
25021
|
+
document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
|
|
25022
|
+
document.removeEventListener("focusin", this.focusShow, { capture: true });
|
|
25023
|
+
document.removeEventListener("focusout", this.blurHide, { capture: true });
|
|
25024
|
+
}
|
|
25025
|
+
clearHoverTimeout(tooltip) {
|
|
25026
|
+
const { hoverTimeouts } = this;
|
|
25027
|
+
if (hoverTimeouts.has(tooltip)) {
|
|
25028
|
+
window.clearTimeout(hoverTimeouts.get(tooltip));
|
|
25029
|
+
hoverTimeouts.delete(tooltip);
|
|
25030
|
+
}
|
|
25031
|
+
}
|
|
25032
|
+
closeExistingTooltip() {
|
|
25033
|
+
const { activeTooltipEl } = this;
|
|
25034
|
+
if (activeTooltipEl) {
|
|
25035
|
+
this.toggleTooltip(activeTooltipEl, false);
|
|
25036
|
+
}
|
|
25037
|
+
}
|
|
25038
|
+
focusTooltip(tooltip, value) {
|
|
25039
|
+
this.closeExistingTooltip();
|
|
25040
|
+
if (value) {
|
|
25041
|
+
this.clearHoverTimeout(tooltip);
|
|
25042
|
+
}
|
|
25043
|
+
this.toggleTooltip(tooltip, value);
|
|
25044
|
+
}
|
|
25045
|
+
toggleTooltip(tooltip, value) {
|
|
25046
|
+
tooltip.open = value;
|
|
25047
|
+
if (value) {
|
|
25048
|
+
this.activeTooltipEl = tooltip;
|
|
25049
|
+
}
|
|
25050
|
+
}
|
|
25051
|
+
hoverTooltip(tooltip, value) {
|
|
25052
|
+
this.clearHoverTimeout(tooltip);
|
|
25053
|
+
const { hoverTimeouts } = this;
|
|
25054
|
+
const timeoutId = window.setTimeout(() => this.hoverToggle(tooltip, value), TOOLTIP_DELAY_MS );
|
|
25055
|
+
hoverTimeouts.set(tooltip, timeoutId);
|
|
25056
|
+
}
|
|
25057
|
+
activeTooltipHover(event) {
|
|
25058
|
+
const { activeTooltipEl, hoverTimeouts } = this;
|
|
25059
|
+
const { type } = event;
|
|
25060
|
+
if (!activeTooltipEl) {
|
|
25061
|
+
return;
|
|
25062
|
+
}
|
|
25063
|
+
if (type === "mouseover" && event.composedPath().includes(activeTooltipEl)) {
|
|
25064
|
+
this.clearHoverTimeout(activeTooltipEl);
|
|
25065
|
+
}
|
|
25066
|
+
else if (type === "mouseout" && !hoverTimeouts.has(activeTooltipEl)) {
|
|
25067
|
+
this.hoverTooltip(activeTooltipEl, false);
|
|
25068
|
+
}
|
|
25069
|
+
}
|
|
25070
|
+
hoverEvent(event, value) {
|
|
25071
|
+
const tooltip = this.queryTooltip(event.composedPath());
|
|
25072
|
+
this.activeTooltipHover(event);
|
|
25073
|
+
if (!tooltip) {
|
|
25074
|
+
return;
|
|
25075
|
+
}
|
|
25076
|
+
this.hoverTooltip(tooltip, value);
|
|
25077
|
+
}
|
|
25078
|
+
focusEvent(event, value) {
|
|
25079
|
+
const tooltip = this.queryTooltip(event.composedPath());
|
|
25080
|
+
if (!tooltip || tooltip === this.clickedTooltip) {
|
|
25081
|
+
this.clickedTooltip = null;
|
|
25082
|
+
return;
|
|
25083
|
+
}
|
|
25084
|
+
this.focusTooltip(tooltip, value);
|
|
25085
|
+
}
|
|
25086
|
+
}
|
|
25087
|
+
|
|
25088
|
+
const 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-popper-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-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-reference-hidden]){pointer-events:none;opacity:0}.arrow,.arrow::before{position:absolute;width:8px;height: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-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right: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-width:20rem;max-height:20rem}.calcite-popper-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)}";
|
|
24940
25089
|
|
|
25090
|
+
const manager = new TooltipManager$1();
|
|
24941
25091
|
const Tooltip = class extends HTMLElement$1 {
|
|
24942
25092
|
constructor() {
|
|
24943
25093
|
super();
|
|
@@ -24990,22 +25140,16 @@ const Tooltip = class extends HTMLElement$1 {
|
|
|
24990
25140
|
return;
|
|
24991
25141
|
}
|
|
24992
25142
|
const id = this.getId();
|
|
24993
|
-
effectiveReferenceElement.setAttribute(TOOLTIP_REFERENCE, id);
|
|
24994
25143
|
effectiveReferenceElement.setAttribute(ARIA_DESCRIBED_BY, id);
|
|
25144
|
+
manager.registerElement(effectiveReferenceElement, this.el);
|
|
24995
25145
|
};
|
|
24996
25146
|
this.removeReferences = () => {
|
|
24997
25147
|
const { effectiveReferenceElement } = this;
|
|
24998
25148
|
if (!effectiveReferenceElement) {
|
|
24999
25149
|
return;
|
|
25000
25150
|
}
|
|
25001
|
-
effectiveReferenceElement.removeAttribute(TOOLTIP_REFERENCE);
|
|
25002
25151
|
effectiveReferenceElement.removeAttribute(ARIA_DESCRIBED_BY);
|
|
25003
|
-
|
|
25004
|
-
this.show = () => {
|
|
25005
|
-
this.open = true;
|
|
25006
|
-
};
|
|
25007
|
-
this.hide = () => {
|
|
25008
|
-
this.open = false;
|
|
25152
|
+
manager.unregisterElement(effectiveReferenceElement);
|
|
25009
25153
|
};
|
|
25010
25154
|
}
|
|
25011
25155
|
offsetDistanceOffsetHandler() {
|
|
@@ -25135,7 +25279,6 @@ const TooltipManager = class extends HTMLElement$1 {
|
|
|
25135
25279
|
super();
|
|
25136
25280
|
this.__registerHost();
|
|
25137
25281
|
this.__attachShadow();
|
|
25138
|
-
this.hoverTimeouts = new WeakMap();
|
|
25139
25282
|
// --------------------------------------------------------------------------
|
|
25140
25283
|
//
|
|
25141
25284
|
// Properties
|
|
@@ -25145,93 +25288,7 @@ const TooltipManager = class extends HTMLElement$1 {
|
|
|
25145
25288
|
* CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.
|
|
25146
25289
|
* @default `[data-calcite-tooltip-reference]`
|
|
25147
25290
|
*/
|
|
25148
|
-
this.selector =
|
|
25149
|
-
// --------------------------------------------------------------------------
|
|
25150
|
-
//
|
|
25151
|
-
// Private Methods
|
|
25152
|
-
//
|
|
25153
|
-
// --------------------------------------------------------------------------
|
|
25154
|
-
this.queryTooltip = (composedPath) => {
|
|
25155
|
-
const { el } = this;
|
|
25156
|
-
if (!composedPath.includes(el)) {
|
|
25157
|
-
return null;
|
|
25158
|
-
}
|
|
25159
|
-
const referenceElement = composedPath.find((pathEl) => { var _a; return (_a = pathEl === null || pathEl === void 0 ? void 0 : pathEl.hasAttribute) === null || _a === void 0 ? void 0 : _a.call(pathEl, TOOLTIP_REFERENCE); });
|
|
25160
|
-
if (!referenceElement) {
|
|
25161
|
-
return null;
|
|
25162
|
-
}
|
|
25163
|
-
const id = referenceElement.getAttribute(TOOLTIP_REFERENCE);
|
|
25164
|
-
return queryElementRoots(el, { id });
|
|
25165
|
-
};
|
|
25166
|
-
this.clearHoverTimeout = (tooltip) => {
|
|
25167
|
-
const { hoverTimeouts } = this;
|
|
25168
|
-
if (hoverTimeouts.has(tooltip)) {
|
|
25169
|
-
window.clearTimeout(hoverTimeouts.get(tooltip));
|
|
25170
|
-
hoverTimeouts.delete(tooltip);
|
|
25171
|
-
}
|
|
25172
|
-
};
|
|
25173
|
-
this.closeExistingTooltip = () => {
|
|
25174
|
-
const { tooltipEl } = this;
|
|
25175
|
-
if (tooltipEl) {
|
|
25176
|
-
this.toggleTooltip(tooltipEl, false);
|
|
25177
|
-
}
|
|
25178
|
-
};
|
|
25179
|
-
this.focusTooltip = ({ tooltip, value }) => {
|
|
25180
|
-
this.closeExistingTooltip();
|
|
25181
|
-
if (value) {
|
|
25182
|
-
this.clearHoverTimeout(tooltip);
|
|
25183
|
-
}
|
|
25184
|
-
this.toggleTooltip(tooltip, value);
|
|
25185
|
-
};
|
|
25186
|
-
this.toggleTooltip = (tooltip, value) => {
|
|
25187
|
-
tooltip.open = value;
|
|
25188
|
-
if (value) {
|
|
25189
|
-
this.tooltipEl = tooltip;
|
|
25190
|
-
}
|
|
25191
|
-
};
|
|
25192
|
-
this.hoverToggle = ({ tooltip, value }) => {
|
|
25193
|
-
const { hoverTimeouts } = this;
|
|
25194
|
-
hoverTimeouts.delete(tooltip);
|
|
25195
|
-
if (value) {
|
|
25196
|
-
this.closeExistingTooltip();
|
|
25197
|
-
}
|
|
25198
|
-
this.toggleTooltip(tooltip, value);
|
|
25199
|
-
};
|
|
25200
|
-
this.hoverTooltip = ({ tooltip, value }) => {
|
|
25201
|
-
this.clearHoverTimeout(tooltip);
|
|
25202
|
-
const { hoverTimeouts } = this;
|
|
25203
|
-
const timeoutId = window.setTimeout(() => this.hoverToggle({ tooltip, value }), TOOLTIP_DELAY_MS );
|
|
25204
|
-
hoverTimeouts.set(tooltip, timeoutId);
|
|
25205
|
-
};
|
|
25206
|
-
this.activeTooltipHover = (event) => {
|
|
25207
|
-
const { tooltipEl, hoverTimeouts } = this;
|
|
25208
|
-
const { type } = event;
|
|
25209
|
-
if (!tooltipEl) {
|
|
25210
|
-
return;
|
|
25211
|
-
}
|
|
25212
|
-
if (type === "mouseover" && event.composedPath().includes(tooltipEl)) {
|
|
25213
|
-
this.clearHoverTimeout(tooltipEl);
|
|
25214
|
-
}
|
|
25215
|
-
else if (type === "mouseout" && !hoverTimeouts.has(tooltipEl)) {
|
|
25216
|
-
this.hoverTooltip({ tooltip: tooltipEl, value: false });
|
|
25217
|
-
}
|
|
25218
|
-
};
|
|
25219
|
-
this.hoverEvent = (event, value) => {
|
|
25220
|
-
const tooltip = this.queryTooltip(event.composedPath());
|
|
25221
|
-
this.activeTooltipHover(event);
|
|
25222
|
-
if (!tooltip) {
|
|
25223
|
-
return;
|
|
25224
|
-
}
|
|
25225
|
-
this.hoverTooltip({ tooltip, value });
|
|
25226
|
-
};
|
|
25227
|
-
this.focusEvent = (event, value) => {
|
|
25228
|
-
const tooltip = this.queryTooltip(event.composedPath());
|
|
25229
|
-
if (!tooltip || tooltip === this.clickedTooltip) {
|
|
25230
|
-
this.clickedTooltip = null;
|
|
25231
|
-
return;
|
|
25232
|
-
}
|
|
25233
|
-
this.focusTooltip({ tooltip, value });
|
|
25234
|
-
};
|
|
25291
|
+
this.selector = "[data-calcite-tooltip-reference]";
|
|
25235
25292
|
}
|
|
25236
25293
|
// --------------------------------------------------------------------------
|
|
25237
25294
|
//
|
|
@@ -25241,36 +25298,6 @@ const TooltipManager = class extends HTMLElement$1 {
|
|
|
25241
25298
|
render() {
|
|
25242
25299
|
return h("slot", null);
|
|
25243
25300
|
}
|
|
25244
|
-
//--------------------------------------------------------------------------
|
|
25245
|
-
//
|
|
25246
|
-
// Event Listeners
|
|
25247
|
-
//
|
|
25248
|
-
//--------------------------------------------------------------------------
|
|
25249
|
-
keyUpHandler(event) {
|
|
25250
|
-
if (event.key === "Escape") {
|
|
25251
|
-
const { tooltipEl } = this;
|
|
25252
|
-
if (tooltipEl) {
|
|
25253
|
-
this.clearHoverTimeout(tooltipEl);
|
|
25254
|
-
this.toggleTooltip(tooltipEl, false);
|
|
25255
|
-
}
|
|
25256
|
-
}
|
|
25257
|
-
}
|
|
25258
|
-
mouseEnterShow(event) {
|
|
25259
|
-
this.hoverEvent(event, true);
|
|
25260
|
-
}
|
|
25261
|
-
mouseLeaveHide(event) {
|
|
25262
|
-
this.hoverEvent(event, false);
|
|
25263
|
-
}
|
|
25264
|
-
clickHandler(event) {
|
|
25265
|
-
this.clickedTooltip = this.queryTooltip(event.composedPath());
|
|
25266
|
-
}
|
|
25267
|
-
focusShow(event) {
|
|
25268
|
-
this.focusEvent(event, true);
|
|
25269
|
-
}
|
|
25270
|
-
blurHide(event) {
|
|
25271
|
-
this.focusEvent(event, false);
|
|
25272
|
-
}
|
|
25273
|
-
get el() { return this; }
|
|
25274
25301
|
static get style() { return tooltipManagerCss; }
|
|
25275
25302
|
};
|
|
25276
25303
|
|
|
@@ -26169,7 +26196,7 @@ const CalciteTip = /*@__PURE__*/proxyCustomElement(Tip, [1,"calcite-tip",{"dismi
|
|
|
26169
26196
|
const CalciteTipGroup = /*@__PURE__*/proxyCustomElement(TipGroup, [1,"calcite-tip-group",{"groupTitle":[1,"group-title"]}]);
|
|
26170
26197
|
const CalciteTipManager = /*@__PURE__*/proxyCustomElement(TipManager, [1,"calcite-tip-manager",{"closed":[1540],"headingLevel":[2,"heading-level"],"intlClose":[1,"intl-close"],"intlDefaultTitle":[1,"intl-default-title"],"intlNext":[1,"intl-next"],"intlPaginationLabel":[1,"intl-pagination-label"],"intlPrevious":[1,"intl-previous"],"selectedIndex":[32],"tips":[32],"total":[32],"direction":[32],"groupTitle":[32]}]);
|
|
26171
26198
|
const CalciteTooltip = /*@__PURE__*/proxyCustomElement(Tooltip, [1,"calcite-tooltip",{"label":[1],"offsetDistance":[514,"offset-distance"],"offsetSkidding":[514,"offset-skidding"],"open":[516],"overlayPositioning":[1,"overlay-positioning"],"placement":[513],"referenceElement":[1,"reference-element"],"effectiveReferenceElement":[32]}]);
|
|
26172
|
-
const CalciteTooltipManager = /*@__PURE__*/proxyCustomElement(TooltipManager, [1,"calcite-tooltip-manager",{"selector":[1]}
|
|
26199
|
+
const CalciteTooltipManager = /*@__PURE__*/proxyCustomElement(TooltipManager, [1,"calcite-tooltip-manager",{"selector":[1]}]);
|
|
26173
26200
|
const CalciteTree = /*@__PURE__*/proxyCustomElement(Tree, [1,"calcite-tree",{"lines":[1540],"inputEnabled":[4,"input-enabled"],"child":[1540],"scale":[1537],"selectionMode":[1537,"selection-mode"]},[[0,"focus","onFocus"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"],[0,"calciteTreeItemSelect","onClick"],[0,"keydown","keyDownHandler"]]]);
|
|
26174
26201
|
const CalciteTreeItem = /*@__PURE__*/proxyCustomElement(TreeItem, [1,"calcite-tree-item",{"selected":[1540],"expanded":[1540],"parentExpanded":[4,"parent-expanded"],"depth":[1538],"hasChildren":[1540,"has-children"],"lines":[1540],"inputEnabled":[4,"input-enabled"],"scale":[1537],"indeterminate":[516],"selectionMode":[1025,"selection-mode"]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]);
|
|
26175
26202
|
const CalciteValueList = /*@__PURE__*/proxyCustomElement(ValueList, [1,"calcite-value-list",{"disabled":[516],"dragEnabled":[516,"drag-enabled"],"filterEnabled":[516,"filter-enabled"],"filterPlaceholder":[513,"filter-placeholder"],"group":[1],"loading":[516],"multiple":[516],"selectionFollowsFocus":[4,"selection-follows-focus"],"selectedValues":[32],"dataForFilter":[32]},[[0,"focusout","calciteListFocusOutHandler"],[0,"calciteListItemRemove","calciteListItemRemoveHandler"],[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]);
|