From 2f7a0bdd8828cbdb289c0b59e480c4664907f0fd Mon Sep 17 00:00:00 2001 From: github-actions-bot Date: Thu, 16 Nov 2023 06:02:58 +0000 Subject: [PATCH] [skip ci] update demonstration site --- 0304eb92.js | 2 + 0304eb92.js.map | 1 + 13c34b16.js => 030a623c.js | 4 +- 13c34b16.js.map => 030a623c.js.map | 2 +- 1e067c0c.js => 0630b7d0.js | 4 +- 1e067c0c.js.map => 0630b7d0.js.map | 2 +- 111d5282.js | 2 - 16948562.js | 2 + 16948562.js.map | 1 + ca06eb64.js => 18e7ea6c.js | 4 +- ca06eb64.js.map => 18e7ea6c.js.map | 2 +- 12d0dab9.js => 199da296.js | 4 +- 12d0dab9.js.map => 199da296.js.map | 2 +- 1a1f25f3.js | 2 + 1a1f25f3.js.map | 1 + 1adcc1eb.js.map | 1 - 524fc234.js => 26e0a480.js | 134 ++-- 524fc234.js.map => 26e0a480.js.map | 2 +- 89ead87e.js => 272f8a5c.js | 4 +- 89ead87e.js.map => 272f8a5c.js.map | 2 +- 636f7021.js => 27ee3367.js | 4 +- 636f7021.js.map => 27ee3367.js.map | 2 +- 2952218e.js | 2 - 2952218e.js.map | 1 - e041fd5a.js => 2b65f0b7.js | 4 +- e041fd5a.js.map => 2b65f0b7.js.map | 2 +- 2cf7b647.js | 2 - d6891444.js => 2d3883ea.js | 4 +- d6891444.js.map => 2d3883ea.js.map | 2 +- 1370ec1f.js => 2ece56b5.js | 4 +- 1370ec1f.js.map => 2ece56b5.js.map | 2 +- c5e260ba.js => 30015e0b.js | 577 +++++++++++------- 30015e0b.js.map | 1 + 31df08ef.js | 2 + c502cb83.js.map => 31df08ef.js.map | 2 +- e7d81ec5.js => 334722b8.js | 4 +- e7d81ec5.js.map => 334722b8.js.map | 2 +- ec68fb92.js => 34292953.js | 4 +- ec68fb92.js.map => 34292953.js.map | 2 +- 1adcc1eb.js => 373d602b.js | 6 +- 373d602b.js.map | 1 + 10b0afaf.js => 37a81d7b.js | 4 +- 10b0afaf.js.map => 37a81d7b.js.map | 2 +- e3e5b5d2.js => 37c8e60c.js | 4 +- e3e5b5d2.js.map => 37c8e60c.js.map | 2 +- 39c0df4e.js | 2 + 78f1ce0a.js.map => 39c0df4e.js.map | 2 +- b46b846d.js => 3b42bd6e.js | 4 +- b46b846d.js.map => 3b42bd6e.js.map | 2 +- 47d38ea1.js => 41477eb1.js | 4 +- 47d38ea1.js.map => 41477eb1.js.map | 2 +- 44c28a36.js | 2 + 44c28a36.js.map | 1 + 46d0d8bd.js | 2 - 46d0d8bd.js.map | 1 - 67314095.js => 471035fd.js | 4 +- 67314095.js.map => 471035fd.js.map | 2 +- 20b07124.js => 4b018fa5.js | 4 +- 20b07124.js.map => 4b018fa5.js.map | 2 +- c453b02d.js => 4eaa7336.js | 4 +- c453b02d.js.map => 4eaa7336.js.map | 2 +- 6a753731.js => 4fff7cc7.js | 4 +- 6a753731.js.map => 4fff7cc7.js.map | 2 +- 500ed984.js | 2 - 585696e9.js | 2 + 2cf7b647.js.map => 585696e9.js.map | 2 +- a2300fc2.js => 5b2dac59.js | 140 ++--- a2300fc2.js.map => 5b2dac59.js.map | 2 +- 4c0bded5.js => 5bf0f163.js | 4 +- 4c0bded5.js.map => 5bf0f163.js.map | 2 +- bc1b9ec6.js => 5c5da742.js | 11 +- 5c5da742.js.map | 1 + 5d42742c.js | 2 - 42a1059c.js => 5d7237d2.js | 4 +- 42a1059c.js.map => 5d7237d2.js.map | 2 +- deac1c19.js => 603fa226.js | 4 +- deac1c19.js.map => 603fa226.js.map | 2 +- 8c99d7f9.js => 60489202.js | 4 +- 8c99d7f9.js.map => 60489202.js.map | 2 +- 2783467d.js => 6663919c.js | 4 +- 2783467d.js.map => 6663919c.js.map | 2 +- 68db9e2a.js | 2 - 6dc9c91d.js | 2 + 111d5282.js.map => 6dc9c91d.js.map | 2 +- 92360253.js => 6f257f0e.js | 4 +- 92360253.js.map => 6f257f0e.js.map | 2 +- 5dd42177.js => 70dba345.js | 4 +- 5dd42177.js.map => 70dba345.js.map | 2 +- 6e137183.js => 7259294c.js | 4 +- 6e137183.js.map => 7259294c.js.map | 2 +- d51ea82d.js => 7336d2d2.js | 4 +- d51ea82d.js.map => 7336d2d2.js.map | 2 +- f248cf88.js => 73910b52.js | 4 +- f248cf88.js.map => 73910b52.js.map | 2 +- f95a5c5e.js => 7405a486.js | 4 +- f95a5c5e.js.map => 7405a486.js.map | 2 +- 746b71a5.js | 2 + 68db9e2a.js.map => 746b71a5.js.map | 2 +- 74da9906.js | 2 - 74da9906.js.map | 1 - 771eefc9.js.map | 1 - cf8d90dd.js => 78cff760.js | 4 +- cf8d90dd.js.map => 78cff760.js.map | 2 +- 78f1ce0a.js | 2 - 79731817.js | 2 + 79731817.js.map | 1 + a6b7e8b8.js => 7bd26aee.js | 4 +- a6b7e8b8.js.map => 7bd26aee.js.map | 2 +- 7d26c45a.js | 2 - 7d26c45a.js.map | 1 - a3310483.js => 7d667171.js | 4 +- a3310483.js.map => 7d667171.js.map | 2 +- 6b0c4507.js => 83ac82a1.js | 4 +- 6b0c4507.js.map => 83ac82a1.js.map | 2 +- 34f130f4.js => 847457e5.js | 4 +- 34f130f4.js.map => 847457e5.js.map | 2 +- 55570035.js => 8648a734.js | 4 +- 55570035.js.map => 8648a734.js.map | 2 +- b66418de.js => 88e2a03e.js | 8 +- 88e2a03e.js.map | 1 + 9595d86e.js | 2 + d1aa2f9f.js.map => 9595d86e.js.map | 2 +- 19e6191c.js => 97dd61e5.js | 10 +- 19e6191c.js.map => 97dd61e5.js.map | 2 +- 75618165.js => 984717aa.js | 4 +- 75618165.js.map => 984717aa.js.map | 2 +- 2ea4aafb.js => 9da4e0c2.js | 8 +- 2ea4aafb.js.map => 9da4e0c2.js.map | 2 +- 7c327fb6.js => 9ddc847e.js | 4 +- 7c327fb6.js.map => 9ddc847e.js.map | 2 +- f2366e7c.js => a0967534.js | 8 +- f2366e7c.js.map => a0967534.js.map | 2 +- a177a0c5.js | 2 + 5d42742c.js.map => a177a0c5.js.map | 2 +- 3f6f2183.js => a6993bac.js | 4 +- 3f6f2183.js.map => a6993bac.js.map | 2 +- a7385a13.js | 2 - a7385a13.js.map | 1 - a757898c.js => b06e8387.js | 4 +- a757898c.js.map => b06e8387.js.map | 2 +- e4e061e4.js => b096e3e4.js | 4 +- e4e061e4.js.map => b096e3e4.js.map | 2 +- 5a1b6972.js => b11dfac8.js | 12 +- 5a1b6972.js.map => b11dfac8.js.map | 2 +- c37c4935.js => b3855ce2.js | 4 +- c37c4935.js.map => b3855ce2.js.map | 2 +- b4ba11e2.js | 2 - b4ba11e2.js.map | 1 - b66418de.js.map | 1 - bc1b9ec6.js.map | 1 - 379db8d3.js => be6aed84.js | 4 +- 379db8d3.js.map => be6aed84.js.map | 2 +- c1a0b608.js | 2 + c1a0b608.js.map | 1 + c502cb83.js | 2 - c5e260ba.js.map | 1 - 78cecf9f.js => c6dc5e34.js | 4 +- 78cecf9f.js.map => c6dc5e34.js.map | 2 +- ce2c7a4b.js | 2 + 500ed984.js.map => ce2c7a4b.js.map | 2 +- 6a13c697.js => cfcd261c.js | 4 +- 6a13c697.js.map => cfcd261c.js.map | 2 +- components/accordion-item/api/index.html | 16 +- components/accordion-item/content/index.html | 14 +- components/accordion-item/index.html | 16 +- components/accordion/api/index.html | 197 +++++- components/accordion/content/index.html | 197 +++++- components/accordion/index.html | 197 +++++- components/action-bar/api/index.html | 51 +- components/action-bar/content/index.html | 49 +- components/action-bar/index.html | 51 +- components/action-button/api/index.html | 432 ++++++++++++- components/action-button/content/index.html | 430 ++++++++++++- components/action-button/index.html | 432 ++++++++++++- components/action-group/api/index.html | 320 +++++++++- components/action-group/content/index.html | 320 +++++++++- components/action-group/index.html | 320 +++++++++- components/action-menu/api/index.html | 174 +++++- components/action-menu/content/index.html | 172 +++++- components/action-menu/index.html | 174 +++++- components/alert-dialog/api/index.html | 133 +++- components/alert-dialog/content/index.html | 131 +++- components/alert-dialog/index.html | 133 +++- components/asset/api/index.html | 12 +- components/asset/content/index.html | 10 +- components/asset/index.html | 12 +- components/avatar/api/index.html | 40 +- components/avatar/content/index.html | 38 +- components/avatar/index.html | 40 +- components/badge/api/index.html | 106 +++- components/badge/content/index.html | 104 +++- components/badge/index.html | 106 +++- components/banner/api/index.html | 20 +- components/banner/content/index.html | 18 +- components/banner/index.html | 20 +- components/button-group/api/index.html | 12 +- components/button-group/content/index.html | 10 +- components/button-group/index.html | 12 +- components/button/api/index.html | 125 +++- components/button/content/index.html | 123 +++- components/button/index.html | 125 +++- components/card/api/index.html | 142 ++++- components/card/content/index.html | 140 ++++- components/card/index.html | 142 ++++- components/checkbox/api-content/index.html | 2 +- components/checkbox/api/index.html | 67 +- components/checkbox/content/index.html | 65 +- components/checkbox/index.html | 67 +- components/coachmark/api/index.html | 8 +- components/coachmark/content/index.html | 6 +- components/coachmark/index.html | 8 +- components/color-area/api/index.html | 11 +- components/color-area/content/index.html | 9 +- components/color-area/index.html | 11 +- components/color-handle/api/index.html | 5 +- components/color-handle/content/index.html | 3 +- components/color-handle/index.html | 5 +- components/color-loupe/api/index.html | 8 +- components/color-loupe/content/index.html | 6 +- components/color-loupe/index.html | 8 +- components/color-slider/api/index.html | 4 +- components/color-slider/index.html | 4 +- components/color-wheel/api/index.html | 4 +- components/color-wheel/index.html | 4 +- components/dialog-base/api/index.html | 25 +- components/dialog-base/content/index.html | 23 +- components/dialog-base/index.html | 25 +- components/dialog-wrapper/api/index.html | 79 ++- components/dialog-wrapper/content/index.html | 77 ++- components/dialog-wrapper/index.html | 79 ++- components/dialog/api/index.html | 80 ++- components/dialog/content/index.html | 78 ++- components/dialog/index.html | 80 ++- components/divider/api/index.html | 51 +- components/divider/content/index.html | 49 +- components/divider/index.html | 51 +- components/dropzone/api/index.html | 68 ++- components/dropzone/content/index.html | 66 +- components/dropzone/index.html | 68 ++- components/field-group/api/index.html | 51 +- components/field-group/content/index.html | 49 +- components/field-group/index.html | 51 +- components/field-label/api/index.html | 87 ++- components/field-label/content/index.html | 85 ++- components/field-label/index.html | 87 ++- components/help-text-mixin/api/index.html | 144 ++++- components/help-text-mixin/content/index.html | 142 ++++- components/help-text-mixin/index.html | 144 ++++- components/help-text/api/index.html | 8 +- components/help-text/content/index.html | 6 +- components/help-text/index.html | 8 +- components/icon/api/index.html | 77 ++- components/icon/content/index.html | 75 ++- components/icon/index.html | 77 ++- components/icons-ui/api/index.html | 63 +- components/icons-ui/content/index.html | 63 +- components/icons-ui/index.html | 63 +- components/icons-workflow/api/index.html | 66 +- components/icons-workflow/content/index.html | 66 +- components/icons-workflow/index.html | 66 +- components/icons/index.html | 4 +- components/iconset/content/index.html | 16 +- components/iconset/index.html | 18 +- components/illustrated-message/api/index.html | 19 +- .../illustrated-message/content/index.html | 17 +- components/illustrated-message/index.html | 19 +- components/imperative-api/content/index.html | 23 +- components/imperative-api/index.html | 25 +- components/infield-button/api/index.html | 25 +- components/infield-button/content/index.html | 23 +- components/infield-button/index.html | 25 +- components/link/api/index.html | 30 +- components/link/content/index.html | 28 +- components/link/index.html | 30 +- components/menu-group/api/index.html | 48 +- components/menu-group/content/index.html | 46 +- components/menu-group/index.html | 48 +- components/menu-item/api/index.html | 84 ++- components/menu-item/content/index.html | 82 ++- components/menu-item/index.html | 84 ++- components/menu/api/index.html | 88 ++- components/menu/content/index.html | 86 ++- components/menu/index.html | 88 ++- components/meter/api/index.html | 4 +- components/meter/index.html | 4 +- .../number-field/api-content/index.html | 2 +- components/number-field/api/index.html | 98 ++- components/number-field/content/index.html | 96 ++- components/number-field/index.html | 98 ++- components/overlay-trigger/api/index.html | 59 +- components/overlay-trigger/content/index.html | 57 +- components/overlay-trigger/index.html | 59 +- components/overlay/api/index.html | 204 ++++++- components/overlay/content/index.html | 202 +++++- components/overlay/index.html | 204 ++++++- components/picker-button/api/index.html | 26 +- components/picker-button/content/index.html | 24 +- components/picker-button/index.html | 26 +- components/picker/api/index.html | 270 +++++++- components/picker/content/index.html | 268 +++++++- components/picker/index.html | 270 +++++++- components/popover/api/index.html | 103 +++- components/popover/content/index.html | 101 ++- components/popover/index.html | 103 +++- components/progress-bar/api/index.html | 59 +- components/progress-bar/content/index.html | 57 +- components/progress-bar/index.html | 59 +- components/progress-circle/api/index.html | 58 +- components/progress-circle/content/index.html | 56 +- components/progress-circle/index.html | 58 +- components/quick-actions/api/index.html | 26 +- components/quick-actions/content/index.html | 24 +- components/quick-actions/index.html | 26 +- components/radio/api/index.html | 127 +++- components/radio/content/index.html | 125 +++- components/radio/index.html | 127 +++- components/search/api-content/index.html | 2 +- components/search/api/index.html | 9 +- components/search/content/index.html | 7 +- components/search/index.html | 9 +- components/sidenav-item/api/index.html | 27 +- components/sidenav-item/content/index.html | 25 +- components/sidenav-item/index.html | 27 +- components/sidenav/api/index.html | 80 ++- components/sidenav/content/index.html | 78 ++- components/sidenav/index.html | 80 ++- components/slider-handle/api/index.html | 42 +- components/slider-handle/content/index.html | 40 +- components/slider-handle/index.html | 42 +- components/slider/api/index.html | 101 ++- components/slider/content/index.html | 99 ++- components/slider/index.html | 101 ++- components/split-button/api/index.html | 58 +- components/split-button/content/index.html | 56 +- components/split-button/index.html | 58 +- components/split-view/api/index.html | 119 +++- components/split-view/content/index.html | 117 +++- components/split-view/index.html | 119 +++- components/status-light/api/index.html | 4 +- components/status-light/index.html | 4 +- components/swatch-group/api/index.html | 113 +++- components/swatch-group/content/index.html | 111 +++- components/swatch-group/index.html | 113 +++- components/swatch/api/index.html | 127 +++- components/swatch/content/index.html | 125 +++- components/swatch/index.html | 127 +++- components/switch/api-content/index.html | 2 +- components/switch/api/index.html | 40 +- components/switch/content/index.html | 38 +- components/switch/index.html | 40 +- components/tab-panel/api/index.html | 46 +- components/tab-panel/content/index.html | 44 +- components/tab-panel/index.html | 46 +- components/tab/api/index.html | 69 ++- components/tab/content/index.html | 67 +- components/tab/index.html | 69 ++- components/table/api/index.html | 512 +++++++++++++++- components/table/content/index.html | 512 +++++++++++++++- components/table/index.html | 512 +++++++++++++++- components/tabs-overflow/api/index.html | 25 +- components/tabs-overflow/content/index.html | 23 +- components/tabs-overflow/index.html | 25 +- components/tabs/api/index.html | 146 ++++- components/tabs/content/index.html | 144 ++++- components/tabs/index.html | 146 ++++- components/tags/api/index.html | 88 ++- components/tags/content/index.html | 86 ++- components/tags/index.html | 88 ++- components/textarea/api-content/index.html | 2 +- components/textarea/api/index.html | 102 +++- components/textarea/content/index.html | 100 ++- components/textarea/index.html | 102 +++- components/textfield/api-content/index.html | 2 +- components/textfield/api/index.html | 56 +- components/textfield/content/index.html | 54 +- components/textfield/index.html | 56 +- components/thumbnail/api/index.html | 64 +- components/thumbnail/content/index.html | 62 +- components/thumbnail/index.html | 64 +- components/toast/api/index.html | 32 +- components/toast/content/index.html | 30 +- components/toast/index.html | 32 +- components/tooltip/api/index.html | 49 +- components/tooltip/content/index.html | 47 +- components/tooltip/index.html | 49 +- components/top-nav/api/index.html | 26 +- components/top-nav/content/index.html | 24 +- components/top-nav/index.html | 26 +- components/tray/api/index.html | 25 +- components/tray/content/index.html | 23 +- components/tray/index.html | 25 +- components/underlay/api/index.html | 39 +- components/underlay/content/index.html | 37 +- components/underlay/index.html | 39 +- d1aa2f9f.js | 2 - 915dab83.js => d3406c6e.js | 4 +- 915dab83.js.map => d3406c6e.js.map | 2 +- a1a762d6.js => d3641eb7.js | 6 +- a1a762d6.js.map => d3641eb7.js.map | 2 +- 75304f2b.js => d6f68c82.js | 4 +- 75304f2b.js.map => d6f68c82.js.map | 2 +- b693de23.js => dee39cdc.js | 4 +- b693de23.js.map => dee39cdc.js.map | 2 +- dev-mode/index.html | 47 +- f417c984.js => dfd3931f.js | 4 +- f417c984.js.map => dfd3931f.js.map | 2 +- e1d1e207.js | 2 - e2b7ed0c.js | 2 + e1d1e207.js.map => e2b7ed0c.js.map | 2 +- 79c3956d.js => e76d4015.js | 4 +- 79c3956d.js.map => e76d4015.js.map | 2 +- 5ef012c0.js => edb8afa2.js | 4 +- 5ef012c0.js.map => edb8afa2.js.map | 2 +- 5750d2eb.js => ee45eb46.js | 10 +- 5750d2eb.js.map => ee45eb46.js.map | 2 +- 9d08a789.js => f0fb2667.js | 4 +- 9d08a789.js.map => f0fb2667.js.map | 2 +- 771eefc9.js => f511517b.js | 44 +- f511517b.js.map | 1 + d6a4157a.js => f851fbc3.js | 4 +- d6a4157a.js.map => f851fbc3.js.map | 2 +- 28087479.js => fb8de569.js | 6 +- 28087479.js.map => fb8de569.js.map | 2 +- 6214909c.js => fe6b6bf8.js | 4 +- 6214909c.js.map => fe6b6bf8.js.map | 2 +- getting-started/index.html | 13 +- guides/adding-component/index.html | 150 ++++- guides/configuring-openwc/index.html | 42 +- guides/generating-components/index.html | 7 +- guides/spectrum-config/index.html | 213 ++++++- index.html | 4 +- migrations/2021-8-11/index.html | 52 +- migrations/2023-8-18/index.html | 36 +- registry-conflicts/index.html | 4 +- searchIndex.json | 2 +- shell-end.html | 2 +- ...og-567c08af.js => AlertDialog-09588482.js} | 4 +- ...ase-a71d6ce3.js => ButtonBase-4ebd5d24.js} | 8 +- storybook/CheckboxBase-694e006f.js | 15 - storybook/CheckboxBase-d69c7aeb.js | 17 + ...971f344b.js => Color-6VNJS4EI-772a9702.js} | 4 +- ...ase-26f6a314.js => DialogBase-dd54052e.js} | 8 +- ...9.js => DocsRenderer-NNNQARDV-a8699e9f.js} | 14 +- ...oup-e49bf5e9.js => FieldGroup-b24f3aa9.js} | 8 +- ...nBase-fb970ebf.js => IconBase-fdbfb1c1.js} | 2 +- ...{Picker-e79148ca.js => Picker-7a452146.js} | 20 +- ...ield-a0f64496.js => Textfield-034d075f.js} | 18 +- ...6d9954e6.js => VirtualTrigger-ca1345a7.js} | 4 +- ...73.js => WithTooltip-4HIR6TLV-f55e9e3f.js} | 4 +- ...ion-densities-compact.stories-626c2d1b.js} | 20 +- ...on-densities-spacious.stories-8b1b2320.js} | 20 +- ...js => accordion-sizes.stories-b4e552de.js} | 20 +- ...b6ec2.js => accordion.stories-3b9313af.js} | 20 +- ...35a1.js => action-bar.stories-6cd14f8b.js} | 36 +- ...on-button-black-quiet.stories-98d50190.js} | 34 +- ...> action-button-black.stories-b7a9c39d.js} | 34 +- ...tton-emphasized-quiet.stories-32f2a997.js} | 28 +- ...ion-button-emphasized.stories-7a178949.js} | 28 +- ...> action-button-quiet.stories-3ee21072.js} | 28 +- ...ction-button-standard.stories-0d84dbb0.js} | 28 +- ...on-button-white-quiet.stories-fa2f5e1f.js} | 34 +- ...> action-button-white.stories-9e2d3f68.js} | 34 +- ...3.js => action-button.stories-c14aa028.js} | 28 +- ...=> action-group-sizes.stories-122858d7.js} | 32 +- ... action-group-tooltip.stories-94792bb4.js} | 32 +- ...4b.js => action-group.stories-5d0a6b32.js} | 32 +- ... => action-menu-sizes.stories-4fdafa40.js} | 46 +- ...111.js => action-menu.stories-f0b5e575.js} | 56 +- ...fa.js => alert-dialog.stories-9e75f5f1.js} | 18 +- ...-5bd97bc6.js => asset.stories-3bb9c869.js} | 4 +- ...6eab1728.js => avatar.stories-fe8da518.js} | 8 +- ...-d061f983.js => badge.stories-65a45ff1.js} | 12 +- ...8858ed39.js => banner.stories-a5b41d8f.js} | 2 +- ...ton-accent-fill-sizes.stories-37b2e5c0.js} | 24 +- ...=> button-accent-fill.stories-36bcd713.js} | 29 +- ...-accent-outline-sizes.stories-537a1a7e.js} | 24 +- ...button-accent-outline.stories-c01e55f2.js} | 29 +- ...tton-black-fill-sizes.stories-e700b11f.js} | 24 +- ... => button-black-fill.stories-6a1d41ef.js} | 29 +- ...n-black-outline-sizes.stories-3c7cb77d.js} | 24 +- ... button-black-outline.stories-7682243c.js} | 29 +- ...=> button-group-sizes.stories-4fadb290.js} | 24 +- ...67.js => button-group.stories-753a2e7b.js} | 22 +- ...n-negative-fill-sizes.stories-33031f15.js} | 24 +- ... button-negative-fill.stories-60abef28.js} | 29 +- ...egative-outline-sizes.stories-932bb630.js} | 24 +- ...tton-negative-outline.stories-9e73a429.js} | 29 +- ...on-primary-fill-sizes.stories-a68c78d3.js} | 24 +- ...> button-primary-fill.stories-bc9cdb28.js} | 29 +- ...primary-outline-sizes.stories-43285711.js} | 24 +- ...utton-primary-outline.stories-3656d37e.js} | 29 +- ...-secondary-fill-sizes.stories-5acedb3c.js} | 24 +- ...button-secondary-fill.stories-f9536746.js} | 29 +- ...condary-outline-sizes.stories-92075a44.js} | 24 +- ...ton-secondary-outline.stories-9b26bfe5.js} | 29 +- ...tton-white-fill-sizes.stories-264cdc40.js} | 24 +- ... => button-white-fill.stories-89ea4a5d.js} | 29 +- ...n-white-outline-sizes.stories-e96ba402.js} | 24 +- ... button-white-outline.stories-bcbfdd47.js} | 29 +- ...s-9b833c43.js => card.stories-19aeaa96.js} | 64 +- ....js => checkbox-sizes.stories-f284ec5a.js} | 19 +- ...1c2dad.js => checkbox.stories-9843a6e7.js} | 24 +- ...a1e16c32.js => chunk-NWF3D3HY-11d33ffe.js} | 4 +- ...3b76f.js => coachmark.stories-43a05532.js} | 2 +- ...995a.js => color-area.stories-ed0fc6bb.js} | 10 +- ...e5.js => color-handle.stories-ec5cb6ac.js} | 6 +- ...c65.js => color-loupe.stories-3d95d3fe.js} | 4 +- ...1c.js => color-slider.stories-f9a885a6.js} | 10 +- ...ae3.js => color-wheel.stories-b28a213a.js} | 8 +- ...{config-02518c88.js => config-1e88ee1a.js} | 4 +- storybook/custom-elements.json | 543 ++++++++++------ ...43d4edd5.js => define-element-467f3dc4.js} | 2 +- ...c34.js => dialog-base.stories-e62e76dd.js} | 54 +- ....js => dialog-wrapper.stories-4f947221.js} | 54 +- ...77e79903.js => dialog.stories-55707848.js} | 32 +- ...5386e6a.js => divider.stories-50847d30.js} | 26 +- ...79b315.js => dropzone.stories-45f4699b.js} | 30 +- ...7da.js => field-group.stories-758b94ed.js} | 24 +- ...86e.js => field-label.stories-3c7ea08e.js} | 28 +- ...able-d03021f6.js => focusable-df7b829e.js} | 2 +- ...37e1.js => formatter-SWP5E3XI-a12959fe.js} | 4 +- ...s-fc946196.js => grid.stories-bafe9588.js} | 70 +-- ...js => help-text-sizes.stories-911e8395.js} | 10 +- ...fc449.js => help-text.stories-73681504.js} | 10 +- ...-dc46e780.js => icon-manifest-1847e90f.js} | 44 +- ...-f14c6062.js => icon-manifest-a08da2da.js} | 36 +- ...s-657c8ec7.js => icon.stories-1660de16.js} | 8 +- ...emo-652c7161.js => icons-demo-3e6fa246.js} | 10 +- ...ec1461.js => icons-ui.stories-86126c00.js} | 46 +- ....js => icons-workflow.stories-192062f6.js} | 46 +- ...-3732e5d6.js => icons.stories-29cd4e41.js} | 42 +- ...> illustrated-message.stories-84b535eb.js} | 4 +- ...{images-43239b24.js => images-efe34420.js} | 2 +- .../{index-a6517d79.js => index-0e1d851d.js} | 14 +- .../{index-c6838b03.js => index-0f5abf16.js} | 4 +- .../{index-abd8c2de.js => index-1e6dd4e5.js} | 8 +- .../{index-32b8d44f.js => index-34e24e93.js} | 10 +- .../{index-3c99ba03.js => index-6a0765ad.js} | 18 +- .../{index-78748e41.js => index-8c03a007.js} | 6 +- .../{index-3e31ac21.js => index-c1307efb.js} | 34 +- .../{index-77ab83fe.js => index-e0c1c3d1.js} | 8 +- .../{index-2ae81002.js => index-fe551a3c.js} | 22 +- storybook/index.json | 2 +- ... infield-button-sizes.stories-db45e9da.js} | 24 +- ....js => infield-button.stories-5fc0dbf9.js} | 24 +- ...module-a412f23235eb971c4a27c3950e98fd49.js | 292 ++++----- ...or-0c856f1c.js => like-anchor-79c92c76.js} | 2 +- ...s-230a074b.js => link.stories-c8bef65d.js} | 8 +- ...0e.js => menu-divider.stories-05d5823d.js} | 26 +- ...6c56.js => menu-group.stories-186f1de6.js} | 30 +- ...enu-item.disconnected.stories-31762828.js} | 30 +- ...42993.js => menu-item.stories-826ac132.js} | 24 +- ...e17d.js => menu-sizes.stories-968d868b.js} | 26 +- ...s-02c8793c.js => menu.stories-c624b7d5.js} | 52 +- ...c01.js => meter-sizes.stories-0d7d0a1e.js} | 14 +- ...-92129db8.js => meter.stories-3354dec6.js} | 14 +- ...=> number-field-sizes.stories-89b43db7.js} | 36 +- ...7e.js => number-field.stories-60debc5f.js} | 36 +- ...83f39.js => observe-slot-text-2a3e6366.js} | 4 +- ...js => overlay-element.stories-7ed11007.js} | 84 +-- ...0127dc2.js => overlay-trigger-514f6054.js} | 10 +- ...605828c.js => overlay.stories-a7551a82.js} | 90 +-- ...> picker-button-sizes.stories-a9337e44.js} | 20 +- ...f.js => picker-button.stories-dd46de80.js} | 22 +- ...ff.js => picker-sizes.stories-c23939a3.js} | 30 +- ...1ab78dfa.js => picker.stories-e966b067.js} | 38 +- ...249f1a8.js => popover.stories-33575fc6.js} | 38 +- ...review-90a9751f.js => preview-418ae100.js} | 2 +- ...review-91bcaa5a.js => preview-4d7b8e26.js} | 421 +++++++++---- ...=> progress-bar-sizes.stories-89104806.js} | 14 +- ...91.js => progress-bar.stories-c04686d7.js} | 14 +- ...js => progress-circle.stories-89a44005.js} | 16 +- storybook/project.json | 2 +- ...dd.js => query-assigned-nodes-6218f033.js} | 2 +- ...8.js => quick-actions.stories-3d350371.js} | 28 +- ...5dc.js => radio-sizes.stories-b82d2671.js} | 14 +- ...-11003d96.js => radio.stories-c8756207.js} | 12 +- .../{react-23524b9d.js => react-2b4a5f1d.js} | 4 +- .../sb-addons/storybook-9/manager-bundle.js | 4 +- ...ge-901751af.js => scale-large-4256c821.js} | 132 ++-- ...b6.js => search-sizes.stories-0da850dd.js} | 36 +- ...4858552f.js => search.stories-07aa3e2e.js} | 32 +- ...2e209a3.js => sidenav.stories-8864815b.js} | 6 +- ...xin-281e4c72.js => sizedMixin-95b38e3e.js} | 2 +- ...14.js => slider-sizes.stories-74a6e8ba.js} | 16 +- ...6cd5f9a5.js => slider.stories-0144cd5f.js} | 38 +- ...2cfc2.js => sp-accordion-item-45ae1e9b.js} | 10 +- ...-1af812b9.js => sp-action-bar-a2cf4680.js} | 10 +- ...f1b102.js => sp-action-button-0f8bdf2f.js} | 8 +- ...a39e0fa.js => sp-action-group-1e1a03cc.js} | 4 +- ...7713f51b.js => sp-action-menu-a46530c4.js} | 12 +- ...asset-7e3d7742.js => sp-asset-7bbcc679.js} | 2 +- ...atar-0bb228a8.js => sp-avatar-7965e1cc.js} | 6 +- ...tton-d4cd36d2.js => sp-button-c571335c.js} | 10 +- ...6723e6a.js => sp-button-group-6af1a728.js} | 4 +- ...p-card-285cd3ca.js => sp-card-011f90c3.js} | 49 +- ...ox-8e354a72.js => sp-checkbox-afeb5232.js} | 14 +- ...5cd4c86.js => sp-clear-button-4035aaee.js} | 6 +- ...5d5c555.js => sp-close-button-8c1265c1.js} | 6 +- ...ba74113.js => sp-color-handle-a0f60090.js} | 4 +- ...da2f8196.js => sp-color-loupe-13d4b4fb.js} | 2 +- ...9e142b2.js => sp-color-slider-e906e2dc.js} | 6 +- ...alog-012d7280.js => sp-dialog-cda58311.js} | 12 +- ...e39d7.js => sp-dialog-wrapper-45908e4c.js} | 10 +- ...der-32772ac4.js => sp-divider-5c291ed1.js} | 4 +- storybook/sp-field-group-7069d2b1.js | 4 - storybook/sp-field-group-daa40e15.js | 4 + ...05f39d18.js => sp-field-label-5c290246.js} | 42 +- ...t-b428b3b4.js => sp-help-text-fc561657.js} | 6 +- ...p-icon-0926a2d4.js => sp-icon-7032d55b.js} | 4 +- ...dd-1e91ccde.js => sp-icon-add-6d516caf.js} | 4 +- ...-d34893d7.js => sp-icon-alert-107ad358.js} | 4 +- ...82d.js => sp-icon-align-right-818333cc.js} | 4 +- ...c49394.js => sp-icon-arrow100-a879c9f5.js} | 4 +- ...97d4b.js => sp-icon-checkmark-af372e16.js} | 4 +- ...s => sp-icon-checkmark-circle-34b767ed.js} | 4 +- ...94.js => sp-icon-checkmark300-5f52d70f.js} | 4 +- ...29.js => sp-icon-chevron-down-984e6b9f.js} | 4 +- ...bc68.js => sp-icon-chevron100-d31cf739.js} | 4 +- ...63a0.js => sp-icon-chevron200-da4507b8.js} | 4 +- ...b16b7.js => sp-icon-chevron75-af30215c.js} | 4 +- ...=> sp-icon-corner-triangle300-26ee005b.js} | 4 +- ...8f80cc7.js => sp-icon-dash300-87ebfff7.js} | 4 +- ...af012e0d.js => sp-icon-delete-6ce297b4.js} | 4 +- ...t-23d1bac7.js => sp-icon-edit-686dea6d.js} | 4 +- ...79863b.js => sp-icon-file-txt-5f0f6047.js} | 4 +- ...p-1ae23d60.js => sp-icon-help-f4bb62f5.js} | 4 +- ...o-132b9a4b.js => sp-icon-info-9abd9f02.js} | 4 +- ...7776c4f.js => sp-icon-magnify-6bb2bc75.js} | 4 +- ...e-6b0074ad.js => sp-icon-more-d39e1471.js} | 4 +- ...01a9f9c.js => sp-icon-open-in-3ed29a31.js} | 4 +- ...c1a.js => sp-icon-rect-select-21ffb2d7.js} | 4 +- ...fe94842f.js => sp-icon-search-4458b145.js} | 4 +- ...a6b451.js => sp-icon-settings-849185e9.js} | 4 +- ...-b41de292.js => sp-icon-share-70794165.js} | 4 +- ...2a8cd.js => sp-icon-show-menu-502e1c9c.js} | 4 +- ...9.js => sp-icon-view-all-tags-c2946c98.js} | 4 +- ...7ea98730.js => sp-icons-large-f291d519.js} | 4 +- ....js => sp-illustrated-message-637a876d.js} | 8 +- ...66484.js => sp-infield-button-d13b3b67.js} | 6 +- ...p-link-312b9e34.js => sp-link-2bb974c1.js} | 6 +- ...p-menu-9cba47df.js => sp-menu-a6b50bf6.js} | 4 +- ...f0cd981.js => sp-menu-divider-96e8aafa.js} | 4 +- ...-673f562e.js => sp-menu-group-0604b0e3.js} | 8 +- ...m-8cb92ce2.js => sp-menu-item-d1901258.js} | 16 +- ...meter-bdeaae4b.js => sp-meter-b1fa7c98.js} | 8 +- ...20aca5a.js => sp-number-field-6140eb28.js} | 34 +- ...lay-d157f34b.js => sp-overlay-160eb278.js} | 10 +- storybook/sp-picker-08cac453.js | 4 + storybook/sp-picker-9582dc95.js | 4 - ...6e2199.js => sp-picker-button-42864dd6.js} | 8 +- ...ver-45f01f5b.js => sp-popover-adc6def6.js} | 2 +- ...0134827.js => sp-progress-bar-5342cc6d.js} | 8 +- ...8852b0.js => sp-quick-actions-049f111d.js} | 2 +- ...radio-e1972978.js => sp-radio-b8022cbb.js} | 4 +- ...65a76f13.js => sp-radio-group-2ef63fda.js} | 8 +- ...arch-dd8024ff.js => sp-search-a1586611.js} | 8 +- ...ider-9f7749e9.js => sp-slider-5459181f.js} | 12 +- ...atch-692d4685.js => sp-swatch-dab8ba17.js} | 8 +- ...itch-9f5f34fb.js => sp-switch-368481dc.js} | 6 +- ...l-52c70e5d.js => sp-tab-panel-a0a029ef.js} | 6 +- ...-e317a90d.js => sp-table-cell-109075b1.js} | 8 +- ...p-tags-bcef21b9.js => sp-tags-2e3a2689.js} | 10 +- storybook/sp-textfield-3b3fc1b7.js | 4 - storybook/sp-textfield-c5c40dfe.js | 4 + ...tip-c485c478.js => sp-tooltip-439ccb6f.js} | 4 +- ...510a390.js => sp-top-nav-item-b16ac003.js} | 10 +- ...p-tray-33d835a9.js => sp-tray-1eef64a9.js} | 4 +- ...ay-b7553659.js => sp-underlay-fdfe1df4.js} | 2 +- ...> spectrum-icon-checkmark.css-2fc91f81.js} | 8 +- ...js => spectrum-icon-cross.css-8adfc305.js} | 6 +- ...t-button-accent-field.stories-d0460882.js} | 38 +- ...it-button-accent-more.stories-7c83df29.js} | 38 +- ...-button-primary-field.stories-eae42389.js} | 38 +- ...t-button-primary-more.stories-85bf3bc1.js} | 38 +- ...utton-secondary-field.stories-c0cb15aa.js} | 38 +- ...button-secondary-more.stories-95469cda.js} | 38 +- storybook/split-view.stories-dc1ed1fa.js | 409 ------------- storybook/split-view.stories-e2361af6.js | 504 +++++++++++++++ .../{state-0afa7555.js => state-879d3fe4.js} | 2 +- ...db.js => status-light.stories-cf2ce012.js} | 4 +- storybook/stories.json | 2 +- ...1b69ba3.js => submenu.stories-faf906f4.js} | 48 +- ...d0.js => swatch-group.stories-974dacae.js} | 12 +- ...c1.js => swatch-sizes.stories-34ca5942.js} | 12 +- ...0a0349bf.js => swatch.stories-edb6586f.js} | 12 +- ...33.js => switch-sizes.stories-769ac017.js} | 13 +- ...d263ec33.js => switch.stories-02bf3ae4.js} | 11 +- ...=> syntaxhighlighter-NMPM6SWI-3a7f66fe.js} | 4 +- ...ab.css-a2c66e69.js => tab.css-cfc69808.js} | 6 +- ....js => table-elements.stories-8ffb40f0.js} | 24 +- ... => table-virtualized.stories-ecf1fc54.js} | 24 +- ...tabs-horizontal-sizes.stories-f951ea5a.js} | 24 +- ...-overflow-panel-sizes.stories-677bb36c.js} | 30 +- ...> tabs-overflow-sizes.stories-9d27bb2b.js} | 30 +- ...d.js => tabs-overflow.stories-9315d585.js} | 30 +- ...-vertical-right-sizes.stories-58897490.js} | 24 +- ...> tabs-vertical-sizes.stories-ca9dd85b.js} | 24 +- ...s-1734020a.js => tabs.stories-116a9b5f.js} | 24 +- ...f764.js => tags-sizes.stories-dce82a75.js} | 28 +- ...s-2e559876.js => tags.stories-4f099cda.js} | 28 +- ....js => textarea-sizes.stories-262b7730.js} | 22 +- ...67d4c0.js => textarea.stories-c72ab283.js} | 22 +- ...js => textfield-sizes.stories-aef996d3.js} | 22 +- ...11cd7.js => textfield.stories-51ec72fb.js} | 35 +- ...-b6f8082a.js => theme.stories-85bdc59b.js} | 30 +- ...js => thumbnail-sizes.stories-8c401950.js} | 4 +- ...32e92.js => thumbnail.stories-e3494cca.js} | 4 +- ...-6ccbbfd4.js => toast.stories-1f87eeb3.js} | 36 +- ...bbb7103.js => tooltip.stories-cf59e521.js} | 46 +- ...d.js => top-nav-sizes.stories-65344d49.js} | 22 +- ...7beef2d.js => top-nav.stories-f60fc0f3.js} | 54 +- ...s-86f6b4ec.js => tray.stories-e0457d78.js} | 46 +- ...9602a9.js => underlay.stories-9e54be5c.js} | 4 +- styles.css | 132 ++-- tools/base/index.html | 4 +- tools/bundle/index.html | 4 +- tools/element-resolution/content/index.html | 36 +- tools/element-resolution/index.html | 38 +- tools/grid/api/index.html | 67 +- tools/grid/content/index.html | 65 +- tools/grid/index.html | 67 +- tools/match-media/content/index.html | 21 +- tools/match-media/index.html | 23 +- tools/opacity-checkerboard/content/index.html | 7 +- tools/opacity-checkerboard/index.html | 9 +- tools/reactive-controllers/index.html | 2 +- tools/roving-tab-index/content/index.html | 40 +- tools/roving-tab-index/index.html | 42 +- tools/shared/content/index.html | 76 ++- tools/shared/index.html | 76 ++- tools/styles/index.html | 4 +- tools/theme/api/index.html | 171 +++++- tools/theme/content/index.html | 171 +++++- tools/theme/index.html | 171 +++++- using-swc-react/index.html | 71 ++- 736 files changed, 23938 insertions(+), 4460 deletions(-) create mode 100644 0304eb92.js create mode 100644 0304eb92.js.map rename 13c34b16.js => 030a623c.js (93%) rename 13c34b16.js.map => 030a623c.js.map (98%) rename 1e067c0c.js => 0630b7d0.js (99%) rename 1e067c0c.js.map => 0630b7d0.js.map (99%) delete mode 100644 111d5282.js create mode 100644 16948562.js create mode 100644 16948562.js.map rename ca06eb64.js => 18e7ea6c.js (84%) rename ca06eb64.js.map => 18e7ea6c.js.map (99%) rename 12d0dab9.js => 199da296.js (89%) rename 12d0dab9.js.map => 199da296.js.map (97%) create mode 100644 1a1f25f3.js create mode 100644 1a1f25f3.js.map delete mode 100644 1adcc1eb.js.map rename 524fc234.js => 26e0a480.js (99%) rename 524fc234.js.map => 26e0a480.js.map (95%) rename 89ead87e.js => 272f8a5c.js (99%) rename 89ead87e.js.map => 272f8a5c.js.map (99%) rename 636f7021.js => 27ee3367.js (83%) rename 636f7021.js.map => 27ee3367.js.map (96%) delete mode 100644 2952218e.js delete mode 100644 2952218e.js.map rename e041fd5a.js => 2b65f0b7.js (99%) rename e041fd5a.js.map => 2b65f0b7.js.map (99%) delete mode 100644 2cf7b647.js rename d6891444.js => 2d3883ea.js (87%) rename d6891444.js.map => 2d3883ea.js.map (98%) rename 1370ec1f.js => 2ece56b5.js (89%) rename 1370ec1f.js.map => 2ece56b5.js.map (97%) rename c5e260ba.js => 30015e0b.js (84%) create mode 100644 30015e0b.js.map create mode 100644 31df08ef.js rename c502cb83.js.map => 31df08ef.js.map (94%) rename e7d81ec5.js => 334722b8.js (99%) rename e7d81ec5.js.map => 334722b8.js.map (99%) rename ec68fb92.js => 34292953.js (99%) rename ec68fb92.js.map => 34292953.js.map (99%) rename 1adcc1eb.js => 373d602b.js (53%) create mode 100644 373d602b.js.map rename 10b0afaf.js => 37a81d7b.js (99%) rename 10b0afaf.js.map => 37a81d7b.js.map (99%) rename e3e5b5d2.js => 37c8e60c.js (50%) rename e3e5b5d2.js.map => 37c8e60c.js.map (86%) create mode 100644 39c0df4e.js rename 78f1ce0a.js.map => 39c0df4e.js.map (94%) rename b46b846d.js => 3b42bd6e.js (99%) rename b46b846d.js.map => 3b42bd6e.js.map (99%) rename 47d38ea1.js => 41477eb1.js (98%) rename 47d38ea1.js.map => 41477eb1.js.map (99%) create mode 100644 44c28a36.js create mode 100644 44c28a36.js.map delete mode 100644 46d0d8bd.js delete mode 100644 46d0d8bd.js.map rename 67314095.js => 471035fd.js (88%) rename 67314095.js.map => 471035fd.js.map (96%) rename 20b07124.js => 4b018fa5.js (93%) rename 20b07124.js.map => 4b018fa5.js.map (98%) rename c453b02d.js => 4eaa7336.js (87%) rename c453b02d.js.map => 4eaa7336.js.map (96%) rename 6a753731.js => 4fff7cc7.js (75%) rename 6a753731.js.map => 4fff7cc7.js.map (96%) delete mode 100644 500ed984.js create mode 100644 585696e9.js rename 2cf7b647.js.map => 585696e9.js.map (94%) rename a2300fc2.js => 5b2dac59.js (98%) rename a2300fc2.js.map => 5b2dac59.js.map (95%) rename 4c0bded5.js => 5bf0f163.js (96%) rename 4c0bded5.js.map => 5bf0f163.js.map (99%) rename bc1b9ec6.js => 5c5da742.js (99%) create mode 100644 5c5da742.js.map delete mode 100644 5d42742c.js rename 42a1059c.js => 5d7237d2.js (96%) rename 42a1059c.js.map => 5d7237d2.js.map (99%) rename deac1c19.js => 603fa226.js (99%) rename deac1c19.js.map => 603fa226.js.map (99%) rename 8c99d7f9.js => 60489202.js (96%) rename 8c99d7f9.js.map => 60489202.js.map (99%) rename 2783467d.js => 6663919c.js (90%) rename 2783467d.js.map => 6663919c.js.map (97%) delete mode 100644 68db9e2a.js create mode 100644 6dc9c91d.js rename 111d5282.js.map => 6dc9c91d.js.map (94%) rename 92360253.js => 6f257f0e.js (98%) rename 92360253.js.map => 6f257f0e.js.map (99%) rename 5dd42177.js => 70dba345.js (87%) rename 5dd42177.js.map => 70dba345.js.map (96%) rename 6e137183.js => 7259294c.js (83%) rename 6e137183.js.map => 7259294c.js.map (96%) rename d51ea82d.js => 7336d2d2.js (83%) rename d51ea82d.js.map => 7336d2d2.js.map (96%) rename f248cf88.js => 73910b52.js (96%) rename f248cf88.js.map => 73910b52.js.map (99%) rename f95a5c5e.js => 7405a486.js (99%) rename f95a5c5e.js.map => 7405a486.js.map (99%) create mode 100644 746b71a5.js rename 68db9e2a.js.map => 746b71a5.js.map (94%) delete mode 100644 74da9906.js delete mode 100644 74da9906.js.map delete mode 100644 771eefc9.js.map rename cf8d90dd.js => 78cff760.js (95%) rename cf8d90dd.js.map => 78cff760.js.map (99%) delete mode 100644 78f1ce0a.js create mode 100644 79731817.js create mode 100644 79731817.js.map rename a6b7e8b8.js => 7bd26aee.js (97%) rename a6b7e8b8.js.map => 7bd26aee.js.map (99%) delete mode 100644 7d26c45a.js delete mode 100644 7d26c45a.js.map rename a3310483.js => 7d667171.js (97%) rename a3310483.js.map => 7d667171.js.map (99%) rename 6b0c4507.js => 83ac82a1.js (75%) rename 6b0c4507.js.map => 83ac82a1.js.map (96%) rename 34f130f4.js => 847457e5.js (94%) rename 34f130f4.js.map => 847457e5.js.map (98%) rename 55570035.js => 8648a734.js (99%) rename 55570035.js.map => 8648a734.js.map (99%) rename b66418de.js => 88e2a03e.js (99%) create mode 100644 88e2a03e.js.map create mode 100644 9595d86e.js rename d1aa2f9f.js.map => 9595d86e.js.map (85%) rename 19e6191c.js => 97dd61e5.js (98%) rename 19e6191c.js.map => 97dd61e5.js.map (99%) rename 75618165.js => 984717aa.js (96%) rename 75618165.js.map => 984717aa.js.map (98%) rename 2ea4aafb.js => 9da4e0c2.js (97%) rename 2ea4aafb.js.map => 9da4e0c2.js.map (60%) rename 7c327fb6.js => 9ddc847e.js (95%) rename 7c327fb6.js.map => 9ddc847e.js.map (95%) rename f2366e7c.js => a0967534.js (96%) rename f2366e7c.js.map => a0967534.js.map (99%) create mode 100644 a177a0c5.js rename 5d42742c.js.map => a177a0c5.js.map (94%) rename 3f6f2183.js => a6993bac.js (98%) rename 3f6f2183.js.map => a6993bac.js.map (99%) delete mode 100644 a7385a13.js delete mode 100644 a7385a13.js.map rename a757898c.js => b06e8387.js (84%) rename a757898c.js.map => b06e8387.js.map (96%) rename e4e061e4.js => b096e3e4.js (75%) rename e4e061e4.js.map => b096e3e4.js.map (96%) rename 5a1b6972.js => b11dfac8.js (98%) rename 5a1b6972.js.map => b11dfac8.js.map (99%) rename c37c4935.js => b3855ce2.js (96%) rename c37c4935.js.map => b3855ce2.js.map (99%) delete mode 100644 b4ba11e2.js delete mode 100644 b4ba11e2.js.map delete mode 100644 b66418de.js.map delete mode 100644 bc1b9ec6.js.map rename 379db8d3.js => be6aed84.js (97%) rename 379db8d3.js.map => be6aed84.js.map (98%) create mode 100644 c1a0b608.js create mode 100644 c1a0b608.js.map delete mode 100644 c502cb83.js delete mode 100644 c5e260ba.js.map rename 78cecf9f.js => c6dc5e34.js (99%) rename 78cecf9f.js.map => c6dc5e34.js.map (99%) create mode 100644 ce2c7a4b.js rename 500ed984.js.map => ce2c7a4b.js.map (86%) rename 6a13c697.js => cfcd261c.js (99%) rename 6a13c697.js.map => cfcd261c.js.map (99%) delete mode 100644 d1aa2f9f.js rename 915dab83.js => d3406c6e.js (79%) rename 915dab83.js.map => d3406c6e.js.map (96%) rename a1a762d6.js => d3641eb7.js (98%) rename a1a762d6.js.map => d3641eb7.js.map (99%) rename 75304f2b.js => d6f68c82.js (97%) rename 75304f2b.js.map => d6f68c82.js.map (99%) rename b693de23.js => dee39cdc.js (85%) rename b693de23.js.map => dee39cdc.js.map (99%) rename f417c984.js => dfd3931f.js (98%) rename f417c984.js.map => dfd3931f.js.map (99%) delete mode 100644 e1d1e207.js create mode 100644 e2b7ed0c.js rename e1d1e207.js.map => e2b7ed0c.js.map (85%) rename 79c3956d.js => e76d4015.js (99%) rename 79c3956d.js.map => e76d4015.js.map (99%) rename 5ef012c0.js => edb8afa2.js (99%) rename 5ef012c0.js.map => edb8afa2.js.map (99%) rename 5750d2eb.js => ee45eb46.js (97%) rename 5750d2eb.js.map => ee45eb46.js.map (67%) rename 9d08a789.js => f0fb2667.js (97%) rename 9d08a789.js.map => f0fb2667.js.map (99%) rename 771eefc9.js => f511517b.js (70%) create mode 100644 f511517b.js.map rename d6a4157a.js => f851fbc3.js (98%) rename d6a4157a.js.map => f851fbc3.js.map (99%) rename 28087479.js => fb8de569.js (98%) rename 28087479.js.map => fb8de569.js.map (99%) rename 6214909c.js => fe6b6bf8.js (85%) rename 6214909c.js.map => fe6b6bf8.js.map (96%) rename storybook/{AlertDialog-567c08af.js => AlertDialog-09588482.js} (98%) rename storybook/{ButtonBase-a71d6ce3.js => ButtonBase-4ebd5d24.js} (96%) delete mode 100644 storybook/CheckboxBase-694e006f.js create mode 100644 storybook/CheckboxBase-d69c7aeb.js rename storybook/{Color-6VNJS4EI-971f344b.js => Color-6VNJS4EI-772a9702.js} (99%) rename storybook/{DialogBase-26f6a314.js => DialogBase-dd54052e.js} (95%) rename storybook/{DocsRenderer-NNNQARDV-56cbea69.js => DocsRenderer-NNNQARDV-a8699e9f.js} (99%) rename storybook/{FieldGroup-e49bf5e9.js => FieldGroup-b24f3aa9.js} (61%) rename storybook/{IconBase-fb970ebf.js => IconBase-fdbfb1c1.js} (97%) rename storybook/{Picker-e79148ca.js => Picker-7a452146.js} (98%) rename storybook/{Textfield-a0f64496.js => Textfield-034d075f.js} (94%) rename storybook/{VirtualTrigger-6d9954e6.js => VirtualTrigger-ca1345a7.js} (97%) rename storybook/{WithTooltip-4HIR6TLV-0602f573.js => WithTooltip-4HIR6TLV-f55e9e3f.js} (65%) rename storybook/{accordion-densities-compact.stories-cf5e40e9.js => accordion-densities-compact.stories-626c2d1b.js} (69%) rename storybook/{accordion-densities-spacious.stories-b2aecfeb.js => accordion-densities-spacious.stories-8b1b2320.js} (69%) rename storybook/{accordion-sizes.stories-37f64109.js => accordion-sizes.stories-b4e552de.js} (66%) rename storybook/{accordion.stories-818b6ec2.js => accordion.stories-3b9313af.js} (83%) rename storybook/{action-bar.stories-06ea35a1.js => action-bar.stories-6cd14f8b.js} (79%) rename storybook/{action-button-black-quiet.stories-14662a8f.js => action-button-black-quiet.stories-98d50190.js} (65%) rename storybook/{action-button-black.stories-b40127a5.js => action-button-black.stories-b7a9c39d.js} (63%) rename storybook/{action-button-emphasized-quiet.stories-02647a03.js => action-button-emphasized-quiet.stories-32f2a997.js} (68%) rename storybook/{action-button-emphasized.stories-37d11445.js => action-button-emphasized.stories-7a178949.js} (67%) rename storybook/{action-button-quiet.stories-19fc579b.js => action-button-quiet.stories-3ee21072.js} (66%) rename storybook/{action-button-standard.stories-cf1586f1.js => action-button-standard.stories-0d84dbb0.js} (65%) rename storybook/{action-button-white-quiet.stories-7f1bb69a.js => action-button-white-quiet.stories-fa2f5e1f.js} (64%) rename storybook/{action-button-white.stories-80a6b1b1.js => action-button-white.stories-9e2d3f68.js} (63%) rename storybook/{action-button.stories-b2c47503.js => action-button.stories-c14aa028.js} (76%) rename storybook/{action-group-sizes.stories-73f2c5a1.js => action-group-sizes.stories-122858d7.js} (87%) rename storybook/{action-group-tooltip.stories-209c022b.js => action-group-tooltip.stories-94792bb4.js} (95%) rename storybook/{action-group.stories-db84724b.js => action-group.stories-5d0a6b32.js} (94%) rename storybook/{action-menu-sizes.stories-4ccc10f2.js => action-menu-sizes.stories-4fdafa40.js} (62%) rename storybook/{action-menu.stories-34836111.js => action-menu.stories-f0b5e575.js} (89%) rename storybook/{alert-dialog.stories-e3c64cfa.js => alert-dialog.stories-9e75f5f1.js} (94%) rename storybook/{asset.stories-5bd97bc6.js => asset.stories-3bb9c869.js} (90%) rename storybook/{avatar.stories-6eab1728.js => avatar.stories-fe8da518.js} (93%) rename storybook/{badge.stories-d061f983.js => badge.stories-65a45ff1.js} (98%) rename storybook/{banner.stories-8858ed39.js => banner.stories-a5b41d8f.js} (99%) rename storybook/{button-accent-fill-sizes.stories-e7397c96.js => button-accent-fill-sizes.stories-37b2e5c0.js} (70%) rename storybook/{button-accent-fill.stories-db392268.js => button-accent-fill.stories-36bcd713.js} (59%) rename storybook/{button-accent-outline-sizes.stories-2b890c2d.js => button-accent-outline-sizes.stories-537a1a7e.js} (70%) rename storybook/{button-accent-outline.stories-8d25864d.js => button-accent-outline.stories-c01e55f2.js} (59%) rename storybook/{button-black-fill-sizes.stories-9bfcce01.js => button-black-fill-sizes.stories-e700b11f.js} (70%) rename storybook/{button-black-fill.stories-a7886172.js => button-black-fill.stories-6a1d41ef.js} (59%) rename storybook/{button-black-outline-sizes.stories-30b42797.js => button-black-outline-sizes.stories-3c7cb77d.js} (70%) rename storybook/{button-black-outline.stories-48f59257.js => button-black-outline.stories-7682243c.js} (59%) rename storybook/{button-group-sizes.stories-1b31ce97.js => button-group-sizes.stories-4fadb290.js} (74%) rename storybook/{button-group.stories-41b1c167.js => button-group.stories-753a2e7b.js} (73%) rename storybook/{button-negative-fill-sizes.stories-414c1bdf.js => button-negative-fill-sizes.stories-33031f15.js} (70%) rename storybook/{button-negative-fill.stories-56fdfcd2.js => button-negative-fill.stories-60abef28.js} (59%) rename storybook/{button-negative-outline-sizes.stories-313a6be2.js => button-negative-outline-sizes.stories-932bb630.js} (71%) rename storybook/{button-negative-outline.stories-6070bade.js => button-negative-outline.stories-9e73a429.js} (59%) rename storybook/{button-primary-fill-sizes.stories-275cc21a.js => button-primary-fill-sizes.stories-a68c78d3.js} (70%) rename storybook/{button-primary-fill.stories-fde3fb7c.js => button-primary-fill.stories-bc9cdb28.js} (59%) rename storybook/{button-primary-outline-sizes.stories-7cd0481e.js => button-primary-outline-sizes.stories-43285711.js} (70%) rename storybook/{button-primary-outline.stories-d05e87de.js => button-primary-outline.stories-3656d37e.js} (59%) rename storybook/{button-secondary-fill-sizes.stories-b2b615a9.js => button-secondary-fill-sizes.stories-5acedb3c.js} (70%) rename storybook/{button-secondary-fill.stories-3582e8ca.js => button-secondary-fill.stories-f9536746.js} (59%) rename storybook/{button-secondary-outline-sizes.stories-a2db969c.js => button-secondary-outline-sizes.stories-92075a44.js} (71%) rename storybook/{button-secondary-outline.stories-866fad73.js => button-secondary-outline.stories-9b26bfe5.js} (59%) rename storybook/{button-white-fill-sizes.stories-11c77f8e.js => button-white-fill-sizes.stories-264cdc40.js} (70%) rename storybook/{button-white-fill.stories-1e2786b4.js => button-white-fill.stories-89ea4a5d.js} (59%) rename storybook/{button-white-outline-sizes.stories-7024f6cb.js => button-white-outline-sizes.stories-e96ba402.js} (70%) rename storybook/{button-white-outline.stories-5fea12d1.js => button-white-outline.stories-bcbfdd47.js} (59%) rename storybook/{card.stories-9b833c43.js => card.stories-19aeaa96.js} (90%) rename storybook/{checkbox-sizes.stories-9cd5b31f.js => checkbox-sizes.stories-f284ec5a.js} (84%) rename storybook/{checkbox.stories-bf1c2dad.js => checkbox.stories-9843a6e7.js} (92%) rename storybook/{index-a1e16c32.js => chunk-NWF3D3HY-11d33ffe.js} (98%) rename storybook/{coachmark.stories-8db3b76f.js => coachmark.stories-43a05532.js} (99%) rename storybook/{color-area.stories-54d1995a.js => color-area.stories-ed0fc6bb.js} (98%) rename storybook/{color-handle.stories-6ed095e5.js => color-handle.stories-ec5cb6ac.js} (88%) rename storybook/{color-loupe.stories-dca6ec65.js => color-loupe.stories-3d95d3fe.js} (85%) rename storybook/{color-slider.stories-3488c21c.js => color-slider.stories-f9a885a6.js} (98%) rename storybook/{color-wheel.stories-e1c61ae3.js => color-wheel.stories-b28a213a.js} (98%) rename storybook/{config-02518c88.js => config-1e88ee1a.js} (85%) rename storybook/{define-element-43d4edd5.js => define-element-467f3dc4.js} (98%) rename storybook/{dialog-base.stories-24ac0c34.js => dialog-base.stories-e62e76dd.js} (86%) rename storybook/{dialog-wrapper.stories-3df5b625.js => dialog-wrapper.stories-4f947221.js} (95%) rename storybook/{dialog.stories-77e79903.js => dialog.stories-55707848.js} (97%) rename storybook/{divider.stories-55386e6a.js => divider.stories-50847d30.js} (98%) rename storybook/{dropzone.stories-1879b315.js => dropzone.stories-45f4699b.js} (91%) rename storybook/{field-group.stories-4665c7da.js => field-group.stories-758b94ed.js} (75%) rename storybook/{field-label.stories-2fdab86e.js => field-label.stories-3c7ea08e.js} (89%) rename storybook/{focusable-d03021f6.js => focusable-df7b829e.js} (99%) rename storybook/{formatter-SWP5E3XI-f3ce37e1.js => formatter-SWP5E3XI-a12959fe.js} (99%) rename storybook/{grid.stories-fc946196.js => grid.stories-bafe9588.js} (95%) rename storybook/{help-text-sizes.stories-946c1d9a.js => help-text-sizes.stories-911e8395.js} (84%) rename storybook/{help-text.stories-108fc449.js => help-text.stories-73681504.js} (93%) rename storybook/{icon-manifest-dc46e780.js => icon-manifest-1847e90f.js} (99%) rename storybook/{icon-manifest-f14c6062.js => icon-manifest-a08da2da.js} (94%) rename storybook/{icon.stories-657c8ec7.js => icon.stories-1660de16.js} (95%) rename storybook/{icons-demo-652c7161.js => icons-demo-3e6fa246.js} (97%) rename storybook/{icons-ui.stories-bcec1461.js => icons-ui.stories-86126c00.js} (76%) rename storybook/{icons-workflow.stories-584aecb2.js => icons-workflow.stories-192062f6.js} (76%) rename storybook/{icons.stories-3732e5d6.js => icons.stories-29cd4e41.js} (61%) rename storybook/{illustrated-message.stories-1c75f2e5.js => illustrated-message.stories-84b535eb.js} (85%) rename storybook/{images-43239b24.js => images-efe34420.js} (99%) rename storybook/{index-a6517d79.js => index-0e1d851d.js} (95%) rename storybook/{index-c6838b03.js => index-0f5abf16.js} (94%) rename storybook/{index-abd8c2de.js => index-1e6dd4e5.js} (92%) rename storybook/{index-32b8d44f.js => index-34e24e93.js} (90%) rename storybook/{index-3c99ba03.js => index-6a0765ad.js} (98%) rename storybook/{index-78748e41.js => index-8c03a007.js} (95%) rename storybook/{index-3e31ac21.js => index-c1307efb.js} (84%) rename storybook/{index-77ab83fe.js => index-e0c1c3d1.js} (99%) rename storybook/{index-2ae81002.js => index-fe551a3c.js} (80%) rename storybook/{infield-button-sizes.stories-7c2fe8b7.js => infield-button-sizes.stories-db45e9da.js} (80%) rename storybook/{infield-button.stories-14614bf7.js => infield-button.stories-5fc0dbf9.js} (75%) rename storybook/{like-anchor-0c856f1c.js => like-anchor-79c92c76.js} (95%) rename storybook/{link.stories-230a074b.js => link.stories-c8bef65d.js} (95%) rename storybook/{menu-divider.stories-7b7f9f0e.js => menu-divider.stories-05d5823d.js} (75%) rename storybook/{menu-group.stories-62446c56.js => menu-group.stories-186f1de6.js} (90%) rename storybook/{menu-item.disconnected.stories-1e9e04dc.js => menu-item.disconnected.stories-31762828.js} (90%) rename storybook/{menu-item.stories-f8942993.js => menu-item.stories-826ac132.js} (84%) rename storybook/{menu-sizes.stories-099de17d.js => menu-sizes.stories-968d868b.js} (87%) rename storybook/{menu.stories-02c8793c.js => menu.stories-c624b7d5.js} (93%) rename storybook/{meter-sizes.stories-86897c01.js => meter-sizes.stories-0d7d0a1e.js} (79%) rename storybook/{meter.stories-92129db8.js => meter.stories-3354dec6.js} (86%) rename storybook/{number-field-sizes.stories-e6e0cd80.js => number-field-sizes.stories-89b43db7.js} (70%) rename storybook/{number-field.stories-7e0fe47e.js => number-field.stories-60debc5f.js} (94%) rename storybook/{observe-slot-text-dbd83f39.js => observe-slot-text-2a3e6366.js} (92%) rename storybook/{overlay-element.stories-2cc1b981.js => overlay-element.stories-7ed11007.js} (92%) rename storybook/{overlay-trigger-d0127dc2.js => overlay-trigger-514f6054.js} (94%) rename storybook/{overlay.stories-d605828c.js => overlay.stories-a7551a82.js} (96%) rename storybook/{picker-button-sizes.stories-fe2cf91f.js => picker-button-sizes.stories-a9337e44.js} (80%) rename storybook/{picker-button.stories-c7123dbf.js => picker-button.stories-dd46de80.js} (83%) rename storybook/{picker-sizes.stories-7adfa1ff.js => picker-sizes.stories-c23939a3.js} (80%) rename storybook/{picker.stories-1ab78dfa.js => picker.stories-e966b067.js} (96%) rename storybook/{popover.stories-2249f1a8.js => popover.stories-33575fc6.js} (89%) rename storybook/{preview-90a9751f.js => preview-418ae100.js} (67%) rename storybook/{preview-91bcaa5a.js => preview-4d7b8e26.js} (99%) rename storybook/{progress-bar-sizes.stories-d6aa883f.js => progress-bar-sizes.stories-89104806.js} (82%) rename storybook/{progress-bar.stories-f0eb6d91.js => progress-bar.stories-c04686d7.js} (91%) rename storybook/{progress-circle.stories-5db80863.js => progress-circle.stories-89a44005.js} (97%) rename storybook/{query-assigned-nodes-c8aaaadd.js => query-assigned-nodes-6218f033.js} (92%) rename storybook/{quick-actions.stories-0060fc18.js => quick-actions.stories-3d350371.js} (78%) rename storybook/{radio-sizes.stories-aff195dc.js => radio-sizes.stories-b82d2671.js} (88%) rename storybook/{radio.stories-11003d96.js => radio.stories-c8756207.js} (95%) rename storybook/{react-23524b9d.js => react-2b4a5f1d.js} (91%) rename storybook/{scale-large-901751af.js => scale-large-4256c821.js} (99%) rename storybook/{search-sizes.stories-d0092cb6.js => search-sizes.stories-0da850dd.js} (66%) rename storybook/{search.stories-4858552f.js => search.stories-07aa3e2e.js} (65%) rename storybook/{sidenav.stories-c2e209a3.js => sidenav.stories-8864815b.js} (99%) rename storybook/{sizedMixin-281e4c72.js => sizedMixin-95b38e3e.js} (96%) rename storybook/{slider-sizes.stories-2e933314.js => slider-sizes.stories-74a6e8ba.js} (86%) rename storybook/{slider.stories-6cd5f9a5.js => slider.stories-0144cd5f.js} (97%) rename storybook/{sp-accordion-item-3292cfc2.js => sp-accordion-item-45ae1e9b.js} (98%) rename storybook/{sp-action-bar-1af812b9.js => sp-action-bar-a2cf4680.js} (97%) rename storybook/{sp-action-button-91f1b102.js => sp-action-button-0f8bdf2f.js} (99%) rename storybook/{sp-action-group-ba39e0fa.js => sp-action-group-1e1a03cc.js} (99%) rename storybook/{sp-action-menu-7713f51b.js => sp-action-menu-a46530c4.js} (91%) rename storybook/{sp-asset-7e3d7742.js => sp-asset-7bbcc679.js} (98%) rename storybook/{sp-avatar-0bb228a8.js => sp-avatar-7965e1cc.js} (97%) rename storybook/{sp-button-d4cd36d2.js => sp-button-c571335c.js} (99%) rename storybook/{sp-button-group-16723e6a.js => sp-button-group-6af1a728.js} (95%) rename storybook/{sp-card-285cd3ca.js => sp-card-011f90c3.js} (93%) rename storybook/{sp-checkbox-8e354a72.js => sp-checkbox-afeb5232.js} (98%) rename storybook/{sp-clear-button-b5cd4c86.js => sp-clear-button-4035aaee.js} (98%) rename storybook/{sp-close-button-35d5c555.js => sp-close-button-8c1265c1.js} (99%) rename storybook/{sp-color-handle-aba74113.js => sp-color-handle-a0f60090.js} (99%) rename storybook/{sp-color-loupe-da2f8196.js => sp-color-loupe-13d4b4fb.js} (99%) rename storybook/{sp-color-slider-89e142b2.js => sp-color-slider-e906e2dc.js} (98%) rename storybook/{sp-dialog-012d7280.js => sp-dialog-cda58311.js} (98%) rename storybook/{sp-dialog-wrapper-861e39d7.js => sp-dialog-wrapper-45908e4c.js} (94%) rename storybook/{sp-divider-32772ac4.js => sp-divider-5c291ed1.js} (90%) delete mode 100644 storybook/sp-field-group-7069d2b1.js create mode 100644 storybook/sp-field-group-daa40e15.js rename storybook/{sp-field-label-05f39d18.js => sp-field-label-5c290246.js} (83%) rename storybook/{sp-help-text-b428b3b4.js => sp-help-text-fc561657.js} (98%) rename storybook/{sp-icon-0926a2d4.js => sp-icon-7032d55b.js} (95%) rename storybook/{sp-icon-add-1e91ccde.js => sp-icon-add-6d516caf.js} (73%) rename storybook/{sp-icon-alert-d34893d7.js => sp-icon-alert-107ad358.js} (88%) rename storybook/{sp-icon-align-right-0920782d.js => sp-icon-align-right-818333cc.js} (83%) rename storybook/{sp-icon-arrow100-41c49394.js => sp-icon-arrow100-a879c9f5.js} (73%) rename storybook/{sp-icon-checkmark-06397d4b.js => sp-icon-checkmark-af372e16.js} (75%) rename storybook/{sp-icon-checkmark-circle-5cfee1ea.js => sp-icon-checkmark-circle-34b767ed.js} (77%) rename storybook/{sp-icon-checkmark300-36db3994.js => sp-icon-checkmark300-5f52d70f.js} (85%) rename storybook/{sp-icon-chevron-down-6ba8fd29.js => sp-icon-chevron-down-984e6b9f.js} (82%) rename storybook/{sp-icon-chevron100-cbc6bc68.js => sp-icon-chevron100-d31cf739.js} (74%) rename storybook/{sp-icon-chevron200-e8a363a0.js => sp-icon-chevron200-da4507b8.js} (81%) rename storybook/{sp-icon-chevron75-3e5b16b7.js => sp-icon-chevron75-af30215c.js} (73%) rename storybook/{sp-icon-corner-triangle300-48f3695d.js => sp-icon-corner-triangle300-26ee005b.js} (76%) rename storybook/{sp-icon-dash300-58f80cc7.js => sp-icon-dash300-87ebfff7.js} (87%) rename storybook/{sp-icon-delete-af012e0d.js => sp-icon-delete-6ce297b4.js} (81%) rename storybook/{sp-icon-edit-23d1bac7.js => sp-icon-edit-686dea6d.js} (74%) rename storybook/{sp-icon-file-txt-6e79863b.js => sp-icon-file-txt-5f0f6047.js} (75%) rename storybook/{sp-icon-help-1ae23d60.js => sp-icon-help-f4bb62f5.js} (74%) rename storybook/{sp-icon-info-132b9a4b.js => sp-icon-info-9abd9f02.js} (74%) rename storybook/{sp-icon-magnify-87776c4f.js => sp-icon-magnify-6bb2bc75.js} (86%) rename storybook/{sp-icon-more-6b0074ad.js => sp-icon-more-d39e1471.js} (74%) rename storybook/{sp-icon-open-in-e01a9f9c.js => sp-icon-open-in-3ed29a31.js} (75%) rename storybook/{sp-icon-rect-select-6a507c1a.js => sp-icon-rect-select-21ffb2d7.js} (87%) rename storybook/{sp-icon-search-fe94842f.js => sp-icon-search-4458b145.js} (86%) rename storybook/{sp-icon-settings-12a6b451.js => sp-icon-settings-849185e9.js} (75%) rename storybook/{sp-icon-share-b41de292.js => sp-icon-share-70794165.js} (86%) rename storybook/{sp-icon-show-menu-b822a8cd.js => sp-icon-show-menu-502e1c9c.js} (75%) rename storybook/{sp-icon-view-all-tags-9e368f39.js => sp-icon-view-all-tags-c2946c98.js} (83%) rename storybook/{sp-icons-large-7ea98730.js => sp-icons-large-f291d519.js} (99%) rename storybook/{sp-illustrated-message-ec7cf352.js => sp-illustrated-message-637a876d.js} (95%) rename storybook/{sp-infield-button-e1966484.js => sp-infield-button-d13b3b67.js} (98%) rename storybook/{sp-link-312b9e34.js => sp-link-2bb974c1.js} (96%) rename storybook/{sp-menu-9cba47df.js => sp-menu-a6b50bf6.js} (99%) rename storybook/{sp-menu-divider-4f0cd981.js => sp-menu-divider-96e8aafa.js} (91%) rename storybook/{sp-menu-group-673f562e.js => sp-menu-group-0604b0e3.js} (92%) rename storybook/{sp-menu-item-8cb92ce2.js => sp-menu-item-d1901258.js} (97%) rename storybook/{sp-meter-bdeaae4b.js => sp-meter-b1fa7c98.js} (98%) rename storybook/{sp-number-field-220aca5a.js => sp-number-field-6140eb28.js} (83%) rename storybook/{sp-overlay-d157f34b.js => sp-overlay-160eb278.js} (97%) create mode 100644 storybook/sp-picker-08cac453.js delete mode 100644 storybook/sp-picker-9582dc95.js rename storybook/{sp-picker-button-ca6e2199.js => sp-picker-button-42864dd6.js} (98%) rename storybook/{sp-popover-45f01f5b.js => sp-popover-adc6def6.js} (99%) rename storybook/{sp-progress-bar-70134827.js => sp-progress-bar-5342cc6d.js} (98%) rename storybook/{sp-quick-actions-428852b0.js => sp-quick-actions-049f111d.js} (98%) rename storybook/{sp-radio-e1972978.js => sp-radio-b8022cbb.js} (99%) rename storybook/{sp-radio-group-65a76f13.js => sp-radio-group-2ef63fda.js} (92%) rename storybook/{sp-search-dd8024ff.js => sp-search-a1586611.js} (98%) rename storybook/{sp-slider-9f7749e9.js => sp-slider-5459181f.js} (99%) rename storybook/{sp-swatch-692d4685.js => sp-swatch-dab8ba17.js} (98%) rename storybook/{sp-switch-9f5f34fb.js => sp-switch-368481dc.js} (99%) rename storybook/{sp-tab-panel-52c70e5d.js => sp-tab-panel-a0a029ef.js} (95%) rename storybook/{sp-table-cell-e317a90d.js => sp-table-cell-109075b1.js} (99%) rename storybook/{sp-tags-bcef21b9.js => sp-tags-2e3a2689.js} (99%) delete mode 100644 storybook/sp-textfield-3b3fc1b7.js create mode 100644 storybook/sp-textfield-c5c40dfe.js rename storybook/{sp-tooltip-c485c478.js => sp-tooltip-439ccb6f.js} (99%) rename storybook/{sp-top-nav-item-a510a390.js => sp-top-nav-item-b16ac003.js} (95%) rename storybook/{sp-tray-33d835a9.js => sp-tray-1eef64a9.js} (98%) rename storybook/{sp-underlay-b7553659.js => sp-underlay-fdfe1df4.js} (98%) rename storybook/{spectrum-icon-checkmark.css-c19acd0f.js => spectrum-icon-checkmark.css-2fc91f81.js} (91%) rename storybook/{spectrum-icon-cross.css-a270fccc.js => spectrum-icon-cross.css-8adfc305.js} (95%) rename storybook/{split-button-accent-field.stories-a4a03d7b.js => split-button-accent-field.stories-d0460882.js} (71%) rename storybook/{split-button-accent-more.stories-1bec70c4.js => split-button-accent-more.stories-7c83df29.js} (71%) rename storybook/{split-button-primary-field.stories-731f388d.js => split-button-primary-field.stories-eae42389.js} (68%) rename storybook/{split-button-primary-more.stories-dead07b5.js => split-button-primary-more.stories-85bf3bc1.js} (68%) rename storybook/{split-button-secondary-field.stories-a8469d23.js => split-button-secondary-field.stories-c0cb15aa.js} (68%) rename storybook/{split-button-secondary-more.stories-caed5619.js => split-button-secondary-more.stories-95469cda.js} (68%) delete mode 100644 storybook/split-view.stories-dc1ed1fa.js create mode 100644 storybook/split-view.stories-e2361af6.js rename storybook/{state-0afa7555.js => state-879d3fe4.js} (74%) rename storybook/{status-light.stories-888645db.js => status-light.stories-cf2ce012.js} (99%) rename storybook/{submenu.stories-51b69ba3.js => submenu.stories-faf906f4.js} (92%) rename storybook/{swatch-group.stories-8b3d42d0.js => swatch-group.stories-974dacae.js} (97%) rename storybook/{swatch-sizes.stories-96d422c1.js => swatch-sizes.stories-34ca5942.js} (88%) rename storybook/{swatch.stories-0a0349bf.js => swatch.stories-edb6586f.js} (93%) rename storybook/{switch-sizes.stories-dd72c833.js => switch-sizes.stories-769ac017.js} (74%) rename storybook/{switch.stories-d263ec33.js => switch.stories-02bf3ae4.js} (91%) rename storybook/{syntaxhighlighter-NMPM6SWI-d93114ed.js => syntaxhighlighter-NMPM6SWI-3a7f66fe.js} (62%) rename storybook/{tab.css-a2c66e69.js => tab.css-cfc69808.js} (99%) rename storybook/{table-elements.stories-50d65558.js => table-elements.stories-8ffb40f0.js} (96%) rename storybook/{table-virtualized.stories-2204bb2d.js => table-virtualized.stories-ecf1fc54.js} (95%) rename storybook/{tabs-horizontal-sizes.stories-634b5a30.js => tabs-horizontal-sizes.stories-f951ea5a.js} (85%) rename storybook/{tabs-overflow-panel-sizes.stories-c16de10e.js => tabs-overflow-panel-sizes.stories-677bb36c.js} (70%) rename storybook/{tabs-overflow-sizes.stories-8f8a697b.js => tabs-overflow-sizes.stories-9d27bb2b.js} (68%) rename storybook/{tabs-overflow.stories-d0af2afd.js => tabs-overflow.stories-9315d585.js} (63%) rename storybook/{tabs-vertical-right-sizes.stories-1237b618.js => tabs-vertical-right-sizes.stories-58897490.js} (85%) rename storybook/{tabs-vertical-sizes.stories-49ae53c8.js => tabs-vertical-sizes.stories-ca9dd85b.js} (85%) rename storybook/{tabs.stories-1734020a.js => tabs.stories-116a9b5f.js} (97%) rename storybook/{tags-sizes.stories-7ae1f764.js => tags-sizes.stories-dce82a75.js} (69%) rename storybook/{tags.stories-2e559876.js => tags.stories-4f099cda.js} (89%) rename storybook/{textarea-sizes.stories-64e7ef82.js => textarea-sizes.stories-262b7730.js} (77%) rename storybook/{textarea.stories-6967d4c0.js => textarea.stories-c72ab283.js} (94%) rename storybook/{textfield-sizes.stories-e68c47d0.js => textfield-sizes.stories-aef996d3.js} (76%) rename storybook/{textfield.stories-34011cd7.js => textfield.stories-51ec72fb.js} (84%) rename storybook/{theme.stories-b6f8082a.js => theme.stories-85bdc59b.js} (93%) rename storybook/{thumbnail-sizes.stories-f54f4f27.js => thumbnail-sizes.stories-8c401950.js} (93%) rename storybook/{thumbnail.stories-1d332e92.js => thumbnail.stories-e3494cca.js} (97%) rename storybook/{toast.stories-6ccbbfd4.js => toast.stories-1f87eeb3.js} (96%) rename storybook/{tooltip.stories-9bbb7103.js => tooltip.stories-cf59e521.js} (91%) rename storybook/{top-nav-sizes.stories-ca731f2d.js => top-nav-sizes.stories-65344d49.js} (81%) rename storybook/{top-nav.stories-b7beef2d.js => top-nav.stories-f60fc0f3.js} (92%) rename storybook/{tray.stories-86f6b4ec.js => tray.stories-e0457d78.js} (71%) rename storybook/{underlay.stories-489602a9.js => underlay.stories-9e54be5c.js} (82%) diff --git a/0304eb92.js b/0304eb92.js new file mode 100644 index 0000000000..84d4e5f845 --- /dev/null +++ b/0304eb92.js @@ -0,0 +1,2 @@ +import"./984717aa.js";import"./6f257f0e.js";import"./847457e5.js";import"./112b2095.js";import"./4b018fa5.js";import"./3b42bd6e.js";import"./4a4b0658.js"; +//# sourceMappingURL=0304eb92.js.map diff --git a/0304eb92.js.map b/0304eb92.js.map new file mode 100644 index 0000000000..aa77f0de49 --- /dev/null +++ b/0304eb92.js.map @@ -0,0 +1 @@ +{"version":3,"file":"0304eb92.js","sources":[],"sourcesContent":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/13c34b16.js b/030a623c.js similarity index 93% rename from 13c34b16.js rename to 030a623c.js index 3be72bbe45..0e3e560986 100644 --- a/13c34b16.js +++ b/030a623c.js @@ -1,4 +1,4 @@ -import{t as e,s as r}from"./d6d0b127.js";import{I as t,x as i,d as h}from"./b46b846d.js";h("sp-icon-chevron50",class extends t{render(){return r(i),(({width:r=24,height:t=24,title:i="Chevron50"}={})=>e`e` `)()}}); -//# sourceMappingURL=13c34b16.js.map +//# sourceMappingURL=030a623c.js.map diff --git a/13c34b16.js.map b/030a623c.js.map similarity index 98% rename from 13c34b16.js.map rename to 030a623c.js.map index 5b0d744154..03925c9738 100644 --- a/13c34b16.js.map +++ b/030a623c.js.map @@ -1 +1 @@ -{"version":3,"file":"13c34b16.js","sources":["../../../packages/icons-ui/icons/sp-icon-chevron50.js","../../../packages/icons-ui/src/elements/IconChevron50.js","../../../packages/icons-ui/src/icons/Chevron50.js","../../../packages/icons-ui/icons/sp-icon-chevron75.js","../../../packages/icons-ui/src/elements/IconChevron75.js","../../../packages/icons-ui/src/icons/Chevron75.js","../../../packages/icons-ui/icons/sp-icon-chevron200.js","../../../packages/icons-ui/src/elements/IconChevron200.js","../../../packages/icons-ui/src/icons/Chevron200.js"],"sourcesContent":["\"use strict\";import{IconChevron50 as e}from\"../src/elements/IconChevron50.js\";import{defineElement as o}from\"@spectrum-web-components/base/src/define-element.js\";o(\"sp-icon-chevron50\",e);\n//# sourceMappingURL=sp-icon-chevron50.js.map\n","\"use strict\";import{html as e}from\"@spectrum-web-components/base\";import{IconBase as t}from\"@spectrum-web-components/icon\";import{Chevron50Icon as r}from\"../icons/Chevron50.js\";import{setCustomTemplateLiteralTag as o}from\"../custom-tag.js\";export class IconChevron50 extends t{render(){return o(e),r()}}\n//# sourceMappingURL=IconChevron50.js.map\n","\"use strict\";import{tag as a}from\"../custom-tag.js\";export{setCustomTemplateLiteralTag}from\"../custom-tag.js\";export const Chevron50Icon=({width:t=24,height:e=24,title:r=\"Chevron50\"}={})=>a`\n \n `;\n//# sourceMappingURL=Chevron50.js.map\n","\"use strict\";import{IconChevron75 as e}from\"../src/elements/IconChevron75.js\";import{defineElement as o}from\"@spectrum-web-components/base/src/define-element.js\";o(\"sp-icon-chevron75\",e);\n//# sourceMappingURL=sp-icon-chevron75.js.map\n","\"use strict\";import{html as e}from\"@spectrum-web-components/base\";import{IconBase as t}from\"@spectrum-web-components/icon\";import{Chevron75Icon as r}from\"../icons/Chevron75.js\";import{setCustomTemplateLiteralTag as o}from\"../custom-tag.js\";export class IconChevron75 extends t{render(){return o(e),r()}}\n//# sourceMappingURL=IconChevron75.js.map\n","\"use strict\";import{tag as l}from\"../custom-tag.js\";export{setCustomTemplateLiteralTag}from\"../custom-tag.js\";export const Chevron75Icon=({width:t=24,height:e=24,title:r=\"Chevron75\"}={})=>l`\n \n `;\n//# sourceMappingURL=Chevron75.js.map\n","\"use strict\";import{IconChevron200 as e}from\"../src/elements/IconChevron200.js\";import{defineElement as o}from\"@spectrum-web-components/base/src/define-element.js\";o(\"sp-icon-chevron200\",e);\n//# sourceMappingURL=sp-icon-chevron200.js.map\n","\"use strict\";import{html as e}from\"@spectrum-web-components/base\";import{IconBase as t}from\"@spectrum-web-components/icon\";import{Chevron200Icon as r}from\"../icons/Chevron200.js\";import{setCustomTemplateLiteralTag as o}from\"../custom-tag.js\";export class IconChevron200 extends t{render(){return o(e),r()}}\n//# sourceMappingURL=IconChevron200.js.map\n","\"use strict\";import{tag as a}from\"../custom-tag.js\";export{setCustomTemplateLiteralTag}from\"../custom-tag.js\";export const Chevron200Icon=({width:t=24,height:e=24,title:r=\"Chevron200\"}={})=>a`\n \n `;\n//# sourceMappingURL=Chevron200.js.map\n"],"names":["defineElement","IconChevron50","t","render","html","width","height","e","title","r","Chevron50Icon","IconChevron75","Chevron75Icon","IconChevron200","Chevron200Icon"],"mappings":"yFAeAA,EAAc,oBCMDC,cAA+BC,EACvBC,SACjB,OAA4BC,EAAAA,GCRH,GAAGC,MAAAA,EAAQ,GAAIC,OAASC,EAAA,GAAIC,MAAQC,EAAA,aAAgB,CAAA,IAGxEL,CAAAA;;YAEGC;aACCC;;;;iBAIIE;;;;;UDDNE,EAEX,IEXAV,EAAc,oBCMDW,cAA+BT,EACvBC,SACjB,OAA4BC,EAAAA,GCRH,GAAGC,MAAAA,EAAQ,GAAIC,OAASC,EAAA,GAAIC,MAAQC,EAAA,aAAgB,CAAA,IAGxEL,CAAAA;;;;;;iBAMQI;YACLH;aACCC;;;;;UDFFM,EAEX,IEXAZ,EAAc,qBCMDa,cAAgCX,EACxBC,SACjB,OAA4BC,EAAAA,GCRF,GAAGC,MAAAA,EAAQ,GAAIC,OAASC,EAAA,GAAIC,MAAQC,EAAA,cAAiB,CAAA,IAG1EL,CAAAA;;;;;;iBAMQI;YACLH;aACCC;;;;;UDFFQ,EAEX"} \ No newline at end of file +{"version":3,"file":"030a623c.js","sources":["../../../packages/icons-ui/icons/sp-icon-chevron50.js","../../../packages/icons-ui/src/elements/IconChevron50.js","../../../packages/icons-ui/src/icons/Chevron50.js","../../../packages/icons-ui/icons/sp-icon-chevron75.js","../../../packages/icons-ui/src/elements/IconChevron75.js","../../../packages/icons-ui/src/icons/Chevron75.js","../../../packages/icons-ui/icons/sp-icon-chevron200.js","../../../packages/icons-ui/src/elements/IconChevron200.js","../../../packages/icons-ui/src/icons/Chevron200.js"],"sourcesContent":["\"use strict\";import{IconChevron50 as e}from\"../src/elements/IconChevron50.js\";import{defineElement as o}from\"@spectrum-web-components/base/src/define-element.js\";o(\"sp-icon-chevron50\",e);\n//# sourceMappingURL=sp-icon-chevron50.js.map\n","\"use strict\";import{html as e}from\"@spectrum-web-components/base\";import{IconBase as t}from\"@spectrum-web-components/icon\";import{Chevron50Icon as r}from\"../icons/Chevron50.js\";import{setCustomTemplateLiteralTag as o}from\"../custom-tag.js\";export class IconChevron50 extends t{render(){return o(e),r()}}\n//# sourceMappingURL=IconChevron50.js.map\n","\"use strict\";import{tag as a}from\"../custom-tag.js\";export{setCustomTemplateLiteralTag}from\"../custom-tag.js\";export const Chevron50Icon=({width:t=24,height:e=24,title:r=\"Chevron50\"}={})=>a`\n \n `;\n//# sourceMappingURL=Chevron50.js.map\n","\"use strict\";import{IconChevron75 as e}from\"../src/elements/IconChevron75.js\";import{defineElement as o}from\"@spectrum-web-components/base/src/define-element.js\";o(\"sp-icon-chevron75\",e);\n//# sourceMappingURL=sp-icon-chevron75.js.map\n","\"use strict\";import{html as e}from\"@spectrum-web-components/base\";import{IconBase as t}from\"@spectrum-web-components/icon\";import{Chevron75Icon as r}from\"../icons/Chevron75.js\";import{setCustomTemplateLiteralTag as o}from\"../custom-tag.js\";export class IconChevron75 extends t{render(){return o(e),r()}}\n//# sourceMappingURL=IconChevron75.js.map\n","\"use strict\";import{tag as l}from\"../custom-tag.js\";export{setCustomTemplateLiteralTag}from\"../custom-tag.js\";export const Chevron75Icon=({width:t=24,height:e=24,title:r=\"Chevron75\"}={})=>l`\n \n `;\n//# sourceMappingURL=Chevron75.js.map\n","\"use strict\";import{IconChevron200 as e}from\"../src/elements/IconChevron200.js\";import{defineElement as o}from\"@spectrum-web-components/base/src/define-element.js\";o(\"sp-icon-chevron200\",e);\n//# sourceMappingURL=sp-icon-chevron200.js.map\n","\"use strict\";import{html as e}from\"@spectrum-web-components/base\";import{IconBase as t}from\"@spectrum-web-components/icon\";import{Chevron200Icon as r}from\"../icons/Chevron200.js\";import{setCustomTemplateLiteralTag as o}from\"../custom-tag.js\";export class IconChevron200 extends t{render(){return o(e),r()}}\n//# sourceMappingURL=IconChevron200.js.map\n","\"use strict\";import{tag as a}from\"../custom-tag.js\";export{setCustomTemplateLiteralTag}from\"../custom-tag.js\";export const Chevron200Icon=({width:t=24,height:e=24,title:r=\"Chevron200\"}={})=>a`\n \n `;\n//# sourceMappingURL=Chevron200.js.map\n"],"names":["defineElement","IconChevron50","t","render","html","width","height","e","title","r","Chevron50Icon","IconChevron75","Chevron75Icon","IconChevron200","Chevron200Icon"],"mappings":"yFAeAA,EAAc,oBCMDC,cAA+BC,EACvBC,SACjB,OAA4BC,EAAAA,GCRH,GAAGC,MAAAA,EAAQ,GAAIC,OAASC,EAAA,GAAIC,MAAQC,EAAA,aAAgB,CAAA,IAGxEL,CAAAA;;YAEGC;aACCC;;;;iBAIIE;;;;;UDDNE,EAEX,IEXAV,EAAc,oBCMDW,cAA+BT,EACvBC,SACjB,OAA4BC,EAAAA,GCRH,GAAGC,MAAAA,EAAQ,GAAIC,OAASC,EAAA,GAAIC,MAAQC,EAAA,aAAgB,CAAA,IAGxEL,CAAAA;;;;;;iBAMQI;YACLH;aACCC;;;;;UDFFM,EAEX,IEXAZ,EAAc,qBCMDa,cAAgCX,EACxBC,SACjB,OAA4BC,EAAAA,GCRF,GAAGC,MAAAA,EAAQ,GAAIC,OAASC,EAAA,GAAIC,MAAQC,EAAA,cAAiB,CAAA,IAG1EL,CAAAA;;;;;;iBAMQI;YACLH;aACCC;;;;;UDFFQ,EAEX"} \ No newline at end of file diff --git a/1e067c0c.js b/0630b7d0.js similarity index 99% rename from 1e067c0c.js rename to 0630b7d0.js index 7643f8f941..4ada3d6739 100644 --- a/1e067c0c.js +++ b/0630b7d0.js @@ -1,4 +1,4 @@ -import{i as t}from"./112b2095.js";import{T as e}from"./c14ac009.js";import"./a2300fc2.js";var o=t` +import{i as t}from"./112b2095.js";import{T as e}from"./c14ac009.js";import"./5b2dac59.js";var o=t` :host,:root{--spectrum-global-dimension-scale-factor:1;--spectrum-global-dimension-size-0:0px;--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-30:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-185:15px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-325:26px;--spectrum-global-dimension-size-350:28px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-450:36px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-550:44px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-650:52px;--spectrum-global-dimension-size-675:54px;--spectrum-global-dimension-size-700:56px;--spectrum-global-dimension-size-750:60px;--spectrum-global-dimension-size-800:64px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1000:80px;--spectrum-global-dimension-size-1125:90px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1600:128px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-1800:144px;--spectrum-global-dimension-size-2000:160px;--spectrum-global-dimension-size-2400:192px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-size-3000:240px;--spectrum-global-dimension-size-3400:272px;--spectrum-global-dimension-size-3600:288px;--spectrum-global-dimension-size-4600:368px;--spectrum-global-dimension-size-5000:400px;--spectrum-global-dimension-size-6000:480px;--spectrum-global-dimension-font-size-25:10px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-150:15px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-global-dimension-font-size-400:20px;--spectrum-global-dimension-font-size-500:22px;--spectrum-global-dimension-font-size-600:25px;--spectrum-global-dimension-font-size-700:28px;--spectrum-global-dimension-font-size-800:32px;--spectrum-global-dimension-font-size-900:36px;--spectrum-global-dimension-font-size-1000:40px;--spectrum-global-dimension-font-size-1100:45px;--spectrum-global-dimension-font-size-1200:50px;--spectrum-global-dimension-font-size-1300:60px;--spectrum-alias-item-text-padding-top-l:var( --spectrum-global-dimension-size-115 );--spectrum-alias-item-text-padding-bottom-s:var( @@ -147,4 +147,4 @@ import{i as t}from"./112b2095.js";import{T as e}from"./c14ac009.js";import"./a23 --spectrum-border-width-200 );--spectrum-slider-bottom-to-handle-small:3px;--spectrum-slider-bottom-to-handle-medium:6px;--spectrum-slider-bottom-to-handle-large:9px;--spectrum-slider-bottom-to-handle-extra-large:12px;--spectrum-corner-radius-75:3px;--spectrum-corner-radius-100:6px;--spectrum-corner-radius-200:12px;--spectrum-drop-shadow-x:0px;--spectrum-drop-shadow-y:4px;--spectrum-drop-shadow-blur:16px} `;e.registerThemeFragment("medium-express","scale",o); -//# sourceMappingURL=1e067c0c.js.map +//# sourceMappingURL=0630b7d0.js.map diff --git a/1e067c0c.js.map b/0630b7d0.js.map similarity index 99% rename from 1e067c0c.js.map rename to 0630b7d0.js.map index b04ff73e58..5806df01cd 100644 --- a/1e067c0c.js.map +++ b/0630b7d0.js.map @@ -1 +1 @@ -{"version":3,"file":"1e067c0c.js","sources":["../../../tools/theme/src/express/scale-medium.css.js","../../../tools/theme/express/scale-medium.js"],"sourcesContent":["\"use strict\";import{css as t}from\"@spectrum-web-components/base\";const e=t`\n:host,:root{--spectrum-global-dimension-scale-factor:1;--spectrum-global-dimension-size-0:0px;--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-30:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-185:15px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-325:26px;--spectrum-global-dimension-size-350:28px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-450:36px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-550:44px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-650:52px;--spectrum-global-dimension-size-675:54px;--spectrum-global-dimension-size-700:56px;--spectrum-global-dimension-size-750:60px;--spectrum-global-dimension-size-800:64px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1000:80px;--spectrum-global-dimension-size-1125:90px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1600:128px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-1800:144px;--spectrum-global-dimension-size-2000:160px;--spectrum-global-dimension-size-2400:192px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-size-3000:240px;--spectrum-global-dimension-size-3400:272px;--spectrum-global-dimension-size-3600:288px;--spectrum-global-dimension-size-4600:368px;--spectrum-global-dimension-size-5000:400px;--spectrum-global-dimension-size-6000:480px;--spectrum-global-dimension-font-size-25:10px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-150:15px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-global-dimension-font-size-400:20px;--spectrum-global-dimension-font-size-500:22px;--spectrum-global-dimension-font-size-600:25px;--spectrum-global-dimension-font-size-700:28px;--spectrum-global-dimension-font-size-800:32px;--spectrum-global-dimension-font-size-900:36px;--spectrum-global-dimension-font-size-1000:40px;--spectrum-global-dimension-font-size-1100:45px;--spectrum-global-dimension-font-size-1200:50px;--spectrum-global-dimension-font-size-1300:60px;--spectrum-alias-item-text-padding-top-l:var(\n--spectrum-global-dimension-size-115\n);--spectrum-alias-item-text-padding-bottom-s:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-item-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-rounded-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-175\n);--spectrum-alias-item-rounded-workflow-padding-left-xl:21px;--spectrum-alias-item-mark-padding-top-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-bottom-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-l:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-xl:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-2-size-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-height-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-width-s:23px;--spectrum-alias-item-control-3-width-m:var(\n--spectrum-global-dimension-static-size-325\n);--spectrum-alias-item-control-3-width-l:29px;--spectrum-alias-item-control-3-width-xl:33px;--spectrum-alias-item-mark-size-m:var(\n--spectrum-global-dimension-size-250\n);--spectrum-alias-component-focusring-border-radius:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-focus-ring-border-radius-small:var(\n--spectrum-global-dimension-size-85\n);--spectrum-alias-focus-ring-border-radius-regular:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-control-three-width-m:28px;--spectrum-alias-control-three-width-l:var(\n--spectrum-global-dimension-static-size-450\n);--spectrum-alias-control-three-width-xl:var(\n--spectrum-global-dimension-static-size-500\n);--spectrum-alias-focus-ring-radius-default:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-workflow-icon-size-l:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-chevron-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-chevron-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-chevron-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-50:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-checkmark-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-dash-size-50:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-400:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-dash-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-dash-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-cross-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-100:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-400:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-500:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-cross-size-600:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-arrow-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-arrow-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-500:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-600:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-alias-ui-icon-cornertriangle-size-100:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-ui-icon-cornertriangle-size-300:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-ui-icon-asterisk-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-asterisk-size-300:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-dialog-confirm-title-text-size:var(\n--spectrum-alias-heading-s-text-size\n);--spectrum-dialog-confirm-description-text-size:var(\n--spectrum-global-dimension-font-size-100\n);--spectrum-dialog-confirm-padding:var(\n--spectrum-global-dimension-static-size-500\n)}:host,:root{--spectrum-global-alias-appframe-border-size:2px}:host,:root{--spectrum-workflow-icon-size-50:14px;--spectrum-workflow-icon-size-75:16px;--spectrum-workflow-icon-size-100:18px;--spectrum-workflow-icon-size-200:20px;--spectrum-workflow-icon-size-300:22px;--spectrum-arrow-icon-size-75:10px;--spectrum-arrow-icon-size-100:10px;--spectrum-arrow-icon-size-200:12px;--spectrum-arrow-icon-size-300:14px;--spectrum-arrow-icon-size-400:16px;--spectrum-arrow-icon-size-500:18px;--spectrum-arrow-icon-size-600:20px;--spectrum-asterisk-icon-size-75:8px;--spectrum-asterisk-icon-size-100:8px;--spectrum-asterisk-icon-size-200:10px;--spectrum-asterisk-icon-size-300:10px;--spectrum-checkmark-icon-size-50:10px;--spectrum-checkmark-icon-size-75:10px;--spectrum-checkmark-icon-size-100:10px;--spectrum-checkmark-icon-size-200:12px;--spectrum-checkmark-icon-size-300:14px;--spectrum-checkmark-icon-size-400:16px;--spectrum-checkmark-icon-size-500:16px;--spectrum-checkmark-icon-size-600:18px;--spectrum-chevron-icon-size-50:6px;--spectrum-chevron-icon-size-75:10px;--spectrum-chevron-icon-size-100:10px;--spectrum-chevron-icon-size-200:12px;--spectrum-chevron-icon-size-300:14px;--spectrum-chevron-icon-size-400:16px;--spectrum-chevron-icon-size-500:16px;--spectrum-chevron-icon-size-600:18px;--spectrum-corner-triangle-icon-size-75:5px;--spectrum-corner-triangle-icon-size-100:5px;--spectrum-corner-triangle-icon-size-200:6px;--spectrum-corner-triangle-icon-size-300:7px;--spectrum-cross-icon-size-75:8px;--spectrum-cross-icon-size-100:8px;--spectrum-cross-icon-size-200:10px;--spectrum-cross-icon-size-300:12px;--spectrum-cross-icon-size-400:12px;--spectrum-cross-icon-size-500:14px;--spectrum-cross-icon-size-600:16px;--spectrum-dash-icon-size-50:8px;--spectrum-dash-icon-size-75:8px;--spectrum-dash-icon-size-100:10px;--spectrum-dash-icon-size-200:12px;--spectrum-dash-icon-size-300:12px;--spectrum-dash-icon-size-400:14px;--spectrum-dash-icon-size-500:16px;--spectrum-dash-icon-size-600:18px;--spectrum-field-label-text-to-asterisk-small:4px;--spectrum-field-label-text-to-asterisk-medium:4px;--spectrum-field-label-text-to-asterisk-large:5px;--spectrum-field-label-text-to-asterisk-extra-large:5px;--spectrum-field-label-top-to-asterisk-small:8px;--spectrum-field-label-top-to-asterisk-medium:12px;--spectrum-field-label-top-to-asterisk-large:15px;--spectrum-field-label-top-to-asterisk-extra-large:19px;--spectrum-field-label-top-margin-small:0px;--spectrum-field-label-top-margin-medium:4px;--spectrum-field-label-top-margin-large:5px;--spectrum-field-label-top-margin-extra-large:5px;--spectrum-field-label-to-component-quiet-small:-8px;--spectrum-field-label-to-component-quiet-medium:-8px;--spectrum-field-label-to-component-quiet-large:-12px;--spectrum-field-label-to-component-quiet-extra-large:-15px;--spectrum-help-text-top-to-workflow-icon-small:4px;--spectrum-help-text-top-to-workflow-icon-medium:3px;--spectrum-help-text-top-to-workflow-icon-large:6px;--spectrum-help-text-top-to-workflow-icon-extra-large:9px;--spectrum-status-light-dot-size-small:8px;--spectrum-status-light-dot-size-medium:8px;--spectrum-status-light-dot-size-large:10px;--spectrum-status-light-dot-size-extra-large:10px;--spectrum-status-light-top-to-dot-small:8px;--spectrum-status-light-top-to-dot-medium:12px;--spectrum-status-light-top-to-dot-large:15px;--spectrum-status-light-top-to-dot-extra-large:19px;--spectrum-action-button-edge-to-hold-icon-extra-small:3px;--spectrum-action-button-edge-to-hold-icon-small:3px;--spectrum-action-button-edge-to-hold-icon-medium:4px;--spectrum-action-button-edge-to-hold-icon-large:5px;--spectrum-action-button-edge-to-hold-icon-extra-large:6px;--spectrum-tooltip-tip-width:8px;--spectrum-tooltip-tip-height:4px;--spectrum-tooltip-maximum-width:160px;--spectrum-progress-circle-size-small:16px;--spectrum-progress-circle-size-medium:32px;--spectrum-progress-circle-size-large:64px;--spectrum-progress-circle-thickness-small:2px;--spectrum-progress-circle-thickness-medium:3px;--spectrum-progress-circle-thickness-large:4px;--spectrum-toast-height:48px;--spectrum-toast-maximum-width:336px;--spectrum-toast-top-to-workflow-icon:15px;--spectrum-toast-top-to-text:14px;--spectrum-toast-bottom-to-text:17px;--spectrum-action-bar-height:48px;--spectrum-action-bar-top-to-item-counter:14px;--spectrum-swatch-size-extra-small:16px;--spectrum-swatch-size-small:24px;--spectrum-swatch-size-medium:32px;--spectrum-swatch-size-large:40px;--spectrum-progress-bar-thickness-small:4px;--spectrum-progress-bar-thickness-medium:6px;--spectrum-progress-bar-thickness-large:8px;--spectrum-progress-bar-thickness-extra-large:10px;--spectrum-meter-width:192px;--spectrum-meter-thickness-small:4px;--spectrum-meter-thickness-large:6px;--spectrum-tag-top-to-avatar-small:4px;--spectrum-tag-top-to-avatar-medium:6px;--spectrum-tag-top-to-avatar-large:9px;--spectrum-tag-top-to-cross-icon-small:8px;--spectrum-tag-top-to-cross-icon-medium:12px;--spectrum-tag-top-to-cross-icon-large:15px;--spectrum-popover-top-to-content-area:4px;--spectrum-menu-item-edge-to-content-not-selected-small:28px;--spectrum-menu-item-edge-to-content-not-selected-medium:32px;--spectrum-menu-item-edge-to-content-not-selected-large:38px;--spectrum-menu-item-edge-to-content-not-selected-extra-large:45px;--spectrum-menu-item-top-to-disclosure-icon-small:7px;--spectrum-menu-item-top-to-disclosure-icon-medium:11px;--spectrum-menu-item-top-to-disclosure-icon-large:14px;--spectrum-menu-item-top-to-disclosure-icon-extra-large:17px;--spectrum-menu-item-top-to-selected-icon-small:7px;--spectrum-menu-item-top-to-selected-icon-medium:11px;--spectrum-menu-item-top-to-selected-icon-large:14px;--spectrum-menu-item-top-to-selected-icon-extra-large:17px;--spectrum-slider-control-to-field-label-small:5px;--spectrum-slider-control-to-field-label-medium:8px;--spectrum-slider-control-to-field-label-large:11px;--spectrum-slider-control-to-field-label-extra-large:14px;--spectrum-picker-visual-to-disclosure-icon-small:7px;--spectrum-picker-visual-to-disclosure-icon-medium:8px;--spectrum-picker-visual-to-disclosure-icon-large:9px;--spectrum-picker-visual-to-disclosure-icon-extra-large:10px;--spectrum-text-area-minimum-width:112px;--spectrum-text-area-minimum-height:56px;--spectrum-combo-box-visual-to-field-button-small:7px;--spectrum-combo-box-visual-to-field-button-medium:8px;--spectrum-combo-box-visual-to-field-button-large:9px;--spectrum-combo-box-visual-to-field-button-extra-large:10px;--spectrum-thumbnail-size-50:16px;--spectrum-thumbnail-size-75:18px;--spectrum-thumbnail-size-100:20px;--spectrum-thumbnail-size-200:22px;--spectrum-thumbnail-size-300:26px;--spectrum-thumbnail-size-400:28px;--spectrum-thumbnail-size-500:32px;--spectrum-thumbnail-size-600:36px;--spectrum-thumbnail-size-700:40px;--spectrum-thumbnail-size-800:44px;--spectrum-thumbnail-size-900:50px;--spectrum-thumbnail-size-1000:56px;--spectrum-alert-dialog-title-size:var(--spectrum-heading-size-s);--spectrum-alert-dialog-description-size:var(--spectrum-body-size-s);--spectrum-opacity-checkerboard-square-size:8px;--spectrum-contextual-help-title-size:var(--spectrum-heading-size-xs);--spectrum-contextual-help-body-size:var(--spectrum-heading-size-s);--spectrum-breadcrumbs-height-multiline:72px;--spectrum-breadcrumbs-top-to-text:13px;--spectrum-breadcrumbs-top-to-text-compact:11px;--spectrum-breadcrumbs-top-to-text-multiline:12px;--spectrum-breadcrumbs-bottom-to-text:15px;--spectrum-breadcrumbs-bottom-to-text-compact:12px;--spectrum-breadcrumbs-bottom-to-text-multiline:9px;--spectrum-breadcrumbs-start-edge-to-text:8px;--spectrum-breadcrumbs-top-text-to-bottom-text:9px;--spectrum-breadcrumbs-top-to-separator-icon:19px;--spectrum-breadcrumbs-top-to-separator-icon-compact:15px;--spectrum-breadcrumbs-top-to-separator-icon-multiline:15px;--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:11px;--spectrum-breadcrumbs-top-to-truncated-menu:8px;--spectrum-breadcrumbs-top-to-truncated-menu-compact:4px;--spectrum-avatar-size-50:16px;--spectrum-avatar-size-75:18px;--spectrum-avatar-size-100:20px;--spectrum-avatar-size-200:22px;--spectrum-avatar-size-300:26px;--spectrum-avatar-size-400:28px;--spectrum-avatar-size-500:32px;--spectrum-avatar-size-600:36px;--spectrum-avatar-size-700:40px;--spectrum-alert-banner-minimum-height:48px;--spectrum-alert-banner-width:832px;--spectrum-alert-banner-top-to-workflow-icon:15px;--spectrum-alert-banner-top-to-text:14px;--spectrum-alert-banner-bottom-to-text:17px;--spectrum-rating-indicator-width:18px;--spectrum-rating-indicator-to-icon:4px;--spectrum-color-area-width:192px;--spectrum-color-area-minimum-width:64px;--spectrum-color-area-height:192px;--spectrum-color-area-minimum-height:64px;--spectrum-color-wheel-width:192px;--spectrum-color-wheel-minimum-width:175px;--spectrum-color-slider-length:192px;--spectrum-color-slider-minimum-length:80px;--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-m);--spectrum-illustrated-message-cjk-title-size:var(\n--spectrum-heading-cjk-size-m\n);--spectrum-illustrated-message-body-size:var(--spectrum-body-size-s);--spectrum-coach-mark-width:296px;--spectrum-coach-mark-minimum-width:296px;--spectrum-coach-mark-maximum-width:380px;--spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-400);--spectrum-coach-mark-pagination-text-to-bottom-edge:33px;--spectrum-coach-mark-media-height:222px;--spectrum-coach-mark-media-minimum-height:166px;--spectrum-coach-mark-title-size:var(--spectrum-heading-size-xs);--spectrum-coach-mark-body-size:var(--spectrum-body-size-s);--spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-s);--spectrum-accordion-top-to-text-compact-small:2px;--spectrum-accordion-top-to-text-regular-small:5px;--spectrum-accordion-small-top-to-text-spacious:9px;--spectrum-accordion-top-to-text-compact-medium:4px;--spectrum-accordion-top-to-text-regular-medium:8px;--spectrum-accordion-top-to-text-spacious-medium:12px;--spectrum-accordion-top-to-text-compact-large:4px;--spectrum-accordion-top-to-text-regular-large:9px;--spectrum-accordion-top-to-text-spacious-large:12px;--spectrum-accordion-top-to-text-compact-extra-large:5px;--spectrum-accordion-top-to-text-regular-extra-large:9px;--spectrum-accordion-top-to-text-spacious-extra-large:13px;--spectrum-accordion-bottom-to-text-compact-small:2px;--spectrum-accordion-bottom-to-text-regular-small:7px;--spectrum-accordion-bottom-to-text-spacious-small:11px;--spectrum-accordion-bottom-to-text-compact-medium:5px;--spectrum-accordion-bottom-to-text-regular-medium:9px;--spectrum-accordion-bottom-to-text-spacious-medium:13px;--spectrum-accordion-bottom-to-text-compact-large:8px;--spectrum-accordion-bottom-to-text-regular-large:11px;--spectrum-accordion-bottom-to-text-spacious-large:16px;--spectrum-accordion-bottom-to-text-compact-extra-large:8px;--spectrum-accordion-bottom-to-text-regular-extra-large:12px;--spectrum-accordion-bottom-to-text-spacious-extra-large:16px;--spectrum-accordion-minimum-width:200px;--spectrum-accordion-disclosure-indicator-to-text:0px;--spectrum-accordion-edge-to-disclosure-indicator:0px;--spectrum-accordion-edge-to-text:0px;--spectrum-accordion-focus-indicator-gap:0px;--spectrum-accordion-content-area-top-to-content:8px;--spectrum-accordion-content-area-bottom-to-content:16px;--spectrum-color-handle-size:16px;--spectrum-color-handle-size-key-focus:32px;--spectrum-table-column-header-row-top-to-text-small:8px;--spectrum-table-column-header-row-top-to-text-medium:7px;--spectrum-table-column-header-row-top-to-text-large:10px;--spectrum-table-column-header-row-top-to-text-extra-large:13px;--spectrum-table-column-header-row-bottom-to-text-small:9px;--spectrum-table-column-header-row-bottom-to-text-medium:8px;--spectrum-table-column-header-row-bottom-to-text-large:10px;--spectrum-table-column-header-row-bottom-to-text-extra-large:13px;--spectrum-table-row-height-small-regular:32px;--spectrum-table-row-height-medium-regular:40px;--spectrum-table-row-height-large-regular:48px;--spectrum-table-row-height-extra-large-regular:56px;--spectrum-table-row-height-small-spacious:40px;--spectrum-table-row-height-medium-spacious:48px;--spectrum-table-row-height-large-spacious:56px;--spectrum-table-row-height-extra-large-spacious:64px;--spectrum-table-row-top-to-text-small-regular:8px;--spectrum-table-row-top-to-text-medium-regular:11px;--spectrum-table-row-top-to-text-large-regular:14px;--spectrum-table-row-top-to-text-extra-large-regular:17px;--spectrum-table-row-bottom-to-text-small-regular:9px;--spectrum-table-row-bottom-to-text-medium-regular:12px;--spectrum-table-row-bottom-to-text-large-regular:14px;--spectrum-table-row-bottom-to-text-extra-large-regular:17px;--spectrum-table-row-top-to-text-small-spacious:12px;--spectrum-table-row-top-to-text-medium-spacious:15px;--spectrum-table-row-top-to-text-large-spacious:18px;--spectrum-table-row-top-to-text-extra-large-spacious:21px;--spectrum-table-row-bottom-to-text-small-spacious:13px;--spectrum-table-row-bottom-to-text-medium-spacious:16px;--spectrum-table-row-bottom-to-text-large-spacious:18px;--spectrum-table-row-bottom-to-text-extra-large-spacious:21px;--spectrum-table-edge-to-content:16px;--spectrum-table-checkbox-to-text:24px;--spectrum-table-header-row-checkbox-to-top-small:10px;--spectrum-table-header-row-checkbox-to-top-medium:9px;--spectrum-table-header-row-checkbox-to-top-large:12px;--spectrum-table-header-row-checkbox-to-top-extra-large:15px;--spectrum-table-row-checkbox-to-top-small-compact:6px;--spectrum-table-row-checkbox-to-top-small-regular:10px;--spectrum-table-row-checkbox-to-top-small-spacious:14px;--spectrum-table-row-checkbox-to-top-medium-compact:9px;--spectrum-table-row-checkbox-to-top-medium-regular:13px;--spectrum-table-row-checkbox-to-top-medium-spacious:17px;--spectrum-table-row-checkbox-to-top-large-compact:12px;--spectrum-table-row-checkbox-to-top-large-regular:16px;--spectrum-table-row-checkbox-to-top-large-spacious:20px;--spectrum-table-row-checkbox-to-top-extra-large-compact:15px;--spectrum-table-row-checkbox-to-top-extra-large-regular:19px;--spectrum-table-row-checkbox-to-top-extra-large-spacious:23px;--spectrum-table-section-header-row-height-small:24px;--spectrum-table-section-header-row-height-medium:32px;--spectrum-table-section-header-row-height-large:40px;--spectrum-table-section-header-row-height-extra-large:48px;--spectrum-table-thumbnail-to-top-minimum-small-compact:4px;--spectrum-table-thumbnail-to-top-minimum-medium-compact:5px;--spectrum-table-thumbnail-to-top-minimum-large-compact:7px;--spectrum-table-thumbnail-to-top-minimum-extra-large-compact:8px;--spectrum-table-thumbnail-to-top-minimum-small-regular:5px;--spectrum-table-thumbnail-to-top-minimum-medium-regular:7px;--spectrum-table-thumbnail-to-top-minimum-large-regular:8px;--spectrum-table-thumbnail-to-top-minimum-extra-large-regular:8px;--spectrum-table-thumbnail-to-top-minimum-small-spacious:7px;--spectrum-table-thumbnail-to-top-minimum-medium-spacious:8px;--spectrum-table-thumbnail-to-top-minimum-large-spacious:8px;--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:10px;--spectrum-tab-item-to-tab-item-horizontal-small:21px;--spectrum-tab-item-to-tab-item-horizontal-medium:24px;--spectrum-tab-item-to-tab-item-horizontal-large:27px;--spectrum-tab-item-to-tab-item-horizontal-extra-large:30px;--spectrum-tab-item-to-tab-item-vertical-small:4px;--spectrum-tab-item-to-tab-item-vertical-medium:4px;--spectrum-tab-item-to-tab-item-vertical-large:5px;--spectrum-tab-item-to-tab-item-vertical-extra-large:5px;--spectrum-tab-item-start-to-edge-small:12px;--spectrum-tab-item-start-to-edge-medium:12px;--spectrum-tab-item-start-to-edge-large:13px;--spectrum-tab-item-start-to-edge-extra-large:13px;--spectrum-tab-item-top-to-text-small:11px;--spectrum-tab-item-bottom-to-text-small:12px;--spectrum-tab-item-top-to-text-medium:14px;--spectrum-tab-item-bottom-to-text-medium:14px;--spectrum-tab-item-top-to-text-large:16px;--spectrum-tab-item-bottom-to-text-large:18px;--spectrum-tab-item-top-to-text-extra-large:19px;--spectrum-tab-item-bottom-to-text-extra-large:20px;--spectrum-tab-item-top-to-text-compact-small:4px;--spectrum-tab-item-bottom-to-text-compact-small:5px;--spectrum-tab-item-top-to-text-compact-medium:6px;--spectrum-tab-item-bottom-to-text-compact-medium:8px;--spectrum-tab-item-top-to-text-compact-large:10px;--spectrum-tab-item-bottom-to-text-compact-large:12px;--spectrum-tab-item-top-to-text-compact-extra-large:12px;--spectrum-tab-item-bottom-to-text-compact-extra-large:13px;--spectrum-tab-item-top-to-workflow-icon-small:13px;--spectrum-tab-item-top-to-workflow-icon-medium:15px;--spectrum-tab-item-top-to-workflow-icon-large:17px;--spectrum-tab-item-top-to-workflow-icon-extra-large:19px;--spectrum-tab-item-top-to-workflow-icon-compact-small:3px;--spectrum-tab-item-top-to-workflow-icon-compact-medium:7px;--spectrum-tab-item-top-to-workflow-icon-compact-large:9px;--spectrum-tab-item-top-to-workflow-icon-compact-extra-large:11px;--spectrum-tab-item-focus-indicator-gap-small:7px;--spectrum-tab-item-focus-indicator-gap-medium:8px;--spectrum-tab-item-focus-indicator-gap-large:9px;--spectrum-tab-item-focus-indicator-gap-extra-large:10px;--spectrum-side-navigation-width:192px;--spectrum-side-navigation-minimum-width:160px;--spectrum-side-navigation-maximum-width:240px;--spectrum-side-navigation-second-level-edge-to-text:24px;--spectrum-side-navigation-third-level-edge-to-text:36px;--spectrum-side-navigation-with-icon-second-level-edge-to-text:50px;--spectrum-side-navigation-with-icon-third-level-edge-to-text:62px;--spectrum-side-navigation-item-to-item:4px;--spectrum-side-navigation-item-to-header:16px;--spectrum-side-navigation-bottom-to-text:8px;--spectrum-tray-top-to-content-area:4px;--spectrum-text-to-visual-50:6px;--spectrum-text-to-visual-75:7px;--spectrum-text-to-visual-100:8px;--spectrum-text-to-visual-200:9px;--spectrum-text-to-visual-300:10px;--spectrum-text-to-control-75:9px;--spectrum-text-to-control-100:10px;--spectrum-text-to-control-200:11px;--spectrum-text-to-control-300:13px;--spectrum-component-height-50:20px;--spectrum-component-height-75:24px;--spectrum-component-height-100:32px;--spectrum-component-height-200:40px;--spectrum-component-height-300:48px;--spectrum-component-height-400:56px;--spectrum-component-height-500:64px;--spectrum-component-pill-edge-to-visual-75:10px;--spectrum-component-pill-edge-to-visual-100:14px;--spectrum-component-pill-edge-to-visual-200:18px;--spectrum-component-pill-edge-to-visual-300:21px;--spectrum-component-pill-edge-to-visual-only-75:4px;--spectrum-component-pill-edge-to-visual-only-100:7px;--spectrum-component-pill-edge-to-visual-only-200:10px;--spectrum-component-pill-edge-to-visual-only-300:13px;--spectrum-component-pill-edge-to-text-75:12px;--spectrum-component-pill-edge-to-text-100:16px;--spectrum-component-pill-edge-to-text-200:20px;--spectrum-component-pill-edge-to-text-300:24px;--spectrum-component-edge-to-visual-50:6px;--spectrum-component-edge-to-visual-75:7px;--spectrum-component-edge-to-visual-100:10px;--spectrum-component-edge-to-visual-200:13px;--spectrum-component-edge-to-visual-300:15px;--spectrum-component-edge-to-visual-only-50:3px;--spectrum-component-edge-to-visual-only-75:4px;--spectrum-component-edge-to-visual-only-100:7px;--spectrum-component-edge-to-visual-only-200:10px;--spectrum-component-edge-to-visual-only-300:13px;--spectrum-component-edge-to-text-50:8px;--spectrum-component-edge-to-text-75:9px;--spectrum-component-edge-to-text-100:12px;--spectrum-component-edge-to-text-200:15px;--spectrum-component-edge-to-text-300:18px;--spectrum-component-top-to-workflow-icon-50:3px;--spectrum-component-top-to-workflow-icon-75:4px;--spectrum-component-top-to-workflow-icon-100:7px;--spectrum-component-top-to-workflow-icon-200:10px;--spectrum-component-top-to-workflow-icon-300:13px;--spectrum-component-top-to-text-50:3px;--spectrum-component-top-to-text-75:4px;--spectrum-component-top-to-text-100:6px;--spectrum-component-top-to-text-200:9px;--spectrum-component-top-to-text-300:12px;--spectrum-component-bottom-to-text-50:3px;--spectrum-component-bottom-to-text-75:5px;--spectrum-component-bottom-to-text-100:9px;--spectrum-component-bottom-to-text-200:11px;--spectrum-component-bottom-to-text-300:14px;--spectrum-component-to-menu-small:6px;--spectrum-component-to-menu-medium:6px;--spectrum-component-to-menu-large:7px;--spectrum-component-to-menu-extra-large:8px;--spectrum-field-edge-to-disclosure-icon-75:7px;--spectrum-field-edge-to-disclosure-icon-100:11px;--spectrum-field-edge-to-disclosure-icon-200:14px;--spectrum-field-edge-to-disclosure-icon-300:17px;--spectrum-field-end-edge-to-disclosure-icon-75:7px;--spectrum-field-end-edge-to-disclosure-icon-100:11px;--spectrum-field-end-edge-to-disclosure-icon-200:14px;--spectrum-field-end-edge-to-disclosure-icon-300:17px;--spectrum-field-top-to-disclosure-icon-75:7px;--spectrum-field-top-to-disclosure-icon-100:11px;--spectrum-field-top-to-disclosure-icon-200:14px;--spectrum-field-top-to-disclosure-icon-300:17px;--spectrum-field-top-to-alert-icon-small:4px;--spectrum-field-top-to-alert-icon-medium:7px;--spectrum-field-top-to-alert-icon-large:10px;--spectrum-field-top-to-alert-icon-extra-large:13px;--spectrum-field-top-to-validation-icon-small:7px;--spectrum-field-top-to-validation-icon-medium:11px;--spectrum-field-top-to-validation-icon-large:14px;--spectrum-field-top-to-validation-icon-extra-large:17px;--spectrum-field-top-to-progress-circle-small:4px;--spectrum-field-top-to-progress-circle-medium:8px;--spectrum-field-top-to-progress-circle-large:12px;--spectrum-field-top-to-progress-circle-extra-large:16px;--spectrum-field-edge-to-alert-icon-small:9px;--spectrum-field-edge-to-alert-icon-medium:12px;--spectrum-field-edge-to-alert-icon-large:15px;--spectrum-field-edge-to-alert-icon-extra-large:18px;--spectrum-field-edge-to-validation-icon-small:9px;--spectrum-field-edge-to-validation-icon-medium:12px;--spectrum-field-edge-to-validation-icon-large:15px;--spectrum-field-edge-to-validation-icon-extra-large:18px;--spectrum-field-text-to-alert-icon-small:8px;--spectrum-field-text-to-alert-icon-medium:12px;--spectrum-field-text-to-alert-icon-large:15px;--spectrum-field-text-to-alert-icon-extra-large:18px;--spectrum-field-text-to-validation-icon-small:8px;--spectrum-field-text-to-validation-icon-medium:12px;--spectrum-field-text-to-validation-icon-large:15px;--spectrum-field-text-to-validation-icon-extra-large:18px;--spectrum-field-width:192px;--spectrum-character-count-to-field-quiet-small:-3px;--spectrum-character-count-to-field-quiet-medium:-3px;--spectrum-character-count-to-field-quiet-large:-3px;--spectrum-character-count-to-field-quiet-extra-large:-4px;--spectrum-side-label-character-count-to-field:12px;--spectrum-side-label-character-count-top-margin-small:4px;--spectrum-side-label-character-count-top-margin-medium:8px;--spectrum-side-label-character-count-top-margin-large:11px;--spectrum-side-label-character-count-top-margin-extra-large:14px;--spectrum-disclosure-indicator-top-to-disclosure-icon-small:7px;--spectrum-disclosure-indicator-top-to-disclosure-icon-medium:11px;--spectrum-disclosure-indicator-top-to-disclosure-icon-large:14px;--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:17px;--spectrum-navigational-indicator-top-to-back-icon-small:7px;--spectrum-navigational-indicator-top-to-back-icon-medium:11px;--spectrum-navigational-indicator-top-to-back-icon-large:14px;--spectrum-navigational-indicator-top-to-back-icon-extra-large:17px;--spectrum-color-control-track-width:24px;--spectrum-font-size-50:11px;--spectrum-font-size-75:12px;--spectrum-font-size-100:14px;--spectrum-font-size-200:16px;--spectrum-font-size-300:18px;--spectrum-font-size-400:20px;--spectrum-font-size-500:22px;--spectrum-font-size-600:25px;--spectrum-font-size-700:28px;--spectrum-font-size-800:32px;--spectrum-font-size-900:36px;--spectrum-font-size-1000:40px;--spectrum-font-size-1100:45px;--spectrum-font-size-1200:50px;--spectrum-font-size-1300:60px}:host,:root{--spectrum-edge-to-visual-only-75:4px;--spectrum-edge-to-visual-only-100:7px;--spectrum-edge-to-visual-only-200:10px;--spectrum-edge-to-visual-only-300:13px;--spectrum-slider-tick-mark-height:10px;--spectrum-slider-ramp-track-height:16px;--spectrum-colorwheel-path:\"M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0\";--spectrum-colorwheel-colorarea-container-size:144px;--spectrum-colorloupe-checkerboard-fill:url(#checkerboard-primary);--spectrum-menu-item-selectable-edge-to-text-not-selected-small:28px;--spectrum-menu-item-selectable-edge-to-text-not-selected-medium:32px;--spectrum-menu-item-selectable-edge-to-text-not-selected-large:38px;--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:45px;--spectrum-menu-item-checkmark-height-small:10px;--spectrum-menu-item-checkmark-height-medium:10px;--spectrum-menu-item-checkmark-height-large:12px;--spectrum-menu-item-checkmark-height-extra-large:14px;--spectrum-menu-item-checkmark-width-small:10px;--spectrum-menu-item-checkmark-width-medium:10px;--spectrum-menu-item-checkmark-width-large:12px;--spectrum-menu-item-checkmark-width-extra-large:14px;--spectrum-rating-icon-spacing:var(--spectrum-spacing-75);--spectrum-button-top-to-text-small:5px;--spectrum-button-bottom-to-text-small:4px;--spectrum-button-top-to-text-medium:7px;--spectrum-button-bottom-to-text-medium:8px;--spectrum-button-top-to-text-large:10px;--spectrum-button-bottom-to-text-large:10px;--spectrum-button-top-to-text-extra-large:13px;--spectrum-button-bottom-to-text-extra-large:13px;--spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-100);--spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-100);--spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-100);--spectrum-alert-banner-text-to-button-vertical:var(\n--spectrum-spacing-100\n);--spectrum-sidenav-heading-top-margin:24px;--spectrum-sidenav-heading-bottom-margin:8px;--spectrum-sidenav-bottom-to-label:8px;--spectrum-alert-dialog-padding:var(--spectrum-spacing-500);--spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-700);--spectrum-coach-indicator-gap:6px;--spectrum-coach-indicator-ring-diameter:var(--spectrum-spacing-300);--spectrum-coach-indicator-quiet-ring-diameter:var(--spectrum-spacing-100);--spectrum-coachmark-buttongroup-display:flex;--spectrum-coachmark-buttongroup-mobile-display:none;--spectrum-coachmark-menu-display:inline-flex;--spectrum-coachmark-menu-mobile-display:none;--spectrum-well-padding:var(--spectrum-spacing-300);--spectrum-well-margin-top:var(--spectrum-spacing-75);--spectrum-well-min-width:240px;--spectrum-well-border-radius:var(--spectrum-spacing-75);--spectrum-icon-chevron-size-50:6px;--spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);--spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);--spectrum-treeview-item-indentation-large:20px;--spectrum-treeview-item-indentation-extra-large:var(\n--spectrum-spacing-400\n);--spectrum-treeview-indicator-inset-block-start:5px;--spectrum-dialog-confirm-entry-animation-distance:20px;--spectrum-dialog-confirm-hero-height:128px;--spectrum-dialog-confirm-border-radius:4px;--spectrum-dialog-confirm-title-text-size:18px;--spectrum-dialog-confirm-description-text-size:14px;--spectrum-dialog-confirm-padding-grid:40px;--spectrum-datepicker-initial-width:128px;--spectrum-datepicker-generic-padding:var(--spectrum-spacing-200);--spectrum-datepicker-dash-line-height:24px;--spectrum-datepicker-width-quiet-first:72px;--spectrum-datepicker-width-quiet-second:16px;--spectrum-datepicker-datetime-width-first:36px;--spectrum-datepicker-invalid-icon-to-button:8px;--spectrum-datepicker-invalid-icon-to-button-quiet:7px;--spectrum-datepicker-input-datetime-width:var(--spectrum-spacing-400);--spectrum-pagination-textfield-width:var(--spectrum-spacing-700);--spectrum-pagination-item-inline-spacing:5px;--spectrum-dial-border-radius:16px;--spectrum-dial-handle-position:8px;--spectrum-dial-handle-block-margin:16px;--spectrum-dial-handle-inline-margin:16px;--spectrum-dial-controls-margin:8px;--spectrum-dial-label-gap-y:5px;--spectrum-dial-label-container-top-to-text:4px}:host,:root{--spectrum-colorwheel-path:\"M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0\";--spectrum-colorwheel-path-borders:\"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0\";--spectrum-dialog-confirm-border-radius:6px;--spectrum-dial-border-radius:12px}:host,:root{--spectrum-checkbox-control-size-small:14px;--spectrum-checkbox-control-size-medium:16px;--spectrum-checkbox-control-size-large:18px;--spectrum-checkbox-control-size-extra-large:20px;--spectrum-checkbox-top-to-control-small:5px;--spectrum-checkbox-top-to-control-medium:8px;--spectrum-checkbox-top-to-control-large:11px;--spectrum-checkbox-top-to-control-extra-large:14px;--spectrum-switch-control-width-small:25px;--spectrum-switch-control-width-medium:28px;--spectrum-switch-control-width-large:32px;--spectrum-switch-control-width-extra-large:35px;--spectrum-switch-control-height-small:14px;--spectrum-switch-control-height-medium:16px;--spectrum-switch-control-height-large:18px;--spectrum-switch-control-height-extra-large:20px;--spectrum-switch-top-to-control-small:5px;--spectrum-switch-top-to-control-medium:8px;--spectrum-switch-top-to-control-large:11px;--spectrum-switch-top-to-control-extra-large:14px;--spectrum-radio-button-control-size-small:14px;--spectrum-radio-button-control-size-medium:16px;--spectrum-radio-button-control-size-large:18px;--spectrum-radio-button-control-size-extra-large:20px;--spectrum-radio-button-top-to-control-small:5px;--spectrum-radio-button-top-to-control-medium:8px;--spectrum-radio-button-top-to-control-large:11px;--spectrum-radio-button-top-to-control-extra-large:14px;--spectrum-slider-control-height-small:18px;--spectrum-slider-control-height-medium:20px;--spectrum-slider-control-height-large:22px;--spectrum-slider-control-height-extra-large:24px;--spectrum-slider-handle-size-small:18px;--spectrum-slider-handle-size-medium:20px;--spectrum-slider-handle-size-large:22px;--spectrum-slider-handle-size-extra-large:24px;--spectrum-slider-handle-border-width-down-small:var(\n--spectrum-border-width-200\n);--spectrum-slider-handle-border-width-down-medium:var(\n--spectrum-border-width-200\n);--spectrum-slider-handle-border-width-down-large:var(\n--spectrum-border-width-200\n);--spectrum-slider-handle-border-width-down-extra-large:var(\n--spectrum-border-width-200\n);--spectrum-slider-bottom-to-handle-small:3px;--spectrum-slider-bottom-to-handle-medium:6px;--spectrum-slider-bottom-to-handle-large:9px;--spectrum-slider-bottom-to-handle-extra-large:12px;--spectrum-corner-radius-75:3px;--spectrum-corner-radius-100:6px;--spectrum-corner-radius-200:12px;--spectrum-drop-shadow-x:0px;--spectrum-drop-shadow-y:4px;--spectrum-drop-shadow-blur:16px}\n`;export default e;\n//# sourceMappingURL=scale-medium.css.js.map\n","\"use strict\";import e from\"../src/express/scale-medium.css.js\";import{Theme as m}from\"../src/Theme.js\";import\"../src/express/core.js\";m.registerThemeFragment(\"medium-express\",\"scale\",e);\n//# sourceMappingURL=scale-medium.js.map\n"],"names":["css","Theme","registerThemeFragment","mediumStyles"],"mappings":"0FAiKA,MArJeA,CAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECIfC,EAAMC,sBAAsB,iBAAkB,QAASC"} \ No newline at end of file +{"version":3,"file":"0630b7d0.js","sources":["../../../tools/theme/src/express/scale-medium.css.js","../../../tools/theme/express/scale-medium.js"],"sourcesContent":["\"use strict\";import{css as t}from\"@spectrum-web-components/base\";const e=t`\n:host,:root{--spectrum-global-dimension-scale-factor:1;--spectrum-global-dimension-size-0:0px;--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-30:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-185:15px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-325:26px;--spectrum-global-dimension-size-350:28px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-450:36px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-550:44px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-650:52px;--spectrum-global-dimension-size-675:54px;--spectrum-global-dimension-size-700:56px;--spectrum-global-dimension-size-750:60px;--spectrum-global-dimension-size-800:64px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1000:80px;--spectrum-global-dimension-size-1125:90px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1600:128px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-1800:144px;--spectrum-global-dimension-size-2000:160px;--spectrum-global-dimension-size-2400:192px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-size-3000:240px;--spectrum-global-dimension-size-3400:272px;--spectrum-global-dimension-size-3600:288px;--spectrum-global-dimension-size-4600:368px;--spectrum-global-dimension-size-5000:400px;--spectrum-global-dimension-size-6000:480px;--spectrum-global-dimension-font-size-25:10px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-150:15px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-global-dimension-font-size-400:20px;--spectrum-global-dimension-font-size-500:22px;--spectrum-global-dimension-font-size-600:25px;--spectrum-global-dimension-font-size-700:28px;--spectrum-global-dimension-font-size-800:32px;--spectrum-global-dimension-font-size-900:36px;--spectrum-global-dimension-font-size-1000:40px;--spectrum-global-dimension-font-size-1100:45px;--spectrum-global-dimension-font-size-1200:50px;--spectrum-global-dimension-font-size-1300:60px;--spectrum-alias-item-text-padding-top-l:var(\n--spectrum-global-dimension-size-115\n);--spectrum-alias-item-text-padding-bottom-s:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-item-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-rounded-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-175\n);--spectrum-alias-item-rounded-workflow-padding-left-xl:21px;--spectrum-alias-item-mark-padding-top-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-bottom-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-l:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-xl:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-2-size-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-height-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-width-s:23px;--spectrum-alias-item-control-3-width-m:var(\n--spectrum-global-dimension-static-size-325\n);--spectrum-alias-item-control-3-width-l:29px;--spectrum-alias-item-control-3-width-xl:33px;--spectrum-alias-item-mark-size-m:var(\n--spectrum-global-dimension-size-250\n);--spectrum-alias-component-focusring-border-radius:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-focus-ring-border-radius-small:var(\n--spectrum-global-dimension-size-85\n);--spectrum-alias-focus-ring-border-radius-regular:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-control-three-width-m:28px;--spectrum-alias-control-three-width-l:var(\n--spectrum-global-dimension-static-size-450\n);--spectrum-alias-control-three-width-xl:var(\n--spectrum-global-dimension-static-size-500\n);--spectrum-alias-focus-ring-radius-default:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-workflow-icon-size-l:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-chevron-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-chevron-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-chevron-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-50:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-checkmark-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-dash-size-50:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-400:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-dash-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-dash-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-cross-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-100:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-400:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-500:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-cross-size-600:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-arrow-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-arrow-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-500:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-600:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-alias-ui-icon-cornertriangle-size-100:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-ui-icon-cornertriangle-size-300:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-ui-icon-asterisk-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-asterisk-size-300:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-dialog-confirm-title-text-size:var(\n--spectrum-alias-heading-s-text-size\n);--spectrum-dialog-confirm-description-text-size:var(\n--spectrum-global-dimension-font-size-100\n);--spectrum-dialog-confirm-padding:var(\n--spectrum-global-dimension-static-size-500\n)}:host,:root{--spectrum-global-alias-appframe-border-size:2px}:host,:root{--spectrum-workflow-icon-size-50:14px;--spectrum-workflow-icon-size-75:16px;--spectrum-workflow-icon-size-100:18px;--spectrum-workflow-icon-size-200:20px;--spectrum-workflow-icon-size-300:22px;--spectrum-arrow-icon-size-75:10px;--spectrum-arrow-icon-size-100:10px;--spectrum-arrow-icon-size-200:12px;--spectrum-arrow-icon-size-300:14px;--spectrum-arrow-icon-size-400:16px;--spectrum-arrow-icon-size-500:18px;--spectrum-arrow-icon-size-600:20px;--spectrum-asterisk-icon-size-75:8px;--spectrum-asterisk-icon-size-100:8px;--spectrum-asterisk-icon-size-200:10px;--spectrum-asterisk-icon-size-300:10px;--spectrum-checkmark-icon-size-50:10px;--spectrum-checkmark-icon-size-75:10px;--spectrum-checkmark-icon-size-100:10px;--spectrum-checkmark-icon-size-200:12px;--spectrum-checkmark-icon-size-300:14px;--spectrum-checkmark-icon-size-400:16px;--spectrum-checkmark-icon-size-500:16px;--spectrum-checkmark-icon-size-600:18px;--spectrum-chevron-icon-size-50:6px;--spectrum-chevron-icon-size-75:10px;--spectrum-chevron-icon-size-100:10px;--spectrum-chevron-icon-size-200:12px;--spectrum-chevron-icon-size-300:14px;--spectrum-chevron-icon-size-400:16px;--spectrum-chevron-icon-size-500:16px;--spectrum-chevron-icon-size-600:18px;--spectrum-corner-triangle-icon-size-75:5px;--spectrum-corner-triangle-icon-size-100:5px;--spectrum-corner-triangle-icon-size-200:6px;--spectrum-corner-triangle-icon-size-300:7px;--spectrum-cross-icon-size-75:8px;--spectrum-cross-icon-size-100:8px;--spectrum-cross-icon-size-200:10px;--spectrum-cross-icon-size-300:12px;--spectrum-cross-icon-size-400:12px;--spectrum-cross-icon-size-500:14px;--spectrum-cross-icon-size-600:16px;--spectrum-dash-icon-size-50:8px;--spectrum-dash-icon-size-75:8px;--spectrum-dash-icon-size-100:10px;--spectrum-dash-icon-size-200:12px;--spectrum-dash-icon-size-300:12px;--spectrum-dash-icon-size-400:14px;--spectrum-dash-icon-size-500:16px;--spectrum-dash-icon-size-600:18px;--spectrum-field-label-text-to-asterisk-small:4px;--spectrum-field-label-text-to-asterisk-medium:4px;--spectrum-field-label-text-to-asterisk-large:5px;--spectrum-field-label-text-to-asterisk-extra-large:5px;--spectrum-field-label-top-to-asterisk-small:8px;--spectrum-field-label-top-to-asterisk-medium:12px;--spectrum-field-label-top-to-asterisk-large:15px;--spectrum-field-label-top-to-asterisk-extra-large:19px;--spectrum-field-label-top-margin-small:0px;--spectrum-field-label-top-margin-medium:4px;--spectrum-field-label-top-margin-large:5px;--spectrum-field-label-top-margin-extra-large:5px;--spectrum-field-label-to-component-quiet-small:-8px;--spectrum-field-label-to-component-quiet-medium:-8px;--spectrum-field-label-to-component-quiet-large:-12px;--spectrum-field-label-to-component-quiet-extra-large:-15px;--spectrum-help-text-top-to-workflow-icon-small:4px;--spectrum-help-text-top-to-workflow-icon-medium:3px;--spectrum-help-text-top-to-workflow-icon-large:6px;--spectrum-help-text-top-to-workflow-icon-extra-large:9px;--spectrum-status-light-dot-size-small:8px;--spectrum-status-light-dot-size-medium:8px;--spectrum-status-light-dot-size-large:10px;--spectrum-status-light-dot-size-extra-large:10px;--spectrum-status-light-top-to-dot-small:8px;--spectrum-status-light-top-to-dot-medium:12px;--spectrum-status-light-top-to-dot-large:15px;--spectrum-status-light-top-to-dot-extra-large:19px;--spectrum-action-button-edge-to-hold-icon-extra-small:3px;--spectrum-action-button-edge-to-hold-icon-small:3px;--spectrum-action-button-edge-to-hold-icon-medium:4px;--spectrum-action-button-edge-to-hold-icon-large:5px;--spectrum-action-button-edge-to-hold-icon-extra-large:6px;--spectrum-tooltip-tip-width:8px;--spectrum-tooltip-tip-height:4px;--spectrum-tooltip-maximum-width:160px;--spectrum-progress-circle-size-small:16px;--spectrum-progress-circle-size-medium:32px;--spectrum-progress-circle-size-large:64px;--spectrum-progress-circle-thickness-small:2px;--spectrum-progress-circle-thickness-medium:3px;--spectrum-progress-circle-thickness-large:4px;--spectrum-toast-height:48px;--spectrum-toast-maximum-width:336px;--spectrum-toast-top-to-workflow-icon:15px;--spectrum-toast-top-to-text:14px;--spectrum-toast-bottom-to-text:17px;--spectrum-action-bar-height:48px;--spectrum-action-bar-top-to-item-counter:14px;--spectrum-swatch-size-extra-small:16px;--spectrum-swatch-size-small:24px;--spectrum-swatch-size-medium:32px;--spectrum-swatch-size-large:40px;--spectrum-progress-bar-thickness-small:4px;--spectrum-progress-bar-thickness-medium:6px;--spectrum-progress-bar-thickness-large:8px;--spectrum-progress-bar-thickness-extra-large:10px;--spectrum-meter-width:192px;--spectrum-meter-thickness-small:4px;--spectrum-meter-thickness-large:6px;--spectrum-tag-top-to-avatar-small:4px;--spectrum-tag-top-to-avatar-medium:6px;--spectrum-tag-top-to-avatar-large:9px;--spectrum-tag-top-to-cross-icon-small:8px;--spectrum-tag-top-to-cross-icon-medium:12px;--spectrum-tag-top-to-cross-icon-large:15px;--spectrum-popover-top-to-content-area:4px;--spectrum-menu-item-edge-to-content-not-selected-small:28px;--spectrum-menu-item-edge-to-content-not-selected-medium:32px;--spectrum-menu-item-edge-to-content-not-selected-large:38px;--spectrum-menu-item-edge-to-content-not-selected-extra-large:45px;--spectrum-menu-item-top-to-disclosure-icon-small:7px;--spectrum-menu-item-top-to-disclosure-icon-medium:11px;--spectrum-menu-item-top-to-disclosure-icon-large:14px;--spectrum-menu-item-top-to-disclosure-icon-extra-large:17px;--spectrum-menu-item-top-to-selected-icon-small:7px;--spectrum-menu-item-top-to-selected-icon-medium:11px;--spectrum-menu-item-top-to-selected-icon-large:14px;--spectrum-menu-item-top-to-selected-icon-extra-large:17px;--spectrum-slider-control-to-field-label-small:5px;--spectrum-slider-control-to-field-label-medium:8px;--spectrum-slider-control-to-field-label-large:11px;--spectrum-slider-control-to-field-label-extra-large:14px;--spectrum-picker-visual-to-disclosure-icon-small:7px;--spectrum-picker-visual-to-disclosure-icon-medium:8px;--spectrum-picker-visual-to-disclosure-icon-large:9px;--spectrum-picker-visual-to-disclosure-icon-extra-large:10px;--spectrum-text-area-minimum-width:112px;--spectrum-text-area-minimum-height:56px;--spectrum-combo-box-visual-to-field-button-small:7px;--spectrum-combo-box-visual-to-field-button-medium:8px;--spectrum-combo-box-visual-to-field-button-large:9px;--spectrum-combo-box-visual-to-field-button-extra-large:10px;--spectrum-thumbnail-size-50:16px;--spectrum-thumbnail-size-75:18px;--spectrum-thumbnail-size-100:20px;--spectrum-thumbnail-size-200:22px;--spectrum-thumbnail-size-300:26px;--spectrum-thumbnail-size-400:28px;--spectrum-thumbnail-size-500:32px;--spectrum-thumbnail-size-600:36px;--spectrum-thumbnail-size-700:40px;--spectrum-thumbnail-size-800:44px;--spectrum-thumbnail-size-900:50px;--spectrum-thumbnail-size-1000:56px;--spectrum-alert-dialog-title-size:var(--spectrum-heading-size-s);--spectrum-alert-dialog-description-size:var(--spectrum-body-size-s);--spectrum-opacity-checkerboard-square-size:8px;--spectrum-contextual-help-title-size:var(--spectrum-heading-size-xs);--spectrum-contextual-help-body-size:var(--spectrum-heading-size-s);--spectrum-breadcrumbs-height-multiline:72px;--spectrum-breadcrumbs-top-to-text:13px;--spectrum-breadcrumbs-top-to-text-compact:11px;--spectrum-breadcrumbs-top-to-text-multiline:12px;--spectrum-breadcrumbs-bottom-to-text:15px;--spectrum-breadcrumbs-bottom-to-text-compact:12px;--spectrum-breadcrumbs-bottom-to-text-multiline:9px;--spectrum-breadcrumbs-start-edge-to-text:8px;--spectrum-breadcrumbs-top-text-to-bottom-text:9px;--spectrum-breadcrumbs-top-to-separator-icon:19px;--spectrum-breadcrumbs-top-to-separator-icon-compact:15px;--spectrum-breadcrumbs-top-to-separator-icon-multiline:15px;--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:11px;--spectrum-breadcrumbs-top-to-truncated-menu:8px;--spectrum-breadcrumbs-top-to-truncated-menu-compact:4px;--spectrum-avatar-size-50:16px;--spectrum-avatar-size-75:18px;--spectrum-avatar-size-100:20px;--spectrum-avatar-size-200:22px;--spectrum-avatar-size-300:26px;--spectrum-avatar-size-400:28px;--spectrum-avatar-size-500:32px;--spectrum-avatar-size-600:36px;--spectrum-avatar-size-700:40px;--spectrum-alert-banner-minimum-height:48px;--spectrum-alert-banner-width:832px;--spectrum-alert-banner-top-to-workflow-icon:15px;--spectrum-alert-banner-top-to-text:14px;--spectrum-alert-banner-bottom-to-text:17px;--spectrum-rating-indicator-width:18px;--spectrum-rating-indicator-to-icon:4px;--spectrum-color-area-width:192px;--spectrum-color-area-minimum-width:64px;--spectrum-color-area-height:192px;--spectrum-color-area-minimum-height:64px;--spectrum-color-wheel-width:192px;--spectrum-color-wheel-minimum-width:175px;--spectrum-color-slider-length:192px;--spectrum-color-slider-minimum-length:80px;--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-m);--spectrum-illustrated-message-cjk-title-size:var(\n--spectrum-heading-cjk-size-m\n);--spectrum-illustrated-message-body-size:var(--spectrum-body-size-s);--spectrum-coach-mark-width:296px;--spectrum-coach-mark-minimum-width:296px;--spectrum-coach-mark-maximum-width:380px;--spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-400);--spectrum-coach-mark-pagination-text-to-bottom-edge:33px;--spectrum-coach-mark-media-height:222px;--spectrum-coach-mark-media-minimum-height:166px;--spectrum-coach-mark-title-size:var(--spectrum-heading-size-xs);--spectrum-coach-mark-body-size:var(--spectrum-body-size-s);--spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-s);--spectrum-accordion-top-to-text-compact-small:2px;--spectrum-accordion-top-to-text-regular-small:5px;--spectrum-accordion-small-top-to-text-spacious:9px;--spectrum-accordion-top-to-text-compact-medium:4px;--spectrum-accordion-top-to-text-regular-medium:8px;--spectrum-accordion-top-to-text-spacious-medium:12px;--spectrum-accordion-top-to-text-compact-large:4px;--spectrum-accordion-top-to-text-regular-large:9px;--spectrum-accordion-top-to-text-spacious-large:12px;--spectrum-accordion-top-to-text-compact-extra-large:5px;--spectrum-accordion-top-to-text-regular-extra-large:9px;--spectrum-accordion-top-to-text-spacious-extra-large:13px;--spectrum-accordion-bottom-to-text-compact-small:2px;--spectrum-accordion-bottom-to-text-regular-small:7px;--spectrum-accordion-bottom-to-text-spacious-small:11px;--spectrum-accordion-bottom-to-text-compact-medium:5px;--spectrum-accordion-bottom-to-text-regular-medium:9px;--spectrum-accordion-bottom-to-text-spacious-medium:13px;--spectrum-accordion-bottom-to-text-compact-large:8px;--spectrum-accordion-bottom-to-text-regular-large:11px;--spectrum-accordion-bottom-to-text-spacious-large:16px;--spectrum-accordion-bottom-to-text-compact-extra-large:8px;--spectrum-accordion-bottom-to-text-regular-extra-large:12px;--spectrum-accordion-bottom-to-text-spacious-extra-large:16px;--spectrum-accordion-minimum-width:200px;--spectrum-accordion-disclosure-indicator-to-text:0px;--spectrum-accordion-edge-to-disclosure-indicator:0px;--spectrum-accordion-edge-to-text:0px;--spectrum-accordion-focus-indicator-gap:0px;--spectrum-accordion-content-area-top-to-content:8px;--spectrum-accordion-content-area-bottom-to-content:16px;--spectrum-color-handle-size:16px;--spectrum-color-handle-size-key-focus:32px;--spectrum-table-column-header-row-top-to-text-small:8px;--spectrum-table-column-header-row-top-to-text-medium:7px;--spectrum-table-column-header-row-top-to-text-large:10px;--spectrum-table-column-header-row-top-to-text-extra-large:13px;--spectrum-table-column-header-row-bottom-to-text-small:9px;--spectrum-table-column-header-row-bottom-to-text-medium:8px;--spectrum-table-column-header-row-bottom-to-text-large:10px;--spectrum-table-column-header-row-bottom-to-text-extra-large:13px;--spectrum-table-row-height-small-regular:32px;--spectrum-table-row-height-medium-regular:40px;--spectrum-table-row-height-large-regular:48px;--spectrum-table-row-height-extra-large-regular:56px;--spectrum-table-row-height-small-spacious:40px;--spectrum-table-row-height-medium-spacious:48px;--spectrum-table-row-height-large-spacious:56px;--spectrum-table-row-height-extra-large-spacious:64px;--spectrum-table-row-top-to-text-small-regular:8px;--spectrum-table-row-top-to-text-medium-regular:11px;--spectrum-table-row-top-to-text-large-regular:14px;--spectrum-table-row-top-to-text-extra-large-regular:17px;--spectrum-table-row-bottom-to-text-small-regular:9px;--spectrum-table-row-bottom-to-text-medium-regular:12px;--spectrum-table-row-bottom-to-text-large-regular:14px;--spectrum-table-row-bottom-to-text-extra-large-regular:17px;--spectrum-table-row-top-to-text-small-spacious:12px;--spectrum-table-row-top-to-text-medium-spacious:15px;--spectrum-table-row-top-to-text-large-spacious:18px;--spectrum-table-row-top-to-text-extra-large-spacious:21px;--spectrum-table-row-bottom-to-text-small-spacious:13px;--spectrum-table-row-bottom-to-text-medium-spacious:16px;--spectrum-table-row-bottom-to-text-large-spacious:18px;--spectrum-table-row-bottom-to-text-extra-large-spacious:21px;--spectrum-table-edge-to-content:16px;--spectrum-table-checkbox-to-text:24px;--spectrum-table-header-row-checkbox-to-top-small:10px;--spectrum-table-header-row-checkbox-to-top-medium:9px;--spectrum-table-header-row-checkbox-to-top-large:12px;--spectrum-table-header-row-checkbox-to-top-extra-large:15px;--spectrum-table-row-checkbox-to-top-small-compact:6px;--spectrum-table-row-checkbox-to-top-small-regular:10px;--spectrum-table-row-checkbox-to-top-small-spacious:14px;--spectrum-table-row-checkbox-to-top-medium-compact:9px;--spectrum-table-row-checkbox-to-top-medium-regular:13px;--spectrum-table-row-checkbox-to-top-medium-spacious:17px;--spectrum-table-row-checkbox-to-top-large-compact:12px;--spectrum-table-row-checkbox-to-top-large-regular:16px;--spectrum-table-row-checkbox-to-top-large-spacious:20px;--spectrum-table-row-checkbox-to-top-extra-large-compact:15px;--spectrum-table-row-checkbox-to-top-extra-large-regular:19px;--spectrum-table-row-checkbox-to-top-extra-large-spacious:23px;--spectrum-table-section-header-row-height-small:24px;--spectrum-table-section-header-row-height-medium:32px;--spectrum-table-section-header-row-height-large:40px;--spectrum-table-section-header-row-height-extra-large:48px;--spectrum-table-thumbnail-to-top-minimum-small-compact:4px;--spectrum-table-thumbnail-to-top-minimum-medium-compact:5px;--spectrum-table-thumbnail-to-top-minimum-large-compact:7px;--spectrum-table-thumbnail-to-top-minimum-extra-large-compact:8px;--spectrum-table-thumbnail-to-top-minimum-small-regular:5px;--spectrum-table-thumbnail-to-top-minimum-medium-regular:7px;--spectrum-table-thumbnail-to-top-minimum-large-regular:8px;--spectrum-table-thumbnail-to-top-minimum-extra-large-regular:8px;--spectrum-table-thumbnail-to-top-minimum-small-spacious:7px;--spectrum-table-thumbnail-to-top-minimum-medium-spacious:8px;--spectrum-table-thumbnail-to-top-minimum-large-spacious:8px;--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:10px;--spectrum-tab-item-to-tab-item-horizontal-small:21px;--spectrum-tab-item-to-tab-item-horizontal-medium:24px;--spectrum-tab-item-to-tab-item-horizontal-large:27px;--spectrum-tab-item-to-tab-item-horizontal-extra-large:30px;--spectrum-tab-item-to-tab-item-vertical-small:4px;--spectrum-tab-item-to-tab-item-vertical-medium:4px;--spectrum-tab-item-to-tab-item-vertical-large:5px;--spectrum-tab-item-to-tab-item-vertical-extra-large:5px;--spectrum-tab-item-start-to-edge-small:12px;--spectrum-tab-item-start-to-edge-medium:12px;--spectrum-tab-item-start-to-edge-large:13px;--spectrum-tab-item-start-to-edge-extra-large:13px;--spectrum-tab-item-top-to-text-small:11px;--spectrum-tab-item-bottom-to-text-small:12px;--spectrum-tab-item-top-to-text-medium:14px;--spectrum-tab-item-bottom-to-text-medium:14px;--spectrum-tab-item-top-to-text-large:16px;--spectrum-tab-item-bottom-to-text-large:18px;--spectrum-tab-item-top-to-text-extra-large:19px;--spectrum-tab-item-bottom-to-text-extra-large:20px;--spectrum-tab-item-top-to-text-compact-small:4px;--spectrum-tab-item-bottom-to-text-compact-small:5px;--spectrum-tab-item-top-to-text-compact-medium:6px;--spectrum-tab-item-bottom-to-text-compact-medium:8px;--spectrum-tab-item-top-to-text-compact-large:10px;--spectrum-tab-item-bottom-to-text-compact-large:12px;--spectrum-tab-item-top-to-text-compact-extra-large:12px;--spectrum-tab-item-bottom-to-text-compact-extra-large:13px;--spectrum-tab-item-top-to-workflow-icon-small:13px;--spectrum-tab-item-top-to-workflow-icon-medium:15px;--spectrum-tab-item-top-to-workflow-icon-large:17px;--spectrum-tab-item-top-to-workflow-icon-extra-large:19px;--spectrum-tab-item-top-to-workflow-icon-compact-small:3px;--spectrum-tab-item-top-to-workflow-icon-compact-medium:7px;--spectrum-tab-item-top-to-workflow-icon-compact-large:9px;--spectrum-tab-item-top-to-workflow-icon-compact-extra-large:11px;--spectrum-tab-item-focus-indicator-gap-small:7px;--spectrum-tab-item-focus-indicator-gap-medium:8px;--spectrum-tab-item-focus-indicator-gap-large:9px;--spectrum-tab-item-focus-indicator-gap-extra-large:10px;--spectrum-side-navigation-width:192px;--spectrum-side-navigation-minimum-width:160px;--spectrum-side-navigation-maximum-width:240px;--spectrum-side-navigation-second-level-edge-to-text:24px;--spectrum-side-navigation-third-level-edge-to-text:36px;--spectrum-side-navigation-with-icon-second-level-edge-to-text:50px;--spectrum-side-navigation-with-icon-third-level-edge-to-text:62px;--spectrum-side-navigation-item-to-item:4px;--spectrum-side-navigation-item-to-header:16px;--spectrum-side-navigation-bottom-to-text:8px;--spectrum-tray-top-to-content-area:4px;--spectrum-text-to-visual-50:6px;--spectrum-text-to-visual-75:7px;--spectrum-text-to-visual-100:8px;--spectrum-text-to-visual-200:9px;--spectrum-text-to-visual-300:10px;--spectrum-text-to-control-75:9px;--spectrum-text-to-control-100:10px;--spectrum-text-to-control-200:11px;--spectrum-text-to-control-300:13px;--spectrum-component-height-50:20px;--spectrum-component-height-75:24px;--spectrum-component-height-100:32px;--spectrum-component-height-200:40px;--spectrum-component-height-300:48px;--spectrum-component-height-400:56px;--spectrum-component-height-500:64px;--spectrum-component-pill-edge-to-visual-75:10px;--spectrum-component-pill-edge-to-visual-100:14px;--spectrum-component-pill-edge-to-visual-200:18px;--spectrum-component-pill-edge-to-visual-300:21px;--spectrum-component-pill-edge-to-visual-only-75:4px;--spectrum-component-pill-edge-to-visual-only-100:7px;--spectrum-component-pill-edge-to-visual-only-200:10px;--spectrum-component-pill-edge-to-visual-only-300:13px;--spectrum-component-pill-edge-to-text-75:12px;--spectrum-component-pill-edge-to-text-100:16px;--spectrum-component-pill-edge-to-text-200:20px;--spectrum-component-pill-edge-to-text-300:24px;--spectrum-component-edge-to-visual-50:6px;--spectrum-component-edge-to-visual-75:7px;--spectrum-component-edge-to-visual-100:10px;--spectrum-component-edge-to-visual-200:13px;--spectrum-component-edge-to-visual-300:15px;--spectrum-component-edge-to-visual-only-50:3px;--spectrum-component-edge-to-visual-only-75:4px;--spectrum-component-edge-to-visual-only-100:7px;--spectrum-component-edge-to-visual-only-200:10px;--spectrum-component-edge-to-visual-only-300:13px;--spectrum-component-edge-to-text-50:8px;--spectrum-component-edge-to-text-75:9px;--spectrum-component-edge-to-text-100:12px;--spectrum-component-edge-to-text-200:15px;--spectrum-component-edge-to-text-300:18px;--spectrum-component-top-to-workflow-icon-50:3px;--spectrum-component-top-to-workflow-icon-75:4px;--spectrum-component-top-to-workflow-icon-100:7px;--spectrum-component-top-to-workflow-icon-200:10px;--spectrum-component-top-to-workflow-icon-300:13px;--spectrum-component-top-to-text-50:3px;--spectrum-component-top-to-text-75:4px;--spectrum-component-top-to-text-100:6px;--spectrum-component-top-to-text-200:9px;--spectrum-component-top-to-text-300:12px;--spectrum-component-bottom-to-text-50:3px;--spectrum-component-bottom-to-text-75:5px;--spectrum-component-bottom-to-text-100:9px;--spectrum-component-bottom-to-text-200:11px;--spectrum-component-bottom-to-text-300:14px;--spectrum-component-to-menu-small:6px;--spectrum-component-to-menu-medium:6px;--spectrum-component-to-menu-large:7px;--spectrum-component-to-menu-extra-large:8px;--spectrum-field-edge-to-disclosure-icon-75:7px;--spectrum-field-edge-to-disclosure-icon-100:11px;--spectrum-field-edge-to-disclosure-icon-200:14px;--spectrum-field-edge-to-disclosure-icon-300:17px;--spectrum-field-end-edge-to-disclosure-icon-75:7px;--spectrum-field-end-edge-to-disclosure-icon-100:11px;--spectrum-field-end-edge-to-disclosure-icon-200:14px;--spectrum-field-end-edge-to-disclosure-icon-300:17px;--spectrum-field-top-to-disclosure-icon-75:7px;--spectrum-field-top-to-disclosure-icon-100:11px;--spectrum-field-top-to-disclosure-icon-200:14px;--spectrum-field-top-to-disclosure-icon-300:17px;--spectrum-field-top-to-alert-icon-small:4px;--spectrum-field-top-to-alert-icon-medium:7px;--spectrum-field-top-to-alert-icon-large:10px;--spectrum-field-top-to-alert-icon-extra-large:13px;--spectrum-field-top-to-validation-icon-small:7px;--spectrum-field-top-to-validation-icon-medium:11px;--spectrum-field-top-to-validation-icon-large:14px;--spectrum-field-top-to-validation-icon-extra-large:17px;--spectrum-field-top-to-progress-circle-small:4px;--spectrum-field-top-to-progress-circle-medium:8px;--spectrum-field-top-to-progress-circle-large:12px;--spectrum-field-top-to-progress-circle-extra-large:16px;--spectrum-field-edge-to-alert-icon-small:9px;--spectrum-field-edge-to-alert-icon-medium:12px;--spectrum-field-edge-to-alert-icon-large:15px;--spectrum-field-edge-to-alert-icon-extra-large:18px;--spectrum-field-edge-to-validation-icon-small:9px;--spectrum-field-edge-to-validation-icon-medium:12px;--spectrum-field-edge-to-validation-icon-large:15px;--spectrum-field-edge-to-validation-icon-extra-large:18px;--spectrum-field-text-to-alert-icon-small:8px;--spectrum-field-text-to-alert-icon-medium:12px;--spectrum-field-text-to-alert-icon-large:15px;--spectrum-field-text-to-alert-icon-extra-large:18px;--spectrum-field-text-to-validation-icon-small:8px;--spectrum-field-text-to-validation-icon-medium:12px;--spectrum-field-text-to-validation-icon-large:15px;--spectrum-field-text-to-validation-icon-extra-large:18px;--spectrum-field-width:192px;--spectrum-character-count-to-field-quiet-small:-3px;--spectrum-character-count-to-field-quiet-medium:-3px;--spectrum-character-count-to-field-quiet-large:-3px;--spectrum-character-count-to-field-quiet-extra-large:-4px;--spectrum-side-label-character-count-to-field:12px;--spectrum-side-label-character-count-top-margin-small:4px;--spectrum-side-label-character-count-top-margin-medium:8px;--spectrum-side-label-character-count-top-margin-large:11px;--spectrum-side-label-character-count-top-margin-extra-large:14px;--spectrum-disclosure-indicator-top-to-disclosure-icon-small:7px;--spectrum-disclosure-indicator-top-to-disclosure-icon-medium:11px;--spectrum-disclosure-indicator-top-to-disclosure-icon-large:14px;--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:17px;--spectrum-navigational-indicator-top-to-back-icon-small:7px;--spectrum-navigational-indicator-top-to-back-icon-medium:11px;--spectrum-navigational-indicator-top-to-back-icon-large:14px;--spectrum-navigational-indicator-top-to-back-icon-extra-large:17px;--spectrum-color-control-track-width:24px;--spectrum-font-size-50:11px;--spectrum-font-size-75:12px;--spectrum-font-size-100:14px;--spectrum-font-size-200:16px;--spectrum-font-size-300:18px;--spectrum-font-size-400:20px;--spectrum-font-size-500:22px;--spectrum-font-size-600:25px;--spectrum-font-size-700:28px;--spectrum-font-size-800:32px;--spectrum-font-size-900:36px;--spectrum-font-size-1000:40px;--spectrum-font-size-1100:45px;--spectrum-font-size-1200:50px;--spectrum-font-size-1300:60px}:host,:root{--spectrum-edge-to-visual-only-75:4px;--spectrum-edge-to-visual-only-100:7px;--spectrum-edge-to-visual-only-200:10px;--spectrum-edge-to-visual-only-300:13px;--spectrum-slider-tick-mark-height:10px;--spectrum-slider-ramp-track-height:16px;--spectrum-colorwheel-path:\"M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0\";--spectrum-colorwheel-colorarea-container-size:144px;--spectrum-colorloupe-checkerboard-fill:url(#checkerboard-primary);--spectrum-menu-item-selectable-edge-to-text-not-selected-small:28px;--spectrum-menu-item-selectable-edge-to-text-not-selected-medium:32px;--spectrum-menu-item-selectable-edge-to-text-not-selected-large:38px;--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:45px;--spectrum-menu-item-checkmark-height-small:10px;--spectrum-menu-item-checkmark-height-medium:10px;--spectrum-menu-item-checkmark-height-large:12px;--spectrum-menu-item-checkmark-height-extra-large:14px;--spectrum-menu-item-checkmark-width-small:10px;--spectrum-menu-item-checkmark-width-medium:10px;--spectrum-menu-item-checkmark-width-large:12px;--spectrum-menu-item-checkmark-width-extra-large:14px;--spectrum-rating-icon-spacing:var(--spectrum-spacing-75);--spectrum-button-top-to-text-small:5px;--spectrum-button-bottom-to-text-small:4px;--spectrum-button-top-to-text-medium:7px;--spectrum-button-bottom-to-text-medium:8px;--spectrum-button-top-to-text-large:10px;--spectrum-button-bottom-to-text-large:10px;--spectrum-button-top-to-text-extra-large:13px;--spectrum-button-bottom-to-text-extra-large:13px;--spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-100);--spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-100);--spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-100);--spectrum-alert-banner-text-to-button-vertical:var(\n--spectrum-spacing-100\n);--spectrum-sidenav-heading-top-margin:24px;--spectrum-sidenav-heading-bottom-margin:8px;--spectrum-sidenav-bottom-to-label:8px;--spectrum-alert-dialog-padding:var(--spectrum-spacing-500);--spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-700);--spectrum-coach-indicator-gap:6px;--spectrum-coach-indicator-ring-diameter:var(--spectrum-spacing-300);--spectrum-coach-indicator-quiet-ring-diameter:var(--spectrum-spacing-100);--spectrum-coachmark-buttongroup-display:flex;--spectrum-coachmark-buttongroup-mobile-display:none;--spectrum-coachmark-menu-display:inline-flex;--spectrum-coachmark-menu-mobile-display:none;--spectrum-well-padding:var(--spectrum-spacing-300);--spectrum-well-margin-top:var(--spectrum-spacing-75);--spectrum-well-min-width:240px;--spectrum-well-border-radius:var(--spectrum-spacing-75);--spectrum-icon-chevron-size-50:6px;--spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);--spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);--spectrum-treeview-item-indentation-large:20px;--spectrum-treeview-item-indentation-extra-large:var(\n--spectrum-spacing-400\n);--spectrum-treeview-indicator-inset-block-start:5px;--spectrum-dialog-confirm-entry-animation-distance:20px;--spectrum-dialog-confirm-hero-height:128px;--spectrum-dialog-confirm-border-radius:4px;--spectrum-dialog-confirm-title-text-size:18px;--spectrum-dialog-confirm-description-text-size:14px;--spectrum-dialog-confirm-padding-grid:40px;--spectrum-datepicker-initial-width:128px;--spectrum-datepicker-generic-padding:var(--spectrum-spacing-200);--spectrum-datepicker-dash-line-height:24px;--spectrum-datepicker-width-quiet-first:72px;--spectrum-datepicker-width-quiet-second:16px;--spectrum-datepicker-datetime-width-first:36px;--spectrum-datepicker-invalid-icon-to-button:8px;--spectrum-datepicker-invalid-icon-to-button-quiet:7px;--spectrum-datepicker-input-datetime-width:var(--spectrum-spacing-400);--spectrum-pagination-textfield-width:var(--spectrum-spacing-700);--spectrum-pagination-item-inline-spacing:5px;--spectrum-dial-border-radius:16px;--spectrum-dial-handle-position:8px;--spectrum-dial-handle-block-margin:16px;--spectrum-dial-handle-inline-margin:16px;--spectrum-dial-controls-margin:8px;--spectrum-dial-label-gap-y:5px;--spectrum-dial-label-container-top-to-text:4px}:host,:root{--spectrum-colorwheel-path:\"M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0\";--spectrum-colorwheel-path-borders:\"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0\";--spectrum-dialog-confirm-border-radius:6px;--spectrum-dial-border-radius:12px}:host,:root{--spectrum-checkbox-control-size-small:14px;--spectrum-checkbox-control-size-medium:16px;--spectrum-checkbox-control-size-large:18px;--spectrum-checkbox-control-size-extra-large:20px;--spectrum-checkbox-top-to-control-small:5px;--spectrum-checkbox-top-to-control-medium:8px;--spectrum-checkbox-top-to-control-large:11px;--spectrum-checkbox-top-to-control-extra-large:14px;--spectrum-switch-control-width-small:25px;--spectrum-switch-control-width-medium:28px;--spectrum-switch-control-width-large:32px;--spectrum-switch-control-width-extra-large:35px;--spectrum-switch-control-height-small:14px;--spectrum-switch-control-height-medium:16px;--spectrum-switch-control-height-large:18px;--spectrum-switch-control-height-extra-large:20px;--spectrum-switch-top-to-control-small:5px;--spectrum-switch-top-to-control-medium:8px;--spectrum-switch-top-to-control-large:11px;--spectrum-switch-top-to-control-extra-large:14px;--spectrum-radio-button-control-size-small:14px;--spectrum-radio-button-control-size-medium:16px;--spectrum-radio-button-control-size-large:18px;--spectrum-radio-button-control-size-extra-large:20px;--spectrum-radio-button-top-to-control-small:5px;--spectrum-radio-button-top-to-control-medium:8px;--spectrum-radio-button-top-to-control-large:11px;--spectrum-radio-button-top-to-control-extra-large:14px;--spectrum-slider-control-height-small:18px;--spectrum-slider-control-height-medium:20px;--spectrum-slider-control-height-large:22px;--spectrum-slider-control-height-extra-large:24px;--spectrum-slider-handle-size-small:18px;--spectrum-slider-handle-size-medium:20px;--spectrum-slider-handle-size-large:22px;--spectrum-slider-handle-size-extra-large:24px;--spectrum-slider-handle-border-width-down-small:var(\n--spectrum-border-width-200\n);--spectrum-slider-handle-border-width-down-medium:var(\n--spectrum-border-width-200\n);--spectrum-slider-handle-border-width-down-large:var(\n--spectrum-border-width-200\n);--spectrum-slider-handle-border-width-down-extra-large:var(\n--spectrum-border-width-200\n);--spectrum-slider-bottom-to-handle-small:3px;--spectrum-slider-bottom-to-handle-medium:6px;--spectrum-slider-bottom-to-handle-large:9px;--spectrum-slider-bottom-to-handle-extra-large:12px;--spectrum-corner-radius-75:3px;--spectrum-corner-radius-100:6px;--spectrum-corner-radius-200:12px;--spectrum-drop-shadow-x:0px;--spectrum-drop-shadow-y:4px;--spectrum-drop-shadow-blur:16px}\n`;export default e;\n//# sourceMappingURL=scale-medium.css.js.map\n","\"use strict\";import e from\"../src/express/scale-medium.css.js\";import{Theme as m}from\"../src/Theme.js\";import\"../src/express/core.js\";m.registerThemeFragment(\"medium-express\",\"scale\",e);\n//# sourceMappingURL=scale-medium.js.map\n"],"names":["css","Theme","registerThemeFragment","mediumStyles"],"mappings":"0FAiKA,MArJeA,CAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECIfC,EAAMC,sBAAsB,iBAAkB,QAASC"} \ No newline at end of file diff --git a/111d5282.js b/111d5282.js deleted file mode 100644 index b7edfb406a..0000000000 --- a/111d5282.js +++ /dev/null @@ -1,2 +0,0 @@ -const e=document.querySelector(".icon-search");new IntersectionObserver((async(n,o)=>{0!==n[0].intersectionRatio&&(import("./b693de23.js"),import("./5ef012c0.js").then((({iconManifest:n})=>{e.icons=n})),o.disconnect())}),{rootMargin:"20px"}).observe(e); -//# sourceMappingURL=111d5282.js.map diff --git a/16948562.js b/16948562.js new file mode 100644 index 0000000000..ce9d518463 --- /dev/null +++ b/16948562.js @@ -0,0 +1,2 @@ +import"./f511517b.js";import"./97dd61e5.js";import"./70dba345.js";import"./be6aed84.js";import"./471035fd.js";import"./d6d0b127.js";import"./3b42bd6e.js";import"./112b2095.js";import"./d3406c6e.js";import"./d11544d8.js";import"./4b018fa5.js";import"./41477eb1.js";import"./d3641eb7.js";import"./27ee3367.js";import"./7336d2d2.js";import"./9ddc847e.js";import"./199da296.js";import"./4eaa7336.js";import"./4a4b0658.js";import"./2b65f0b7.js";import"./2ece56b5.js";import"./16ab2288.js";import"./6663919c.js"; +//# sourceMappingURL=16948562.js.map diff --git a/16948562.js.map b/16948562.js.map new file mode 100644 index 0000000000..46e03b964d --- /dev/null +++ b/16948562.js.map @@ -0,0 +1 @@ +{"version":3,"file":"16948562.js","sources":[],"sourcesContent":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/ca06eb64.js b/18e7ea6c.js similarity index 84% rename from ca06eb64.js rename to 18e7ea6c.js index 19e7573af7..69c8f511a5 100644 --- a/ca06eb64.js +++ b/18e7ea6c.js @@ -1,4 +1,4 @@ -import{i as e,a as t}from"./f2366e7c.js";import"./1adcc1eb.js";import"./2ea4aafb.js";import"./e7d81ec5.js";import"./379db8d3.js";import{i as s,l as o}from"./47d38ea1.js";import{n as i,s as r,x as n}from"./b46b846d.js";import{e as a}from"./c796803b.js";import"./ec68fb92.js";import"./c14ac009.js";import"./112b2095.js";import"./6e137183.js";import"./d6d0b127.js";import"./9d08a789.js";import"./20b07124.js";import"./b66418de.js";import"./cf8d90dd.js";import"./c453b02d.js";import"./4a4b0658.js";import"./f248cf88.js";import"./a1a762d6.js";import"./636f7021.js";import"./d51ea82d.js";import"./7c327fb6.js";import"./12d0dab9.js";import"./75618165.js";import"./6214909c.js";import"./34f130f4.js";import"./d11544d8.js";import"./915dab83.js";import"./27e6a3fc.js";import"./9f9c5c08.js";import"./2783467d.js";import"./16ab2288.js";import"./a757898c.js";import"./d6891444.js";import"./a37f886d.js";var l=e`:host{display:block}sp-search{--spectrum-alias-single-line-width:100%;width:100%}#search-results-menu{display:flex;flex-direction:column;max-height:calc(100vh - 200px);width:250px}sp-illustrated-message{color:var(--spectrum-global-color-gray-800);flex:1 1;margin-bottom:2em}`,p=e=>e.stopPropagation(),d=class extends r{constructor(){super(...arguments),this.open=!1,this.results=[]}static get styles(){return[l]}focus(){this.searchField.focus()}handleSearchInput(e){if(e.target){const{value:t}=e.target;this.updateSearchResults(t)}}handleKeydown(e){const{code:t}=e,s="ArrowDown"===t||"ArrowUp"===t;s&&(e.preventDefault(),this.focusResults({shouldFocusResultsList:s}))}async focusResults({shouldFocusResultsList:e}){e?(this.menuEl.addEventListener("focus",(()=>{this.menuEl.childItems[this.menuEl.focusedItemIndex].focused=!0}),{once:!0}),this.menuEl.focus()):this.popoverEl.focus()}openPopover(){this.open=!0}closePopover(){this.open=!1}handleClosed(){this.closeOverlay&&delete this.closeOverlay}handleSubmit(e){e.preventDefault(),this.results.length<0||this.menuEl.focus()}async updateSearchResults(e){if(e.length<3)return this.closePopover(),!1;const t=`${e.trim()}*`,s=await import("./75304f2b.js").then((({search:e})=>e));return this.results=await s(t),this.openPopover(),this.results.length>0}handleMenuFocusout(e){this.menuEl.contains(e.relatedTarget)||this.menuEl.childItems.forEach((e=>{e.focused=!1}))}renderResults(){return this.results.length>0?n`${this.results.map((e=>n`${e.name} ${e.results.map((e=>n`${e.label}`))}`))}`:n``}render(){return n`
${this.renderResults()}
`}firstUpdated(e){super.firstUpdated(e),this.addEventListener("blur",this.closePopover)}};t([s("sp-popover")],d.prototype,"popoverEl",2),t([i({type:Boolean})],d.prototype,"open",2),t([s("sp-menu")],d.prototype,"menuEl",2),t([s("sp-search")],d.prototype,"searchField",2),t([i({type:Array})],d.prototype,"results",2),d=t([a("docs-search")],d);var c=e`::slotted(*){width:100%}aside{background-color:var(--spectrum-global-color-gray-75);display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:auto;position:sticky;top:0}@media screen and (max-width:960px){aside{left:0;min-height:100vh;position:fixed;top:0;transform:translateX(-100%);transition:transform var( +import{i as e,a as t}from"./a0967534.js";import"./373d602b.js";import"./9da4e0c2.js";import"./334722b8.js";import"./be6aed84.js";import{i as s,l as o}from"./41477eb1.js";import{n as i,s as r,x as n}from"./3b42bd6e.js";import{e as a}from"./c796803b.js";import"./34292953.js";import"./c14ac009.js";import"./112b2095.js";import"./7259294c.js";import"./d6d0b127.js";import"./f0fb2667.js";import"./4b018fa5.js";import"./88e2a03e.js";import"./78cff760.js";import"./4eaa7336.js";import"./4a4b0658.js";import"./73910b52.js";import"./d3641eb7.js";import"./27ee3367.js";import"./7336d2d2.js";import"./9ddc847e.js";import"./199da296.js";import"./984717aa.js";import"./fe6b6bf8.js";import"./847457e5.js";import"./d11544d8.js";import"./d3406c6e.js";import"./27e6a3fc.js";import"./9f9c5c08.js";import"./6663919c.js";import"./16ab2288.js";import"./b06e8387.js";import"./2d3883ea.js";import"./a37f886d.js";var l=e`:host{display:block}sp-search{--spectrum-alias-single-line-width:100%;width:100%}#search-results-menu{display:flex;flex-direction:column;max-height:calc(100vh - 200px);width:250px}sp-illustrated-message{color:var(--spectrum-global-color-gray-800);flex:1 1;margin-bottom:2em}`,p=e=>e.stopPropagation(),d=class extends r{constructor(){super(...arguments),this.open=!1,this.results=[]}static get styles(){return[l]}focus(){this.searchField.focus()}handleSearchInput(e){if(e.target){const{value:t}=e.target;this.updateSearchResults(t)}}handleKeydown(e){const{code:t}=e,s="ArrowDown"===t||"ArrowUp"===t;s&&(e.preventDefault(),this.focusResults({shouldFocusResultsList:s}))}async focusResults({shouldFocusResultsList:e}){e?(this.menuEl.addEventListener("focus",(()=>{this.menuEl.childItems[this.menuEl.focusedItemIndex].focused=!0}),{once:!0}),this.menuEl.focus()):this.popoverEl.focus()}openPopover(){this.open=!0}closePopover(){this.open=!1}handleClosed(){this.closeOverlay&&delete this.closeOverlay}handleSubmit(e){e.preventDefault(),this.results.length<0||this.menuEl.focus()}async updateSearchResults(e){if(e.length<3)return this.closePopover(),!1;const t=`${e.trim()}*`,s=await import("./d6f68c82.js").then((({search:e})=>e));return this.results=await s(t),this.openPopover(),this.results.length>0}handleMenuFocusout(e){this.menuEl.contains(e.relatedTarget)||this.menuEl.childItems.forEach((e=>{e.focused=!1}))}renderResults(){return this.results.length>0?n`${this.results.map((e=>n`${e.name} ${e.results.map((e=>n`${e.label}`))}`))}`:n``}render(){return n`
${this.renderResults()}
`}firstUpdated(e){super.firstUpdated(e),this.addEventListener("blur",this.closePopover)}};t([s("sp-popover")],d.prototype,"popoverEl",2),t([i({type:Boolean})],d.prototype,"open",2),t([s("sp-menu")],d.prototype,"menuEl",2),t([s("sp-search")],d.prototype,"searchField",2),t([i({type:Array})],d.prototype,"results",2),d=t([a("docs-search")],d);var c=e`::slotted(*){width:100%}aside{background-color:var(--spectrum-global-color-gray-75);display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:auto;position:sticky;top:0}@media screen and (max-width:960px){aside{left:0;min-height:100vh;position:fixed;top:0;transform:translateX(-100%);transition:transform var( --spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600) ) cubic-bezier(0,0,.4,1),visibility 0s linear var(--spectrum-global-animation-duration-600);visibility:hidden;z-index:10}[dir=rtl]+aside{left:auto;right:0;transform:translateX(100%);visibility:hidden}:host([open]) aside{transform:translateX(0);transition-delay:0s,0s;visibility:visible}.scrim{touch-action:none;z-index:10}}#nav-header a,#nav-header a:visited{color:var(--spectrum-global-color-gray-800);-webkit-text-decoration:none;text-decoration:none}.navigation{flex:1;flex-grow:1;overflow:auto;overflow-x:hidden;overflow-y:auto;padding:0 24px 24px;width:var(--spectrum-global-dimension-size-2400)}docs-spectrum-logo{display:block;height:32px;padding-top:7px;width:36px}:host([dir=ltr]) docs-spectrum-logo{margin-right:16px}:host([dir=rtl]) docs-spectrum-logo{margin-left:16px}#logo-container{border-radius:4px;outline:none}docs-search{padding:0 var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300);width:var(--spectrum-global-dimension-size-2400)}sp-sidenav{width:100%}.spectrum-web{display:block;margin-top:80px}sp-underlay:not(:defined){opacity:0}`,h=class extends r{constructor(){super(...arguments),this.open=!1,this.handleKeydown=e=>{"Escape"===e.code&&null===e.target.closest('[role="listbox"],[role="menu"]')&&(this.open=!1)}}static get styles(){return[c]}toggle(e){"keydown"===e.type&&"Enter"!==e.code&&"Space"!==e.code||(this.open=!this.open)}focus(){const e=document.querySelector('[slot="logo"]');e?e.focus():this.shadowRoot.querySelector("#logo").focus()}render(){return n``}updated(e){e.has("open")&&(!this.open&&e.get("open")?(this.dispatchEvent(new Event("close")),this.ownerDocument.removeEventListener("keydown",this.handleKeydown,!0)):this.open&&!e.get("open")&&this.ownerDocument.addEventListener("keydown",this.handleKeydown,!0))}};t([i({type:Boolean,reflect:!0})],h.prototype,"open",2),h=t([a("docs-side-nav")],h);export{h as SideNav}; -//# sourceMappingURL=ca06eb64.js.map +//# sourceMappingURL=18e7ea6c.js.map diff --git a/ca06eb64.js.map b/18e7ea6c.js.map similarity index 99% rename from ca06eb64.js.map rename to 18e7ea6c.js.map index 6c402a8989..5f7dff5b6f 100644 --- a/ca06eb64.js.map +++ b/18e7ea6c.js.map @@ -1 +1 @@ -{"version":3,"file":"ca06eb64.js","sources":["../_site/src/side-nav-ABJS3BYP.js"],"sourcesContent":["import {\n i\n} from \"./chunk-5RIWP3AN.js\";\nimport {\n __decorateClass\n} from \"./chunk-D2T6KOQJ.js\";\n\n// src/components/side-nav.ts\nimport {\n html as html2,\n LitElement as LitElement2\n} from \"@spectrum-web-components/base\";\nimport {\n customElement as customElement2,\n property as property2\n} from \"@spectrum-web-components/base/src/decorators.js\";\n\n// src/components/side-nav-search.ts\nimport {\n html,\n LitElement\n} from \"@spectrum-web-components/base\";\nimport {\n customElement,\n property,\n query\n} from \"@spectrum-web-components/base/src/decorators.js\";\n\n// src/components/side-nav-search.css\nvar styles = i`:host{display:block}sp-search{--spectrum-alias-single-line-width:100%;width:100%}#search-results-menu{display:flex;flex-direction:column;max-height:calc(100vh - 200px);width:250px}sp-illustrated-message{color:var(--spectrum-global-color-gray-800);flex:1 1;margin-bottom:2em}`;\nvar side_nav_search_default = styles;\n\n// src/components/side-nav-search.ts\nimport \"@spectrum-web-components/overlay/sp-overlay.js\";\nimport \"@spectrum-web-components/search/sp-search.js\";\nvar stopPropagation = (event) => event.stopPropagation();\nvar SearchComponent = class extends LitElement {\n constructor() {\n super(...arguments);\n this.open = false;\n this.results = [];\n }\n static get styles() {\n return [side_nav_search_default];\n }\n focus() {\n this.searchField.focus();\n }\n handleSearchInput(event) {\n if (event.target) {\n const { value } = event.target;\n this.updateSearchResults(value);\n }\n }\n handleKeydown(event) {\n const { code } = event;\n const shouldFocusResultsList = code === \"ArrowDown\" || code === \"ArrowUp\";\n if (!shouldFocusResultsList) {\n return;\n } else {\n event.preventDefault();\n }\n this.focusResults({ shouldFocusResultsList });\n }\n async focusResults({\n shouldFocusResultsList\n }) {\n if (shouldFocusResultsList) {\n this.menuEl.addEventListener(\n \"focus\",\n () => {\n this.menuEl.childItems[this.menuEl.focusedItemIndex].focused = true;\n },\n {\n once: true\n }\n );\n this.menuEl.focus();\n } else {\n this.popoverEl.focus();\n }\n }\n openPopover() {\n this.open = true;\n }\n closePopover() {\n this.open = false;\n }\n handleClosed() {\n if (this.closeOverlay) {\n delete this.closeOverlay;\n }\n }\n handleSubmit(event) {\n event.preventDefault();\n if (this.results.length < 0)\n return;\n this.menuEl.focus();\n }\n async updateSearchResults(value) {\n if (value.length < 3) {\n this.closePopover();\n return false;\n }\n const searchParam = `${value.trim()}*`;\n const search = await import(\"./search-index-C5CW55CL.js\").then(\n ({ search: search2 }) => search2\n );\n this.results = await search(searchParam);\n this.openPopover();\n return this.results.length > 0;\n }\n handleMenuFocusout(event) {\n if (!this.menuEl.contains(event.relatedTarget)) {\n this.menuEl.childItems.forEach((item) => {\n item.focused = false;\n });\n }\n }\n renderResults() {\n if (this.results.length > 0) {\n return html`\n \n ${this.results.map(\n (category) => html`\n \n ${category.name}\n ${category.results.map(\n (result) => html`\n \n ${result.label}\n \n `\n )}\n \n `\n )}\n \n `;\n } else {\n return html`\n \n `;\n }\n }\n render() {\n return html`\n
\n \n \n \n ${this.renderResults()}\n \n \n
\n `;\n }\n firstUpdated(_changedProperties) {\n super.firstUpdated(_changedProperties);\n this.addEventListener(\"blur\", this.closePopover);\n }\n};\n__decorateClass([\n query(\"sp-popover\")\n], SearchComponent.prototype, \"popoverEl\", 2);\n__decorateClass([\n property({ type: Boolean })\n], SearchComponent.prototype, \"open\", 2);\n__decorateClass([\n query(\"sp-menu\")\n], SearchComponent.prototype, \"menuEl\", 2);\n__decorateClass([\n query(\"sp-search\")\n], SearchComponent.prototype, \"searchField\", 2);\n__decorateClass([\n property({ type: Array })\n], SearchComponent.prototype, \"results\", 2);\nSearchComponent = __decorateClass([\n customElement(\"docs-search\")\n], SearchComponent);\n\n// src/components/side-nav.css\nvar styles2 = i`::slotted(*){width:100%}aside{background-color:var(--spectrum-global-color-gray-75);display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:auto;position:sticky;top:0}@media screen and (max-width:960px){aside{left:0;min-height:100vh;position:fixed;top:0;transform:translateX(-100%);transition:transform var(\n --spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)\n ) cubic-bezier(0,0,.4,1),visibility 0s linear var(--spectrum-global-animation-duration-600);visibility:hidden;z-index:10}[dir=rtl]+aside{left:auto;right:0;transform:translateX(100%);visibility:hidden}:host([open]) aside{transform:translateX(0);transition-delay:0s,0s;visibility:visible}.scrim{touch-action:none;z-index:10}}#nav-header a,#nav-header a:visited{color:var(--spectrum-global-color-gray-800);-webkit-text-decoration:none;text-decoration:none}.navigation{flex:1;flex-grow:1;overflow:auto;overflow-x:hidden;overflow-y:auto;padding:0 24px 24px;width:var(--spectrum-global-dimension-size-2400)}docs-spectrum-logo{display:block;height:32px;padding-top:7px;width:36px}:host([dir=ltr]) docs-spectrum-logo{margin-right:16px}:host([dir=rtl]) docs-spectrum-logo{margin-left:16px}#logo-container{border-radius:4px;outline:none}docs-search{padding:0 var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300);width:var(--spectrum-global-dimension-size-2400)}sp-sidenav{width:100%}.spectrum-web{display:block;margin-top:80px}sp-underlay:not(:defined){opacity:0}`;\nvar side_nav_default = styles2;\n\n// src/components/side-nav.ts\nimport \"@spectrum-web-components/sidenav/sp-sidenav.js\";\nimport \"@spectrum-web-components/sidenav/sp-sidenav-item.js\";\nimport \"@spectrum-web-components/underlay/sp-underlay.js\";\nimport { ifDefined } from \"@spectrum-web-components/base/src/directives.js\";\nvar SideNav = class extends LitElement2 {\n constructor() {\n super(...arguments);\n this.open = false;\n this.handleKeydown = (event) => {\n if (event.code === \"Escape\" && event.target.closest(\n '[role=\"listbox\"],[role=\"menu\"]'\n ) === null) {\n this.open = false;\n }\n };\n }\n static get styles() {\n return [side_nav_default];\n }\n toggle(event) {\n if (event.type === \"keydown\" && event.code !== \"Enter\" && event.code !== \"Space\") {\n return;\n }\n this.open = !this.open;\n }\n focus() {\n const target = document.querySelector(\n '[slot=\"logo\"]'\n );\n if (!target) {\n this.shadowRoot.querySelector(\"#logo\").focus();\n return;\n }\n target.focus();\n }\n render() {\n return html2`\n \n \n `;\n }\n updated(changes) {\n if (changes.has(\"open\")) {\n if (!this.open && changes.get(\"open\")) {\n this.dispatchEvent(new Event(\"close\"));\n this.ownerDocument.removeEventListener(\n \"keydown\",\n this.handleKeydown,\n true\n );\n } else if (this.open && !changes.get(\"open\")) {\n this.ownerDocument.addEventListener(\n \"keydown\",\n this.handleKeydown,\n true\n );\n }\n }\n }\n};\n__decorateClass([\n property2({ type: Boolean, reflect: true })\n], SideNav.prototype, \"open\", 2);\nSideNav = __decorateClass([\n customElement2(\"docs-side-nav\")\n], SideNav);\nexport {\n SideNav\n};\n"],"names":["side_nav_search_default","i","stopPropagation","event","SearchComponent","LitElement","constructor","super","arguments","this","open","results","styles","focus","searchField","handleSearchInput","target","value","updateSearchResults","handleKeydown","code","shouldFocusResultsList","preventDefault","focusResults","async","menuEl","addEventListener","childItems","focusedItemIndex","focused","once","popoverEl","openPopover","closePopover","handleClosed","closeOverlay","handleSubmit","length","searchParam","trim","search","import","then","search2","handleMenuFocusout","contains","relatedTarget","forEach","item","renderResults","html","map","category","name","result","url","label","render","firstUpdated","_changedProperties","__decorateClass","query","prototype","property","type","Boolean","Array","customElement","side_nav_default","SideNav","LitElement2","closest","toggle","document","querySelector","shadowRoot","html2","ifDefined","matchMedia","matches","updated","changes","has","get","dispatchEvent","Event","ownerDocument","removeEventListener","property2","reflect","customElement2"],"mappings":"03BA6BA,IACIA,EADSC,CAAE,qRAMXC,EAAmBC,GAAUA,EAAMD,kBACnCE,EAAkB,cAAcC,EAClCC,cACEC,SAASC,WACTC,KAAKC,MAAO,EACZD,KAAKE,QAAU,EAChB,CACUC,oBACT,MAAO,CAACZ,EACT,CACDa,QACEJ,KAAKK,YAAYD,OAClB,CACDE,kBAAkBZ,GAChB,GAAIA,EAAMa,OAAQ,CAChB,MAAMC,MAAEA,GAAUd,EAAMa,OACxBP,KAAKS,oBAAoBD,EAC1B,CACF,CACDE,cAAchB,GACZ,MAAMiB,KAAEA,GAASjB,EACXkB,EAAkC,cAATD,GAAiC,YAATA,EAClDC,IAGHlB,EAAMmB,iBAERb,KAAKc,aAAa,CAAEF,2BACrB,CACiBG,oBAACH,uBACjBA,IAEIA,GACFZ,KAAKgB,OAAOC,iBACV,SACA,KACEjB,KAAKgB,OAAOE,WAAWlB,KAAKgB,OAAOG,kBAAkBC,SAAU,CAA/D,GAEF,CACEC,MAAM,IAGVrB,KAAKgB,OAAOZ,SAEZJ,KAAKsB,UAAUlB,OAElB,CACDmB,cACEvB,KAAKC,MAAO,CACb,CACDuB,eACExB,KAAKC,MAAO,CACb,CACDwB,eACMzB,KAAK0B,0BACKA,YAEf,CACDC,aAAajC,GACXA,EAAMmB,iBACFb,KAAKE,QAAQ0B,OAAS,GAE1B5B,KAAKgB,OAAOZ,OACb,CACwBW,0BAACP,GACxB,GAAIA,EAAMoB,OAAS,EAEjB,OADA5B,KAAKwB,kBAGP,MAAMK,EAAe,GAAErB,EAAMsB,UACvBC,QAAeC,OAAO,iBAA8BC,MACxD,EAAGF,OAAQG,KAAcA,IAI3B,OAFAlC,KAAKE,cAAgB6B,EAAOF,GAC5B7B,KAAKuB,cACOrB,KAAAA,QAAQ0B,OAAS,CAC9B,CACDO,mBAAmBzC,GACZM,KAAKgB,OAAOoB,SAAS1C,EAAM2C,gBAC9BrC,KAAKgB,OAAOE,WAAWoB,SAASC,IAC9BA,EAAKnB,SAAU,CAAf,GAGL,CACDoB,gBACE,OAAIxC,KAAKE,QAAQ0B,OAAS,EACjBa,CAAK,qCACiCzC,KAAKmC,uBAClCnC,KAAKE,QAAQwC,KAC1BC,GAAaF,CAAK,sCAE2BE,EAASC,eAC7BD,EAASzC,QAAQwC,KACxCG,GAAWJ,CAAK,uBACmCI,EAAOC,QACvBD,EAAOE,yDAUxCN,CAAK,qHAOf,CACDO,SACE,OAAOP,CAAK,+DAIezC,KAAKM,8BACPN,KAAKM,+BACJN,KAAKM,gCACJN,KAAKU,0BACPjB,eACCO,KAAK2B,mEAIP3B,KAAKC,+IAQYD,KAAKyB,iBAExBzB,KAAKwC,iDAK5B,CACDS,aAAaC,GACXpD,MAAMmD,aAAaC,GACnBlD,KAAKiB,iBAAiB,OAAQjB,KAAKwB,aACpC,GAEH2B,EAAgB,CACdC,EAAM,eACLzD,EAAgB0D,UAAW,YAAa,GAC3CF,EAAgB,CACdG,EAAS,CAAEC,KAAMC,WAChB7D,EAAgB0D,UAAW,OAAQ,GACtCF,EAAgB,CACdC,EAAM,YACLzD,EAAgB0D,UAAW,SAAU,GACxCF,EAAgB,CACdC,EAAM,cACLzD,EAAgB0D,UAAW,cAAe,GAC7CF,EAAgB,CACdG,EAAS,CAAEC,KAAME,SAChB9D,EAAgB0D,UAAW,UAAW,GACzC1D,EAAkBwD,EAAgB,CAChCO,EAAc,gBACb/D,GAGH,IAGIgE,EAHUnE,CAAE;;wnCAUZoE,EAAU,cAAcC,EAC1BhE,cACEC,SAASC,WACTC,KAAKC,MAAO,EACZD,KAAKU,cAAiBhB,IACD,WAAfA,EAAMiB,MAEJ,OAFyBjB,EAAMa,OAAOuD,QAC1C,oCAEA9D,KAAKC,MAAO,EACb,CAEJ,CACUE,oBACT,MAAO,CAACwD,EACT,CACDI,OAAOrE,GACc,YAAfA,EAAM6D,MAAqC,UAAf7D,EAAMiB,MAAmC,UAAfjB,EAAMiB,OAGhEX,KAAKC,MAAQD,KAAKC,KACnB,CACDG,QACE,MAAMG,EAASyD,SAASC,cACtB,iBAEG1D,EAILA,EAAOH,QAHLJ,KAAKkE,WAAWD,cAAc,SAAS7D,OAI1C,CACD4C,SACE,OAAOmB,CAAM,sCAGQnE,KAAK+D,kBACN/D,KAAKC,kIAQMmE,GAC5BpE,KAAKC,MAAQoE,WAAW,sBAAsBC,SAAW,OAAI,6EASjE,CACDC,QAAQC,GACFA,EAAQC,IAAI,WACTzE,KAAKC,MAAQuE,EAAQE,IAAI,SAC5B1E,KAAK2E,cAAc,IAAIC,MAAM,UAC7B5E,KAAK6E,cAAcC,oBACjB,UACA9E,KAAKU,eACL,IAEOV,KAAKC,OAASuE,EAAQE,IAAI,SACnC1E,KAAK6E,cAAc5D,iBACjB,UACAjB,KAAKU,eACL,GAIP,GAEHyC,EAAgB,CACd4B,EAAU,CAAExB,KAAMC,QAASwB,SAAS,KACnCpB,EAAQP,UAAW,OAAQ,GAC9BO,EAAUT,EAAgB,CACxB8B,EAAe,kBACdrB"} \ No newline at end of file +{"version":3,"file":"18e7ea6c.js","sources":["../_site/src/side-nav-ABJS3BYP.js"],"sourcesContent":["import {\n i\n} from \"./chunk-5RIWP3AN.js\";\nimport {\n __decorateClass\n} from \"./chunk-D2T6KOQJ.js\";\n\n// src/components/side-nav.ts\nimport {\n html as html2,\n LitElement as LitElement2\n} from \"@spectrum-web-components/base\";\nimport {\n customElement as customElement2,\n property as property2\n} from \"@spectrum-web-components/base/src/decorators.js\";\n\n// src/components/side-nav-search.ts\nimport {\n html,\n LitElement\n} from \"@spectrum-web-components/base\";\nimport {\n customElement,\n property,\n query\n} from \"@spectrum-web-components/base/src/decorators.js\";\n\n// src/components/side-nav-search.css\nvar styles = i`:host{display:block}sp-search{--spectrum-alias-single-line-width:100%;width:100%}#search-results-menu{display:flex;flex-direction:column;max-height:calc(100vh - 200px);width:250px}sp-illustrated-message{color:var(--spectrum-global-color-gray-800);flex:1 1;margin-bottom:2em}`;\nvar side_nav_search_default = styles;\n\n// src/components/side-nav-search.ts\nimport \"@spectrum-web-components/overlay/sp-overlay.js\";\nimport \"@spectrum-web-components/search/sp-search.js\";\nvar stopPropagation = (event) => event.stopPropagation();\nvar SearchComponent = class extends LitElement {\n constructor() {\n super(...arguments);\n this.open = false;\n this.results = [];\n }\n static get styles() {\n return [side_nav_search_default];\n }\n focus() {\n this.searchField.focus();\n }\n handleSearchInput(event) {\n if (event.target) {\n const { value } = event.target;\n this.updateSearchResults(value);\n }\n }\n handleKeydown(event) {\n const { code } = event;\n const shouldFocusResultsList = code === \"ArrowDown\" || code === \"ArrowUp\";\n if (!shouldFocusResultsList) {\n return;\n } else {\n event.preventDefault();\n }\n this.focusResults({ shouldFocusResultsList });\n }\n async focusResults({\n shouldFocusResultsList\n }) {\n if (shouldFocusResultsList) {\n this.menuEl.addEventListener(\n \"focus\",\n () => {\n this.menuEl.childItems[this.menuEl.focusedItemIndex].focused = true;\n },\n {\n once: true\n }\n );\n this.menuEl.focus();\n } else {\n this.popoverEl.focus();\n }\n }\n openPopover() {\n this.open = true;\n }\n closePopover() {\n this.open = false;\n }\n handleClosed() {\n if (this.closeOverlay) {\n delete this.closeOverlay;\n }\n }\n handleSubmit(event) {\n event.preventDefault();\n if (this.results.length < 0)\n return;\n this.menuEl.focus();\n }\n async updateSearchResults(value) {\n if (value.length < 3) {\n this.closePopover();\n return false;\n }\n const searchParam = `${value.trim()}*`;\n const search = await import(\"./search-index-C5CW55CL.js\").then(\n ({ search: search2 }) => search2\n );\n this.results = await search(searchParam);\n this.openPopover();\n return this.results.length > 0;\n }\n handleMenuFocusout(event) {\n if (!this.menuEl.contains(event.relatedTarget)) {\n this.menuEl.childItems.forEach((item) => {\n item.focused = false;\n });\n }\n }\n renderResults() {\n if (this.results.length > 0) {\n return html`\n \n ${this.results.map(\n (category) => html`\n \n ${category.name}\n ${category.results.map(\n (result) => html`\n \n ${result.label}\n \n `\n )}\n \n `\n )}\n \n `;\n } else {\n return html`\n \n `;\n }\n }\n render() {\n return html`\n
\n \n \n \n ${this.renderResults()}\n \n \n
\n `;\n }\n firstUpdated(_changedProperties) {\n super.firstUpdated(_changedProperties);\n this.addEventListener(\"blur\", this.closePopover);\n }\n};\n__decorateClass([\n query(\"sp-popover\")\n], SearchComponent.prototype, \"popoverEl\", 2);\n__decorateClass([\n property({ type: Boolean })\n], SearchComponent.prototype, \"open\", 2);\n__decorateClass([\n query(\"sp-menu\")\n], SearchComponent.prototype, \"menuEl\", 2);\n__decorateClass([\n query(\"sp-search\")\n], SearchComponent.prototype, \"searchField\", 2);\n__decorateClass([\n property({ type: Array })\n], SearchComponent.prototype, \"results\", 2);\nSearchComponent = __decorateClass([\n customElement(\"docs-search\")\n], SearchComponent);\n\n// src/components/side-nav.css\nvar styles2 = i`::slotted(*){width:100%}aside{background-color:var(--spectrum-global-color-gray-75);display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:auto;position:sticky;top:0}@media screen and (max-width:960px){aside{left:0;min-height:100vh;position:fixed;top:0;transform:translateX(-100%);transition:transform var(\n --spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)\n ) cubic-bezier(0,0,.4,1),visibility 0s linear var(--spectrum-global-animation-duration-600);visibility:hidden;z-index:10}[dir=rtl]+aside{left:auto;right:0;transform:translateX(100%);visibility:hidden}:host([open]) aside{transform:translateX(0);transition-delay:0s,0s;visibility:visible}.scrim{touch-action:none;z-index:10}}#nav-header a,#nav-header a:visited{color:var(--spectrum-global-color-gray-800);-webkit-text-decoration:none;text-decoration:none}.navigation{flex:1;flex-grow:1;overflow:auto;overflow-x:hidden;overflow-y:auto;padding:0 24px 24px;width:var(--spectrum-global-dimension-size-2400)}docs-spectrum-logo{display:block;height:32px;padding-top:7px;width:36px}:host([dir=ltr]) docs-spectrum-logo{margin-right:16px}:host([dir=rtl]) docs-spectrum-logo{margin-left:16px}#logo-container{border-radius:4px;outline:none}docs-search{padding:0 var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300);width:var(--spectrum-global-dimension-size-2400)}sp-sidenav{width:100%}.spectrum-web{display:block;margin-top:80px}sp-underlay:not(:defined){opacity:0}`;\nvar side_nav_default = styles2;\n\n// src/components/side-nav.ts\nimport \"@spectrum-web-components/sidenav/sp-sidenav.js\";\nimport \"@spectrum-web-components/sidenav/sp-sidenav-item.js\";\nimport \"@spectrum-web-components/underlay/sp-underlay.js\";\nimport { ifDefined } from \"@spectrum-web-components/base/src/directives.js\";\nvar SideNav = class extends LitElement2 {\n constructor() {\n super(...arguments);\n this.open = false;\n this.handleKeydown = (event) => {\n if (event.code === \"Escape\" && event.target.closest(\n '[role=\"listbox\"],[role=\"menu\"]'\n ) === null) {\n this.open = false;\n }\n };\n }\n static get styles() {\n return [side_nav_default];\n }\n toggle(event) {\n if (event.type === \"keydown\" && event.code !== \"Enter\" && event.code !== \"Space\") {\n return;\n }\n this.open = !this.open;\n }\n focus() {\n const target = document.querySelector(\n '[slot=\"logo\"]'\n );\n if (!target) {\n this.shadowRoot.querySelector(\"#logo\").focus();\n return;\n }\n target.focus();\n }\n render() {\n return html2`\n \n \n `;\n }\n updated(changes) {\n if (changes.has(\"open\")) {\n if (!this.open && changes.get(\"open\")) {\n this.dispatchEvent(new Event(\"close\"));\n this.ownerDocument.removeEventListener(\n \"keydown\",\n this.handleKeydown,\n true\n );\n } else if (this.open && !changes.get(\"open\")) {\n this.ownerDocument.addEventListener(\n \"keydown\",\n this.handleKeydown,\n true\n );\n }\n }\n }\n};\n__decorateClass([\n property2({ type: Boolean, reflect: true })\n], SideNav.prototype, \"open\", 2);\nSideNav = __decorateClass([\n customElement2(\"docs-side-nav\")\n], SideNav);\nexport {\n SideNav\n};\n"],"names":["side_nav_search_default","i","stopPropagation","event","SearchComponent","LitElement","constructor","super","arguments","this","open","results","styles","focus","searchField","handleSearchInput","target","value","updateSearchResults","handleKeydown","code","shouldFocusResultsList","preventDefault","focusResults","async","menuEl","addEventListener","childItems","focusedItemIndex","focused","once","popoverEl","openPopover","closePopover","handleClosed","closeOverlay","handleSubmit","length","searchParam","trim","search","import","then","search2","handleMenuFocusout","contains","relatedTarget","forEach","item","renderResults","html","map","category","name","result","url","label","render","firstUpdated","_changedProperties","__decorateClass","query","prototype","property","type","Boolean","Array","customElement","side_nav_default","SideNav","LitElement2","closest","toggle","document","querySelector","shadowRoot","html2","ifDefined","matchMedia","matches","updated","changes","has","get","dispatchEvent","Event","ownerDocument","removeEventListener","property2","reflect","customElement2"],"mappings":"03BA6BA,IACIA,EADSC,CAAE,qRAMXC,EAAmBC,GAAUA,EAAMD,kBACnCE,EAAkB,cAAcC,EAClCC,cACEC,SAASC,WACTC,KAAKC,MAAO,EACZD,KAAKE,QAAU,EAChB,CACUC,oBACT,MAAO,CAACZ,EACT,CACDa,QACEJ,KAAKK,YAAYD,OAClB,CACDE,kBAAkBZ,GAChB,GAAIA,EAAMa,OAAQ,CAChB,MAAMC,MAAEA,GAAUd,EAAMa,OACxBP,KAAKS,oBAAoBD,EAC1B,CACF,CACDE,cAAchB,GACZ,MAAMiB,KAAEA,GAASjB,EACXkB,EAAkC,cAATD,GAAiC,YAATA,EAClDC,IAGHlB,EAAMmB,iBAERb,KAAKc,aAAa,CAAEF,2BACrB,CACiBG,oBAACH,uBACjBA,IAEIA,GACFZ,KAAKgB,OAAOC,iBACV,SACA,KACEjB,KAAKgB,OAAOE,WAAWlB,KAAKgB,OAAOG,kBAAkBC,SAAU,CAA/D,GAEF,CACEC,MAAM,IAGVrB,KAAKgB,OAAOZ,SAEZJ,KAAKsB,UAAUlB,OAElB,CACDmB,cACEvB,KAAKC,MAAO,CACb,CACDuB,eACExB,KAAKC,MAAO,CACb,CACDwB,eACMzB,KAAK0B,0BACKA,YAEf,CACDC,aAAajC,GACXA,EAAMmB,iBACFb,KAAKE,QAAQ0B,OAAS,GAE1B5B,KAAKgB,OAAOZ,OACb,CACwBW,0BAACP,GACxB,GAAIA,EAAMoB,OAAS,EAEjB,OADA5B,KAAKwB,kBAGP,MAAMK,EAAe,GAAErB,EAAMsB,UACvBC,QAAeC,OAAO,iBAA8BC,MACxD,EAAGF,OAAQG,KAAcA,IAI3B,OAFAlC,KAAKE,cAAgB6B,EAAOF,GAC5B7B,KAAKuB,cACOrB,KAAAA,QAAQ0B,OAAS,CAC9B,CACDO,mBAAmBzC,GACZM,KAAKgB,OAAOoB,SAAS1C,EAAM2C,gBAC9BrC,KAAKgB,OAAOE,WAAWoB,SAASC,IAC9BA,EAAKnB,SAAU,CAAf,GAGL,CACDoB,gBACE,OAAIxC,KAAKE,QAAQ0B,OAAS,EACjBa,CAAK,qCACiCzC,KAAKmC,uBAClCnC,KAAKE,QAAQwC,KAC1BC,GAAaF,CAAK,sCAE2BE,EAASC,eAC7BD,EAASzC,QAAQwC,KACxCG,GAAWJ,CAAK,uBACmCI,EAAOC,QACvBD,EAAOE,yDAUxCN,CAAK,qHAOf,CACDO,SACE,OAAOP,CAAK,+DAIezC,KAAKM,8BACPN,KAAKM,+BACJN,KAAKM,gCACJN,KAAKU,0BACPjB,eACCO,KAAK2B,mEAIP3B,KAAKC,+IAQYD,KAAKyB,iBAExBzB,KAAKwC,iDAK5B,CACDS,aAAaC,GACXpD,MAAMmD,aAAaC,GACnBlD,KAAKiB,iBAAiB,OAAQjB,KAAKwB,aACpC,GAEH2B,EAAgB,CACdC,EAAM,eACLzD,EAAgB0D,UAAW,YAAa,GAC3CF,EAAgB,CACdG,EAAS,CAAEC,KAAMC,WAChB7D,EAAgB0D,UAAW,OAAQ,GACtCF,EAAgB,CACdC,EAAM,YACLzD,EAAgB0D,UAAW,SAAU,GACxCF,EAAgB,CACdC,EAAM,cACLzD,EAAgB0D,UAAW,cAAe,GAC7CF,EAAgB,CACdG,EAAS,CAAEC,KAAME,SAChB9D,EAAgB0D,UAAW,UAAW,GACzC1D,EAAkBwD,EAAgB,CAChCO,EAAc,gBACb/D,GAGH,IAGIgE,EAHUnE,CAAE;;wnCAUZoE,EAAU,cAAcC,EAC1BhE,cACEC,SAASC,WACTC,KAAKC,MAAO,EACZD,KAAKU,cAAiBhB,IACD,WAAfA,EAAMiB,MAEJ,OAFyBjB,EAAMa,OAAOuD,QAC1C,oCAEA9D,KAAKC,MAAO,EACb,CAEJ,CACUE,oBACT,MAAO,CAACwD,EACT,CACDI,OAAOrE,GACc,YAAfA,EAAM6D,MAAqC,UAAf7D,EAAMiB,MAAmC,UAAfjB,EAAMiB,OAGhEX,KAAKC,MAAQD,KAAKC,KACnB,CACDG,QACE,MAAMG,EAASyD,SAASC,cACtB,iBAEG1D,EAILA,EAAOH,QAHLJ,KAAKkE,WAAWD,cAAc,SAAS7D,OAI1C,CACD4C,SACE,OAAOmB,CAAM,sCAGQnE,KAAK+D,kBACN/D,KAAKC,kIAQMmE,GAC5BpE,KAAKC,MAAQoE,WAAW,sBAAsBC,SAAW,OAAI,6EASjE,CACDC,QAAQC,GACFA,EAAQC,IAAI,WACTzE,KAAKC,MAAQuE,EAAQE,IAAI,SAC5B1E,KAAK2E,cAAc,IAAIC,MAAM,UAC7B5E,KAAK6E,cAAcC,oBACjB,UACA9E,KAAKU,eACL,IAEOV,KAAKC,OAASuE,EAAQE,IAAI,SACnC1E,KAAK6E,cAAc5D,iBACjB,UACAjB,KAAKU,eACL,GAIP,GAEHyC,EAAgB,CACd4B,EAAU,CAAExB,KAAMC,QAASwB,SAAS,KACnCpB,EAAQP,UAAW,OAAQ,GAC9BO,EAAUT,EAAgB,CACxB8B,EAAe,kBACdrB"} \ No newline at end of file diff --git a/12d0dab9.js b/199da296.js similarity index 89% rename from 12d0dab9.js rename to 199da296.js index 9d48409359..fbfcad20d7 100644 --- a/12d0dab9.js +++ b/199da296.js @@ -1,2 +1,2 @@ -import{t as e}from"./47d38ea1.js";const t=Symbol("slotContentIsPresent");function s(s,r){var o;const n=Array.isArray(r)?r:[r];return o=t,class extends s{constructor(...s){super(s),this[o]=new Map,this.managePresenceObservedSlot=()=>{let e=!1;n.forEach((s=>{const r=!!this.querySelector(`:scope > ${s}`),o=this[t].get(s)||!1;e=e||o!==r,this[t].set(s,!!this.querySelector(`:scope > ${s}`))})),e&&this.updateComplete.then((()=>{this.requestUpdate()}))},new e(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(1===n.length)return this[t].get(n[0])||!1;throw new Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw new Error(`The provided selector \`${e}\` is not being observed.`)}}}export{s as O}; -//# sourceMappingURL=12d0dab9.js.map +import{t as e}from"./41477eb1.js";const t=Symbol("slotContentIsPresent");function s(s,r){var o;const n=Array.isArray(r)?r:[r];return o=t,class extends s{constructor(...s){super(s),this[o]=new Map,this.managePresenceObservedSlot=()=>{let e=!1;n.forEach((s=>{const r=!!this.querySelector(`:scope > ${s}`),o=this[t].get(s)||!1;e=e||o!==r,this[t].set(s,!!this.querySelector(`:scope > ${s}`))})),e&&this.updateComplete.then((()=>{this.requestUpdate()}))},new e(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(1===n.length)return this[t].get(n[0])||!1;throw new Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw new Error(`The provided selector \`${e}\` is not being observed.`)}}}export{s as O}; +//# sourceMappingURL=199da296.js.map diff --git a/12d0dab9.js.map b/199da296.js.map similarity index 97% rename from 12d0dab9.js.map rename to 199da296.js.map index cef4e5dd98..ab4325e0e0 100644 --- a/12d0dab9.js.map +++ b/199da296.js.map @@ -1 +1 @@ -{"version":3,"file":"12d0dab9.js","sources":["../../../tools/shared/src/observe-slot-presence.js"],"sourcesContent":["\"use strict\";import{MutationController as g}from\"@lit-labs/observers/mutation-controller.js\";const t=Symbol(\"slotContentIsPresent\");export function ObserveSlotPresence(o,s){var l;const r=Array.isArray(s)?s:[s];class i extends o{constructor(...e){super(e);this[l]=new Map;this.managePresenceObservedSlot=()=>{let e=!1;r.forEach(n=>{const a=!!this.querySelector(`:scope > ${n}`),c=this[t].get(n)||!1;e=e||c!==a,this[t].set(n,!!this.querySelector(`:scope > ${n}`))}),e&&this.updateComplete.then(()=>{this.requestUpdate()})};new g(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(r.length===1)return this[t].get(r[0])||!1;throw new Error(\"Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.\")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw new Error(`The provided selector \\`${e}\\` is not being observed.`)}}return l=t,i}\n//# sourceMappingURL=observe-slot-presence.js.map\n"],"names":["Symbol","ObserveSlotPresence","constructor","lightDomSelector","l","Array","isArray","SlotPresenceObservingElement","args","super","this","_a","Map","managePresenceObservedSlot","e","lightDomSelectors","forEach","selector","a","querySelector","previousValue","slotContentIsPresent","get","changes","nextValue","set","updateComplete","then","requestUpdate","g","config","childList","subtree","callback","length","Error","getSlotContentPresence","has"],"mappings":"kCAaA,QAA6BA,OAAO,wBAcpBC,SAAAA,EACZC,EACAC,GA7BJ,IAAAC,EA+BI,MAA0BC,EAAAA,MAAMC,QAAQH,GAClCA,EACA,CAACA,GAjCX,OAoGWI,EAAAA,EAlEP,cACYL,EAIRA,eAAeM,GACXC,MAAMD,GA8BVE,KAASC,GAA8C,IAAAC,IAWvDF,KAAOG,2BAA6B,KAChC,IAAcC,GAAA,EACdC,EAAkBC,SAASC,IACvB,MAAkBC,IAAER,KAAKS,cAAc,YAAYF,KAC7CG,EACFV,KAAKW,GAAsBC,IAAIL,KAAa,EAChDM,EAAUA,GAAWH,IAAkBI,EACvCd,KAAKW,GAAsBI,IACvBR,IACEP,KAAKS,cAAc,YAAYF,KAHrCM,IAMAA,GACAb,KAAKgB,eAAeC,MAAK,KACrBjB,KAAKkB,eACR,GAbLb,EAzCA,IAAAc,EAAuBnB,KAAM,CACzBoB,OAAQ,CACJC,WAAW,EACXC,SAAS,GAEbC,SAAU,KACNvB,KAAKG,4BAEb,IAEAH,KAAKG,4BAMT,CAA2CQ,2BACvC,GAAiC,IAA7BN,EAAkBmB,OAClB,YACSb,GAAsBC,IAAIP,EAAkB,MACjD,EAGJ,MAAUoB,IAAAA,MACN,+GAML,CAAAC,uBAAuBnB,GAC1B,GAAIP,KAAKW,GAAsBgB,IAAIpB,GAC/B,OAAOP,KAAKW,GAAsBC,IAAIL,KAAa,EAEvD,UAAMkB,MACF,2BAA2BlB,6BAsBvC,EAEJ"} \ No newline at end of file +{"version":3,"file":"199da296.js","sources":["../../../tools/shared/src/observe-slot-presence.js"],"sourcesContent":["\"use strict\";import{MutationController as g}from\"@lit-labs/observers/mutation-controller.js\";const t=Symbol(\"slotContentIsPresent\");export function ObserveSlotPresence(o,s){var l;const r=Array.isArray(s)?s:[s];class i extends o{constructor(...e){super(e);this[l]=new Map;this.managePresenceObservedSlot=()=>{let e=!1;r.forEach(n=>{const a=!!this.querySelector(`:scope > ${n}`),c=this[t].get(n)||!1;e=e||c!==a,this[t].set(n,!!this.querySelector(`:scope > ${n}`))}),e&&this.updateComplete.then(()=>{this.requestUpdate()})};new g(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(r.length===1)return this[t].get(r[0])||!1;throw new Error(\"Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.\")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw new Error(`The provided selector \\`${e}\\` is not being observed.`)}}return l=t,i}\n//# sourceMappingURL=observe-slot-presence.js.map\n"],"names":["Symbol","ObserveSlotPresence","constructor","lightDomSelector","l","Array","isArray","SlotPresenceObservingElement","args","super","this","_a","Map","managePresenceObservedSlot","e","lightDomSelectors","forEach","selector","a","querySelector","previousValue","slotContentIsPresent","get","changes","nextValue","set","updateComplete","then","requestUpdate","g","config","childList","subtree","callback","length","Error","getSlotContentPresence","has"],"mappings":"kCAaA,QAA6BA,OAAO,wBAcpBC,SAAAA,EACZC,EACAC,GA7BJ,IAAAC,EA+BI,MAA0BC,EAAAA,MAAMC,QAAQH,GAClCA,EACA,CAACA,GAjCX,OAoGWI,EAAAA,EAlEP,cACYL,EAIRA,eAAeM,GACXC,MAAMD,GA8BVE,KAASC,GAA8C,IAAAC,IAWvDF,KAAOG,2BAA6B,KAChC,IAAcC,GAAA,EACdC,EAAkBC,SAASC,IACvB,MAAkBC,IAAER,KAAKS,cAAc,YAAYF,KAC7CG,EACFV,KAAKW,GAAsBC,IAAIL,KAAa,EAChDM,EAAUA,GAAWH,IAAkBI,EACvCd,KAAKW,GAAsBI,IACvBR,IACEP,KAAKS,cAAc,YAAYF,KAHrCM,IAMAA,GACAb,KAAKgB,eAAeC,MAAK,KACrBjB,KAAKkB,eACR,GAbLb,EAzCA,IAAAc,EAAuBnB,KAAM,CACzBoB,OAAQ,CACJC,WAAW,EACXC,SAAS,GAEbC,SAAU,KACNvB,KAAKG,4BAEb,IAEAH,KAAKG,4BAMT,CAA2CQ,2BACvC,GAAiC,IAA7BN,EAAkBmB,OAClB,YACSb,GAAsBC,IAAIP,EAAkB,MACjD,EAGJ,MAAUoB,IAAAA,MACN,+GAML,CAAAC,uBAAuBnB,GAC1B,GAAIP,KAAKW,GAAsBgB,IAAIpB,GAC/B,OAAOP,KAAKW,GAAsBC,IAAIL,KAAa,EAEvD,UAAMkB,MACF,2BAA2BlB,6BAsBvC,EAEJ"} \ No newline at end of file diff --git a/1a1f25f3.js b/1a1f25f3.js new file mode 100644 index 0000000000..9a76fb27c2 --- /dev/null +++ b/1a1f25f3.js @@ -0,0 +1,2 @@ +import"./b11dfac8.js";import"./272f8a5c.js";import"./984717aa.js";import"./112b2095.js";import"./4b018fa5.js";import"./3b42bd6e.js";import"./88e2a03e.js";import"./f0fb2667.js";import"./41477eb1.js";import"./78cff760.js";import"./d6d0b127.js";import"./4eaa7336.js";import"./4a4b0658.js";import"./d3406c6e.js";import"./ff8e484a.js";import"./199da296.js";import"./2ece56b5.js";import"./16ab2288.js";import"./9f9c5c08.js"; +//# sourceMappingURL=1a1f25f3.js.map diff --git a/1a1f25f3.js.map b/1a1f25f3.js.map new file mode 100644 index 0000000000..5d487e2b4f --- /dev/null +++ b/1a1f25f3.js.map @@ -0,0 +1 @@ +{"version":3,"file":"1a1f25f3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""} \ No newline at end of file diff --git a/1adcc1eb.js.map b/1adcc1eb.js.map deleted file mode 100644 index 05ad1ea3aa..0000000000 --- a/1adcc1eb.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"1adcc1eb.js","sources":["../../../tools/shared/src/platform.js","../../../packages/overlay/src/AbstractOverlay.js","../../../packages/overlay/src/overlay-timer.js","../../../tools/shared/src/reparent-children.js","../../../packages/overlay/src/VirtualTrigger.js","../../../packages/overlay/src/OverlayPopover.js","../../../packages/overlay/src/OverlayStack.js","../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../../../node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.mjs","../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../../../packages/overlay/src/PlacementController.js","../../../packages/overlay/src/topLayerOverTransforms.js","../../../packages/overlay/src/overlay.css.js","../../../packages/overlay/src/Overlay.js","../../../packages/overlay/src/OverlayDialog.js","../../../packages/overlay/src/OverlayNoPopover.js","../../../packages/overlay/sp-overlay.js"],"sourcesContent":["\"use strict\";function n(o){return typeof window!=\"undefined\"&&window.navigator!=null?o.test(window.navigator.userAgent):!1}function e(o){return typeof window!=\"undefined\"&&window.navigator!=null?o.test(window.navigator.platform):!1}export function isMac(){return e(/^Mac/)}export function isIPhone(){return e(/^iPhone/)}export function isIPad(){return e(/^iPad/)||isMac()&&navigator.maxTouchPoints>1}export function isIOS(){return isIPhone()||isIPad()}export function isAppleDevice(){return isMac()||isIOS()}export function isWebKit(){return n(/AppleWebKit/)&&!isChrome()}export function isChrome(){return n(/Chrome/)}export function isFirefox(){return n(/Firefox/)&&!isSeamonkey()}export function isSeamonkey(){return n(/Seamonkey/)}export function isAndroid(){return n(/Android/)}\n//# sourceMappingURL=platform.js.map\n","\"use strict\";import{SpectrumElement as E}from\"@spectrum-web-components/base\";import{reparentChildren as T}from\"@spectrum-web-components/shared/src/reparent-children.js\";import{OverlayTimer as P}from\"./overlay-timer.js\";export const overlayTimer=new P,noop=()=>{};export class BeforetoggleClosedEvent extends Event{constructor(){super(\"beforetoggle\",{bubbles:!1,composed:!1});this.currentState=\"open\";this.newState=\"closed\"}}export class BeforetoggleOpenEvent extends Event{constructor(){super(\"beforetoggle\",{bubbles:!1,composed:!1});this.currentState=\"closed\";this.newState=\"open\"}}export const guaranteedAllTransitionend=(o,d,t)=>{const a=new AbortController,n=new Map,c=()=>{a.abort(),t()};let u,s;const e=requestAnimationFrame(()=>{u=requestAnimationFrame(()=>{s=requestAnimationFrame(()=>{c()})})}),m=r=>{r.target===o&&(n.set(r.propertyName,n.get(r.propertyName)-1),n.get(r.propertyName)||n.delete(r.propertyName),n.size===0&&c())},y=r=>{r.target===o&&(n.has(r.propertyName)||n.set(r.propertyName,0),n.set(r.propertyName,n.get(r.propertyName)+1),cancelAnimationFrame(e),cancelAnimationFrame(u),cancelAnimationFrame(s))};o.addEventListener(\"transitionrun\",y,{signal:a.signal}),o.addEventListener(\"transitionend\",m,{signal:a.signal}),o.addEventListener(\"transitioncancel\",m,{signal:a.signal}),d()};export function nextFrame(){return new Promise(o=>requestAnimationFrame(()=>o()))}export function forcePaint(){document.body.offsetHeight}export class AbstractOverlay extends E{constructor(){super(...arguments);this.dispose=noop;this.offset=6;this.willPreventClose=!1}async applyFocus(t,a){}get delayed(){return!1}set delayed(t){}async ensureOnDOM(t){}async makeTransition(t){return null}async manageDelay(t){}async manageDialogOpen(){}async managePopoverOpen(){}managePosition(){}get open(){return!1}set open(t){}get state(){return\"closed\"}set state(t){}manuallyKeepOpen(){}static update(){const t=new CustomEvent(\"sp-update-overlays\",{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(t)}static async open(t,a,n,c){var g,b,f,O;await import(\"@spectrum-web-components/overlay/sp-overlay.js\");const u=arguments.length===2,s=n||t,e=new this;let m=!1;e.dispose=()=>{e.addEventListener(\"sp-closed\",()=>{m||(y(),m=!0),requestAnimationFrame(()=>{e.remove()})}),e.open=!1,e.dispose=noop};const y=T([s],e,{position:\"beforeend\",prepareCallback:i=>{const v=i.slot;return i.removeAttribute(\"slot\"),()=>{i.slot=v}}});if(!u&&s&&c){const i=t,v=a,p=c;return e.delayed=p.delayed||s.hasAttribute(\"delayed\"),e.receivesFocus=(g=p.receivesFocus)!=null?g:\"auto\",e.triggerElement=p.virtualTrigger||i,e.type=v===\"modal\"?\"modal\":v===\"hover\"?\"hint\":\"auto\",e.offset=(b=p.offset)!=null?b:6,e.placement=p.placement,e.willPreventClose=!!p.notImmediatelyClosable,i.insertAdjacentElement(\"afterend\",e),await e.updateComplete,e.open=!0,e.dispose}const l=a;return e.append(s),e.delayed=l.delayed||s.hasAttribute(\"delayed\"),e.receivesFocus=(f=l.receivesFocus)!=null?f:\"auto\",e.triggerElement=l.trigger||null,e.type=l.type||\"modal\",e.offset=(O=l.offset)!=null?O:6,e.placement=l.placement,e.willPreventClose=!!l.notImmediatelyClosable,e.updateComplete.then(()=>{e.open=!0}),e}}\n//# sourceMappingURL=AbstractOverlay.js.map\n","\"use strict\";const t=1e3,s=1e3;export class OverlayTimer{constructor(e={}){this.warmUpDelay=1e3;this.coolDownDelay=1e3;this.isWarm=!1;this.timeout=0;Object.assign(this,e)}async openTimer(e){if(this.cancelCooldownTimer(),!this.component||e!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=e,this.isWarm?!1:(this.promise=new Promise(o=>{this.resolve=o,this.timeout=window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw new Error(\"Inconsistent state\")}close(e){this.component&&this.component===e&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}}\n//# sourceMappingURL=overlay-timer.js.map\n","\"use strict\";function T(o,i,l=[]){for(let e=0;e{let{length:n}=o;if(n===0)return()=>o;let r=1,t=0;(l===\"afterbegin\"||l===\"afterend\")&&(r=-1,t=n-1);const a=new Array(n),c=new Array(n),p=document.createComment(\"placeholder for reparented element\");do{const d=o[t];e&&(c[t]=e(d)),a[t]=p.cloneNode();const m=d.parentElement||d.getRootNode();m&&m!==d&&m.replaceChild(a[t],d),i.insertAdjacentElement(l,d),t+=r}while(--n>0);return function(){return T(a,o,c)}};\n//# sourceMappingURL=reparent-children.js.map\n","\"use strict\";import{AbstractOverlay as e}from\"./AbstractOverlay.js\";export class VirtualTrigger{constructor(t,i){this.x=0;this.y=0;this.x=t,this.y=i}updateBoundingClientRect(t,i){this.x=t,this.y=i,e.update()}getBoundingClientRect(){return{width:0,height:0,top:this.y,right:this.x,y:this.y,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}}\n//# sourceMappingURL=VirtualTrigger.js.map\n","\"use strict\";import{firstFocusableIn as f,firstFocusableSlottedIn as E}from\"@spectrum-web-components/shared/src/first-focusable-in.js\";import{VirtualTrigger as b}from\"./VirtualTrigger.js\";import{BeforetoggleClosedEvent as y,BeforetoggleOpenEvent as w,guaranteedAllTransitionend as P,nextFrame as h,overlayTimer as m}from\"./AbstractOverlay.js\";import{userFocusableSelector as g}from\"@spectrum-web-components/shared\";function u(l){let a=!1;try{a=l.matches(\":popover-open\")}catch(e){}let c=!1;try{c=l.matches(\":open\")}catch(e){}return a||c}export function OverlayPopover(l){class a extends l{async manageDelay(e){if(e===!1||e!==this.open){m.close(this);return}this.delayed&&await m.openTimer(this)&&(this.open=!e)}async shouldHidePopover(e){if(e&&this.open!==e)return;const o=async({newState:i}={})=>{i!==\"open\"&&await this.placementController.resetOverlayPosition()};if(!u(this.dialogEl)){o();return}this.dialogEl.addEventListener(\"toggle\",o,{once:!0})}async shouldShowPopover(e){let o=!1;try{o=this.dialogEl.matches(\":popover-open\")}catch(p){}let i=!1;try{i=this.dialogEl.matches(\":open\")}catch(p){}e&&this.open===e&&!o&&!i&&this.isConnected&&(this.dialogEl.showPopover(),await this.managePosition())}async ensureOnDOM(e){await h(),await this.shouldHidePopover(e),await this.shouldShowPopover(e),await h()}async makeTransition(e){if(this.open!==e)return null;let o=null;const i=(t,s)=>()=>{if(typeof t.open!=\"undefined\"&&(t.open=e),s===0){const r=e?w:y;this.dispatchEvent(new r)}if(!e||(t.matches(g)&&(o=t),o=o||f(t),o))return;t.querySelectorAll(\"slot\").forEach(r=>{o||(o=E(r))})},p=(t,s)=>async()=>{if(this.open!==e)return;const n=e?\"sp-opened\":\"sp-closed\";if(s>0){t.dispatchEvent(new CustomEvent(n,{bubbles:!1,composed:!1,detail:{interaction:this.type}}));return}const r=async()=>{if(this.open!==e)return;await h();const d=this.triggerElement instanceof b;this.dispatchEvent(new Event(n,{bubbles:d,composed:d})),t.dispatchEvent(new CustomEvent(n,{bubbles:!1,composed:!1,detail:{interaction:this.type}})),this.triggerElement&&!d&&this.triggerElement.dispatchEvent(new CustomEvent(n,{bubbles:!0,composed:!0,detail:{interaction:this.type}})),this.state=e?\"opened\":\"closed\"};if(this.open!==e)return;const v=u(this.dialogEl);e!==!0&&v&&this.isConnected?(this.dialogEl.addEventListener(\"beforetoggle\",()=>{r()},{once:!0}),this.dialogEl.hidePopover()):r()};return this.elements.forEach((t,s)=>{P(t,i(t,s),p(t,s))}),o}}return a}\n//# sourceMappingURL=OverlayPopover.js.map\n","\"use strict\";const a=\"showPopover\"in document.createElement(\"div\");class c{constructor(){this.root=document.body;this.stack=[];this.handlePointerdown=t=>{this.pointerdownPath=t.composedPath()};this.handlePointerup=()=>{var i;if(!this.stack.length||!((i=this.pointerdownPath)!=null&&i.length))return;const t=this.pointerdownPath;this.pointerdownPath=void 0;const e=this.stack.filter(n=>!t.find(o=>o===n||o===(n==null?void 0:n.triggerElement))&&!n.shouldPreventClose());e.reverse(),e.forEach(n=>{this.closeOverlay(n);let s=n.parentOverlayToForceClose;for(;s;)this.closeOverlay(s),s=s.parentOverlayToForceClose})};this.handleBeforetoggle=t=>{const{target:e,newState:i}=t;i!==\"open\"&&this.closeOverlay(e)};this.handleKeydown=t=>{if(t.code!==\"Escape\")return;const e=this.stack.at(-1);if((e==null?void 0:e.type)===\"page\"){t.preventDefault();return}a||this.stack.length&&e&&this.closeOverlay(e)};this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener(\"pointerdown\",this.handlePointerdown),this.document.addEventListener(\"pointerup\",this.handlePointerup),this.document.addEventListener(\"keydown\",this.handleKeydown)}closeOverlay(t){const e=this.stack.indexOf(t);e>-1&&this.stack.splice(e,1),t.open=!1}overlaysByTriggerElement(t){return this.stack.filter(e=>e.triggerElement===t)}add(t){if(this.stack.includes(t)){const e=this.stack.indexOf(t);e>-1&&(this.stack.splice(e,1),this.stack.push(t));return}if(t.type===\"auto\"||t.type===\"modal\"||t.type===\"page\"){const e=\"sp-overlay-query-path\",i=new Event(e,{composed:!0,bubbles:!0});t.addEventListener(e,n=>{const s=n.composedPath();this.stack.forEach(o=>{!s.find(r=>r===o)&&o.type!==\"manual\"&&this.closeOverlay(o)})},{once:!0}),t.dispatchEvent(i)}else t.type===\"hint\"&&this.stack.forEach(e=>{e.type===\"hint\"&&this.closeOverlay(e)});requestAnimationFrame(()=>{this.stack.push(t),t.addEventListener(\"beforetoggle\",this.handleBeforetoggle,{once:!0})})}remove(t){this.closeOverlay(t)}}export const overlayStack=new c;\n//# sourceMappingURL=OverlayStack.js.map\n","const sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n x: v,\n y: v\n});\nconst oppositeSideMap = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nconst oppositeAlignmentMap = {\n start: 'end',\n end: 'start'\n};\nfunction clamp(start, value, end) {\n return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n return axis === 'y' ? 'height' : 'width';\n}\nfunction getSideAxis(placement) {\n return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n if (rtl === void 0) {\n rtl = false;\n }\n const alignment = getAlignment(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const length = getAxisLength(alignmentAxis);\n let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n if (rects.reference[length] > rects.floating[length]) {\n mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n }\n return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n const oppositePlacement = getOppositePlacement(placement);\n return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);\n}\nfunction getSideList(side, isStart, rtl) {\n const lr = ['left', 'right'];\n const rl = ['right', 'left'];\n const tb = ['top', 'bottom'];\n const bt = ['bottom', 'top'];\n switch (side) {\n case 'top':\n case 'bottom':\n if (rtl) return isStart ? rl : lr;\n return isStart ? lr : rl;\n case 'left':\n case 'right':\n return isStart ? tb : bt;\n default:\n return [];\n }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n const alignment = getAlignment(placement);\n let list = getSideList(getSide(placement), direction === 'start', rtl);\n if (alignment) {\n list = list.map(side => side + \"-\" + alignment);\n if (flipAlignment) {\n list = list.concat(list.map(getOppositeAlignmentPlacement));\n }\n }\n return list;\n}\nfunction getOppositePlacement(placement) {\n return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);\n}\nfunction expandPaddingObject(padding) {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...padding\n };\n}\nfunction getPaddingObject(padding) {\n return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n top: padding,\n right: padding,\n bottom: padding,\n left: padding\n };\n}\nfunction rectToClientRect(rect) {\n return {\n ...rect,\n top: rect.y,\n left: rect.x,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n","import { getSideAxis, getAlignmentAxis, getAxisLength, getSide, getAlignment, evaluate, getPaddingObject, rectToClientRect, min, clamp, placements, getAlignmentSides, getOppositeAlignmentPlacement, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, sides, max, getOppositeAxis } from '@floating-ui/utils';\nexport { rectToClientRect } from '@floating-ui/utils';\n\nfunction computeCoordsFromPlacement(_ref, placement, rtl) {\n let {\n reference,\n floating\n } = _ref;\n const sideAxis = getSideAxis(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const alignLength = getAxisLength(alignmentAxis);\n const side = getSide(placement);\n const isVertical = sideAxis === 'y';\n const commonX = reference.x + reference.width / 2 - floating.width / 2;\n const commonY = reference.y + reference.height / 2 - floating.height / 2;\n const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;\n let coords;\n switch (side) {\n case 'top':\n coords = {\n x: commonX,\n y: reference.y - floating.height\n };\n break;\n case 'bottom':\n coords = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n case 'right':\n coords = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n case 'left':\n coords = {\n x: reference.x - floating.width,\n y: commonY\n };\n break;\n default:\n coords = {\n x: reference.x,\n y: reference.y\n };\n }\n switch (getAlignment(placement)) {\n case 'start':\n coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n case 'end':\n coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n }\n return coords;\n}\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a reference element when it is given a certain positioning strategy.\n *\n * This export does not have any `platform` interface logic. You will need to\n * write one for the platform you are using Floating UI with.\n */\nconst computePosition = async (reference, floating, config) => {\n const {\n placement = 'bottom',\n strategy = 'absolute',\n middleware = [],\n platform\n } = config;\n const validMiddleware = middleware.filter(Boolean);\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));\n let rects = await platform.getElementRects({\n reference,\n floating,\n strategy\n });\n let {\n x,\n y\n } = computeCoordsFromPlacement(rects, placement, rtl);\n let statefulPlacement = placement;\n let middlewareData = {};\n let resetCount = 0;\n for (let i = 0; i < validMiddleware.length; i++) {\n const {\n name,\n fn\n } = validMiddleware[i];\n const {\n x: nextX,\n y: nextY,\n data,\n reset\n } = await fn({\n x,\n y,\n initialPlacement: placement,\n placement: statefulPlacement,\n strategy,\n middlewareData,\n rects,\n platform,\n elements: {\n reference,\n floating\n }\n });\n x = nextX != null ? nextX : x;\n y = nextY != null ? nextY : y;\n middlewareData = {\n ...middlewareData,\n [name]: {\n ...middlewareData[name],\n ...data\n }\n };\n if (reset && resetCount <= 50) {\n resetCount++;\n if (typeof reset === 'object') {\n if (reset.placement) {\n statefulPlacement = reset.placement;\n }\n if (reset.rects) {\n rects = reset.rects === true ? await platform.getElementRects({\n reference,\n floating,\n strategy\n }) : reset.rects;\n }\n ({\n x,\n y\n } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));\n }\n i = -1;\n continue;\n }\n }\n return {\n x,\n y,\n placement: statefulPlacement,\n strategy,\n middlewareData\n };\n};\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nasync function detectOverflow(state, options) {\n var _await$platform$isEle;\n if (options === void 0) {\n options = {};\n }\n const {\n x,\n y,\n platform,\n rects,\n elements,\n strategy\n } = state;\n const {\n boundary = 'clippingAncestors',\n rootBoundary = 'viewport',\n elementContext = 'floating',\n altBoundary = false,\n padding = 0\n } = evaluate(options, state);\n const paddingObject = getPaddingObject(padding);\n const altContext = elementContext === 'floating' ? 'reference' : 'floating';\n const element = elements[altBoundary ? altContext : elementContext];\n const clippingClientRect = rectToClientRect(await platform.getClippingRect({\n element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),\n boundary,\n rootBoundary,\n strategy\n }));\n const rect = elementContext === 'floating' ? {\n ...rects.floating,\n x,\n y\n } : rects.reference;\n const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));\n const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {\n x: 1,\n y: 1\n } : {\n x: 1,\n y: 1\n };\n const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({\n rect,\n offsetParent,\n strategy\n }) : rect);\n return {\n top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,\n bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,\n left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,\n right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x\n };\n}\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = options => ({\n name: 'arrow',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n platform,\n elements,\n middlewareData\n } = state;\n // Since `element` is required, we don't Partial<> the type.\n const {\n element,\n padding = 0\n } = evaluate(options, state) || {};\n if (element == null) {\n return {};\n }\n const paddingObject = getPaddingObject(padding);\n const coords = {\n x,\n y\n };\n const axis = getAlignmentAxis(placement);\n const length = getAxisLength(axis);\n const arrowDimensions = await platform.getDimensions(element);\n const isYAxis = axis === 'y';\n const minProp = isYAxis ? 'top' : 'left';\n const maxProp = isYAxis ? 'bottom' : 'right';\n const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';\n const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];\n const startDiff = coords[axis] - rects.reference[axis];\n const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));\n let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;\n\n // DOM platform can return `window` as the `offsetParent`.\n if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {\n clientSize = elements.floating[clientProp] || rects.floating[length];\n }\n const centerToReference = endDiff / 2 - startDiff / 2;\n\n // If the padding is large enough that it causes the arrow to no longer be\n // centered, modify the padding so that it is centered.\n const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;\n const minPadding = min(paddingObject[minProp], largestPossiblePadding);\n const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);\n\n // Make sure the arrow doesn't overflow the floating element if the center\n // point is outside the floating element's bounds.\n const min$1 = minPadding;\n const max = clientSize - arrowDimensions[length] - maxPadding;\n const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;\n const offset = clamp(min$1, center, max);\n\n // If the reference is small enough that the arrow's padding causes it to\n // to point to nothing for an aligned placement, adjust the offset of the\n // floating element itself. To ensure `shift()` continues to take action,\n // a single reset is performed when this is true.\n const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;\n const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;\n return {\n [axis]: coords[axis] + alignmentOffset,\n data: {\n [axis]: offset,\n centerOffset: center - offset - alignmentOffset,\n ...(shouldAddOffset && {\n alignmentOffset\n })\n },\n reset: shouldAddOffset\n };\n }\n});\n\nfunction getPlacementList(alignment, autoAlignment, allowedPlacements) {\n const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);\n return allowedPlacementsSortedByAlignment.filter(placement => {\n if (alignment) {\n return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);\n }\n return true;\n });\n}\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'autoPlacement',\n options,\n async fn(state) {\n var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;\n const {\n rects,\n middlewareData,\n placement,\n platform,\n elements\n } = state;\n const {\n crossAxis = false,\n alignment,\n allowedPlacements = placements,\n autoAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;\n const currentPlacement = placements$1[currentIndex];\n if (currentPlacement == null) {\n return {};\n }\n const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));\n\n // Make `computeCoords` start from the right place.\n if (placement !== currentPlacement) {\n return {\n reset: {\n placement: placements$1[0]\n }\n };\n }\n const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];\n const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {\n placement: currentPlacement,\n overflows: currentOverflows\n }];\n const nextPlacement = placements$1[currentIndex + 1];\n\n // There are more placements to check.\n if (nextPlacement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n const placementsSortedByMostSpace = allOverflows.map(d => {\n const alignment = getAlignment(d.placement);\n return [d.placement, alignment && crossAxis ?\n // Check along the mainAxis and main crossAxis side.\n d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :\n // Check only the mainAxis.\n d.overflows[0], d.overflows];\n }).sort((a, b) => a[1] - b[1]);\n const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,\n // Aligned placements should not check their opposite crossAxis\n // side.\n getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));\n const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];\n if (resetPlacement !== placement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: resetPlacement\n }\n };\n }\n return {};\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'flip',\n options,\n async fn(state) {\n var _middlewareData$arrow, _middlewareData$flip;\n const {\n placement,\n middlewareData,\n rects,\n initialPlacement,\n platform,\n elements\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true,\n fallbackPlacements: specifiedFallbackPlacements,\n fallbackStrategy = 'bestFit',\n fallbackAxisSideDirection = 'none',\n flipAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n\n // If a reset by the arrow was caused due to an alignment offset being\n // added, we should skip any logic now since `flip()` has already done its\n // work.\n // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643\n if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n const side = getSide(placement);\n const isBasePlacement = getSide(initialPlacement) === initialPlacement;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));\n if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {\n fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));\n }\n const placements = [initialPlacement, ...fallbackPlacements];\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const overflows = [];\n let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];\n if (checkMainAxis) {\n overflows.push(overflow[side]);\n }\n if (checkCrossAxis) {\n const sides = getAlignmentSides(placement, rects, rtl);\n overflows.push(overflow[sides[0]], overflow[sides[1]]);\n }\n overflowsData = [...overflowsData, {\n placement,\n overflows\n }];\n\n // One or more sides is overflowing.\n if (!overflows.every(side => side <= 0)) {\n var _middlewareData$flip2, _overflowsData$filter;\n const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;\n const nextPlacement = placements[nextIndex];\n if (nextPlacement) {\n // Try next placement and re-run the lifecycle.\n return {\n data: {\n index: nextIndex,\n overflows: overflowsData\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n\n // First, find the candidates that fit on the mainAxis side of overflow,\n // then find the placement that fits the best on the main crossAxis side.\n let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;\n\n // Otherwise fallback.\n if (!resetPlacement) {\n switch (fallbackStrategy) {\n case 'bestFit':\n {\n var _overflowsData$map$so;\n const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];\n if (placement) {\n resetPlacement = placement;\n }\n break;\n }\n case 'initialPlacement':\n resetPlacement = initialPlacement;\n break;\n }\n }\n if (placement !== resetPlacement) {\n return {\n reset: {\n placement: resetPlacement\n }\n };\n }\n }\n return {};\n }\n };\n};\n\nfunction getSideOffsets(overflow, rect) {\n return {\n top: overflow.top - rect.height,\n right: overflow.right - rect.width,\n bottom: overflow.bottom - rect.height,\n left: overflow.left - rect.width\n };\n}\nfunction isAnySideFullyClipped(overflow) {\n return sides.some(side => overflow[side] >= 0);\n}\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'hide',\n options,\n async fn(state) {\n const {\n rects\n } = state;\n const {\n strategy = 'referenceHidden',\n ...detectOverflowOptions\n } = evaluate(options, state);\n switch (strategy) {\n case 'referenceHidden':\n {\n const overflow = await detectOverflow(state, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const offsets = getSideOffsets(overflow, rects.reference);\n return {\n data: {\n referenceHiddenOffsets: offsets,\n referenceHidden: isAnySideFullyClipped(offsets)\n }\n };\n }\n case 'escaped':\n {\n const overflow = await detectOverflow(state, {\n ...detectOverflowOptions,\n altBoundary: true\n });\n const offsets = getSideOffsets(overflow, rects.floating);\n return {\n data: {\n escapedOffsets: offsets,\n escaped: isAnySideFullyClipped(offsets)\n }\n };\n }\n default:\n {\n return {};\n }\n }\n }\n };\n};\n\nfunction getBoundingRect(rects) {\n const minX = min(...rects.map(rect => rect.left));\n const minY = min(...rects.map(rect => rect.top));\n const maxX = max(...rects.map(rect => rect.right));\n const maxY = max(...rects.map(rect => rect.bottom));\n return {\n x: minX,\n y: minY,\n width: maxX - minX,\n height: maxY - minY\n };\n}\nfunction getRectsByLine(rects) {\n const sortedRects = rects.slice().sort((a, b) => a.y - b.y);\n const groups = [];\n let prevRect = null;\n for (let i = 0; i < sortedRects.length; i++) {\n const rect = sortedRects[i];\n if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {\n groups.push([rect]);\n } else {\n groups[groups.length - 1].push(rect);\n }\n prevRect = rect;\n }\n return groups.map(rect => rectToClientRect(getBoundingRect(rect)));\n}\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'inline',\n options,\n async fn(state) {\n const {\n placement,\n elements,\n rects,\n platform,\n strategy\n } = state;\n // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a\n // ClientRect's bounds, despite the event listener being triggered. A\n // padding of 2 seems to handle this issue.\n const {\n padding = 2,\n x,\n y\n } = evaluate(options, state);\n const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);\n const clientRects = getRectsByLine(nativeClientRects);\n const fallback = rectToClientRect(getBoundingRect(nativeClientRects));\n const paddingObject = getPaddingObject(padding);\n function getBoundingClientRect() {\n // There are two rects and they are disjoined.\n if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {\n // Find the first rect in which the point is fully inside.\n return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;\n }\n\n // There are 2 or more connected rects.\n if (clientRects.length >= 2) {\n if (getSideAxis(placement) === 'y') {\n const firstRect = clientRects[0];\n const lastRect = clientRects[clientRects.length - 1];\n const isTop = getSide(placement) === 'top';\n const top = firstRect.top;\n const bottom = lastRect.bottom;\n const left = isTop ? firstRect.left : lastRect.left;\n const right = isTop ? firstRect.right : lastRect.right;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n const isLeftSide = getSide(placement) === 'left';\n const maxRight = max(...clientRects.map(rect => rect.right));\n const minLeft = min(...clientRects.map(rect => rect.left));\n const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);\n const top = measureRects[0].top;\n const bottom = measureRects[measureRects.length - 1].bottom;\n const left = minLeft;\n const right = maxRight;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n return fallback;\n }\n const resetRects = await platform.getElementRects({\n reference: {\n getBoundingClientRect\n },\n floating: elements.floating,\n strategy\n });\n if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {\n return {\n reset: {\n rects: resetRects\n }\n };\n }\n return {};\n }\n };\n};\n\n// For type backwards-compatibility, the `OffsetOptions` type was also\n// Derivable.\nasync function convertValueToCoords(state, options) {\n const {\n placement,\n platform,\n elements\n } = state;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isVertical = getSideAxis(placement) === 'y';\n const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;\n const crossAxisMulti = rtl && isVertical ? -1 : 1;\n const rawValue = evaluate(options, state);\n\n // eslint-disable-next-line prefer-const\n let {\n mainAxis,\n crossAxis,\n alignmentAxis\n } = typeof rawValue === 'number' ? {\n mainAxis: rawValue,\n crossAxis: 0,\n alignmentAxis: null\n } : {\n mainAxis: 0,\n crossAxis: 0,\n alignmentAxis: null,\n ...rawValue\n };\n if (alignment && typeof alignmentAxis === 'number') {\n crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;\n }\n return isVertical ? {\n x: crossAxis * crossAxisMulti,\n y: mainAxis * mainAxisMulti\n } : {\n x: mainAxis * mainAxisMulti,\n y: crossAxis * crossAxisMulti\n };\n}\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = function (options) {\n if (options === void 0) {\n options = 0;\n }\n return {\n name: 'offset',\n options,\n async fn(state) {\n const {\n x,\n y\n } = state;\n const diffCoords = await convertValueToCoords(state, options);\n return {\n x: x + diffCoords.x,\n y: y + diffCoords.y,\n data: diffCoords\n };\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'shift',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = false,\n limiter = {\n fn: _ref => {\n let {\n x,\n y\n } = _ref;\n return {\n x,\n y\n };\n }\n },\n ...detectOverflowOptions\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const crossAxis = getSideAxis(getSide(placement));\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n if (checkMainAxis) {\n const minSide = mainAxis === 'y' ? 'top' : 'left';\n const maxSide = mainAxis === 'y' ? 'bottom' : 'right';\n const min = mainAxisCoord + overflow[minSide];\n const max = mainAxisCoord - overflow[maxSide];\n mainAxisCoord = clamp(min, mainAxisCoord, max);\n }\n if (checkCrossAxis) {\n const minSide = crossAxis === 'y' ? 'top' : 'left';\n const maxSide = crossAxis === 'y' ? 'bottom' : 'right';\n const min = crossAxisCoord + overflow[minSide];\n const max = crossAxisCoord - overflow[maxSide];\n crossAxisCoord = clamp(min, crossAxisCoord, max);\n }\n const limitedCoords = limiter.fn({\n ...state,\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n });\n return {\n ...limitedCoords,\n data: {\n x: limitedCoords.x - x,\n y: limitedCoords.y - y\n }\n };\n }\n };\n};\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n options,\n fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n middlewareData\n } = state;\n const {\n offset = 0,\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const crossAxis = getSideAxis(placement);\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n const rawOffset = evaluate(offset, state);\n const computedOffset = typeof rawOffset === 'number' ? {\n mainAxis: rawOffset,\n crossAxis: 0\n } : {\n mainAxis: 0,\n crossAxis: 0,\n ...rawOffset\n };\n if (checkMainAxis) {\n const len = mainAxis === 'y' ? 'height' : 'width';\n const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;\n const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;\n if (mainAxisCoord < limitMin) {\n mainAxisCoord = limitMin;\n } else if (mainAxisCoord > limitMax) {\n mainAxisCoord = limitMax;\n }\n }\n if (checkCrossAxis) {\n var _middlewareData$offse, _middlewareData$offse2;\n const len = mainAxis === 'y' ? 'width' : 'height';\n const isOriginSide = ['top', 'left'].includes(getSide(placement));\n const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);\n const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);\n if (crossAxisCoord < limitMin) {\n crossAxisCoord = limitMin;\n } else if (crossAxisCoord > limitMax) {\n crossAxisCoord = limitMax;\n }\n }\n return {\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n };\n }\n };\n};\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'size',\n options,\n async fn(state) {\n const {\n placement,\n rects,\n platform,\n elements\n } = state;\n const {\n apply = () => {},\n ...detectOverflowOptions\n } = evaluate(options, state);\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isYAxis = getSideAxis(placement) === 'y';\n const {\n width,\n height\n } = rects.floating;\n let heightSide;\n let widthSide;\n if (side === 'top' || side === 'bottom') {\n heightSide = side;\n widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';\n } else {\n widthSide = side;\n heightSide = alignment === 'end' ? 'top' : 'bottom';\n }\n const overflowAvailableHeight = height - overflow[heightSide];\n const overflowAvailableWidth = width - overflow[widthSide];\n const noShift = !state.middlewareData.shift;\n let availableHeight = overflowAvailableHeight;\n let availableWidth = overflowAvailableWidth;\n if (isYAxis) {\n const maximumClippingWidth = width - overflow.left - overflow.right;\n availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;\n } else {\n const maximumClippingHeight = height - overflow.top - overflow.bottom;\n availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;\n }\n if (noShift && !alignment) {\n const xMin = max(overflow.left, 0);\n const xMax = max(overflow.right, 0);\n const yMin = max(overflow.top, 0);\n const yMax = max(overflow.bottom, 0);\n if (isYAxis) {\n availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));\n } else {\n availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));\n }\n }\n await apply({\n ...state,\n availableWidth,\n availableHeight\n });\n const nextDimensions = await platform.getDimensions(elements.floating);\n if (width !== nextDimensions.width || height !== nextDimensions.height) {\n return {\n reset: {\n rects: true\n }\n };\n }\n return {};\n }\n };\n};\n\nexport { arrow, autoPlacement, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, shift, size };\n","function getNodeName(node) {\n if (isNode(node)) {\n return (node.nodeName || '').toLowerCase();\n }\n // Mocked nodes in testing environments may not be instances of Node. By\n // returning `#document` an infinite loop won't occur.\n // https://github.com/floating-ui/floating-ui/issues/2317\n return '#document';\n}\nfunction getWindow(node) {\n var _node$ownerDocument;\n return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n var _ref;\n return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n // Browsers without `ShadowRoot` support.\n if (typeof ShadowRoot === 'undefined') {\n return false;\n }\n return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n const {\n overflow,\n overflowX,\n overflowY,\n display\n } = getComputedStyle(element);\n return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);\n}\nfunction isTableElement(element) {\n return ['table', 'td', 'th'].includes(getNodeName(element));\n}\nfunction isContainingBlock(element) {\n const webkit = isWebKit();\n const css = getComputedStyle(element);\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));\n}\nfunction getContainingBlock(element) {\n let currentNode = getParentNode(element);\n while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n if (isContainingBlock(currentNode)) {\n return currentNode;\n } else {\n currentNode = getParentNode(currentNode);\n }\n }\n return null;\n}\nfunction isWebKit() {\n if (typeof CSS === 'undefined' || !CSS.supports) return false;\n return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nfunction isLastTraversableNode(node) {\n return ['html', 'body', '#document'].includes(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n if (isElement(element)) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n }\n return {\n scrollLeft: element.pageXOffset,\n scrollTop: element.pageYOffset\n };\n}\nfunction getParentNode(node) {\n if (getNodeName(node) === 'html') {\n return node;\n }\n const result =\n // Step into the shadow DOM of the parent of a slotted node.\n node.assignedSlot ||\n // DOM Element detected.\n node.parentNode ||\n // ShadowRoot detected.\n isShadowRoot(node) && node.host ||\n // Fallback.\n getDocumentElement(node);\n return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n const parentNode = getParentNode(node);\n if (isLastTraversableNode(parentNode)) {\n return node.ownerDocument ? node.ownerDocument.body : node.body;\n }\n if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n return parentNode;\n }\n return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n var _node$ownerDocument2;\n if (list === void 0) {\n list = [];\n }\n if (traverseIframes === void 0) {\n traverseIframes = true;\n }\n const scrollableAncestor = getNearestOverflowAncestor(node);\n const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n const win = getWindow(scrollableAncestor);\n if (isBody) {\n return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);\n }\n return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isWebKit };\n","import { rectToClientRect, computePosition as computePosition$1 } from '@floating-ui/core';\nexport { arrow, autoPlacement, detectOverflow, flip, hide, inline, limitShift, offset, shift, size } from '@floating-ui/core';\nimport { round, createCoords, max, min, floor } from '@floating-ui/utils';\nimport { getComputedStyle, isHTMLElement, isElement, getWindow, isWebKit, getDocumentElement, getNodeName, isOverflowElement, getNodeScroll, getOverflowAncestors, getParentNode, isLastTraversableNode, isContainingBlock, isTableElement, getContainingBlock } from '@floating-ui/utils/dom';\nexport { getOverflowAncestors } from '@floating-ui/utils/dom';\n\nfunction getCssDimensions(element) {\n const css = getComputedStyle(element);\n // In testing environments, the `width` and `height` properties are empty\n // strings for SVG elements, returning NaN. Fallback to `0` in this case.\n let width = parseFloat(css.width) || 0;\n let height = parseFloat(css.height) || 0;\n const hasOffset = isHTMLElement(element);\n const offsetWidth = hasOffset ? element.offsetWidth : width;\n const offsetHeight = hasOffset ? element.offsetHeight : height;\n const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;\n if (shouldFallback) {\n width = offsetWidth;\n height = offsetHeight;\n }\n return {\n width,\n height,\n $: shouldFallback\n };\n}\n\nfunction unwrapElement(element) {\n return !isElement(element) ? element.contextElement : element;\n}\n\nfunction getScale(element) {\n const domElement = unwrapElement(element);\n if (!isHTMLElement(domElement)) {\n return createCoords(1);\n }\n const rect = domElement.getBoundingClientRect();\n const {\n width,\n height,\n $\n } = getCssDimensions(domElement);\n let x = ($ ? round(rect.width) : rect.width) / width;\n let y = ($ ? round(rect.height) : rect.height) / height;\n\n // 0, NaN, or Infinity should always fallback to 1.\n\n if (!x || !Number.isFinite(x)) {\n x = 1;\n }\n if (!y || !Number.isFinite(y)) {\n y = 1;\n }\n return {\n x,\n y\n };\n}\n\nconst noOffsets = /*#__PURE__*/createCoords(0);\nfunction getVisualOffsets(element) {\n const win = getWindow(element);\n if (!isWebKit() || !win.visualViewport) {\n return noOffsets;\n }\n return {\n x: win.visualViewport.offsetLeft,\n y: win.visualViewport.offsetTop\n };\n}\nfunction shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {\n return false;\n }\n return isFixed;\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {\n if (includeScale === void 0) {\n includeScale = false;\n }\n if (isFixedStrategy === void 0) {\n isFixedStrategy = false;\n }\n const clientRect = element.getBoundingClientRect();\n const domElement = unwrapElement(element);\n let scale = createCoords(1);\n if (includeScale) {\n if (offsetParent) {\n if (isElement(offsetParent)) {\n scale = getScale(offsetParent);\n }\n } else {\n scale = getScale(element);\n }\n }\n const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);\n let x = (clientRect.left + visualOffsets.x) / scale.x;\n let y = (clientRect.top + visualOffsets.y) / scale.y;\n let width = clientRect.width / scale.x;\n let height = clientRect.height / scale.y;\n if (domElement) {\n const win = getWindow(domElement);\n const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;\n let currentIFrame = win.frameElement;\n while (currentIFrame && offsetParent && offsetWin !== win) {\n const iframeScale = getScale(currentIFrame);\n const iframeRect = currentIFrame.getBoundingClientRect();\n const css = getComputedStyle(currentIFrame);\n const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;\n const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;\n x *= iframeScale.x;\n y *= iframeScale.y;\n width *= iframeScale.x;\n height *= iframeScale.y;\n x += left;\n y += top;\n currentIFrame = getWindow(currentIFrame).frameElement;\n }\n }\n return rectToClientRect({\n width,\n height,\n x,\n y\n });\n}\n\nfunction convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {\n let {\n rect,\n offsetParent,\n strategy\n } = _ref;\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n const documentElement = getDocumentElement(offsetParent);\n if (offsetParent === documentElement) {\n return rect;\n }\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n let scale = createCoords(1);\n const offsets = createCoords(0);\n if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isHTMLElement(offsetParent)) {\n const offsetRect = getBoundingClientRect(offsetParent);\n scale = getScale(offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n }\n }\n return {\n width: rect.width * scale.x,\n height: rect.height * scale.y,\n x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,\n y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y\n };\n}\n\nfunction getClientRects(element) {\n return Array.from(element.getClientRects());\n}\n\nfunction getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;\n}\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `` and `` rect bounds if horizontally scrollable.\nfunction getDocumentRect(element) {\n const html = getDocumentElement(element);\n const scroll = getNodeScroll(element);\n const body = element.ownerDocument.body;\n const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);\n const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);\n let x = -scroll.scrollLeft + getWindowScrollBarX(element);\n const y = -scroll.scrollTop;\n if (getComputedStyle(body).direction === 'rtl') {\n x += max(html.clientWidth, body.clientWidth) - width;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\nfunction getViewportRect(element, strategy) {\n const win = getWindow(element);\n const html = getDocumentElement(element);\n const visualViewport = win.visualViewport;\n let width = html.clientWidth;\n let height = html.clientHeight;\n let x = 0;\n let y = 0;\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n const visualViewportBased = isWebKit();\n if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\n// Returns the inner client rect, subtracting scrollbars if present.\nfunction getInnerBoundingClientRect(element, strategy) {\n const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');\n const top = clientRect.top + element.clientTop;\n const left = clientRect.left + element.clientLeft;\n const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);\n const width = element.clientWidth * scale.x;\n const height = element.clientHeight * scale.y;\n const x = left * scale.x;\n const y = top * scale.y;\n return {\n width,\n height,\n x,\n y\n };\n}\nfunction getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {\n let rect;\n if (clippingAncestor === 'viewport') {\n rect = getViewportRect(element, strategy);\n } else if (clippingAncestor === 'document') {\n rect = getDocumentRect(getDocumentElement(element));\n } else if (isElement(clippingAncestor)) {\n rect = getInnerBoundingClientRect(clippingAncestor, strategy);\n } else {\n const visualOffsets = getVisualOffsets(element);\n rect = {\n ...clippingAncestor,\n x: clippingAncestor.x - visualOffsets.x,\n y: clippingAncestor.y - visualOffsets.y\n };\n }\n return rectToClientRect(rect);\n}\nfunction hasFixedPositionAncestor(element, stopNode) {\n const parentNode = getParentNode(element);\n if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {\n return false;\n }\n return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);\n}\n\n// A \"clipping ancestor\" is an `overflow` element with the characteristic of\n// clipping (or hiding) child elements. This returns all clipping ancestors\n// of the given element up the tree.\nfunction getClippingElementAncestors(element, cache) {\n const cachedResult = cache.get(element);\n if (cachedResult) {\n return cachedResult;\n }\n let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');\n let currentContainingBlockComputedStyle = null;\n const elementIsFixed = getComputedStyle(element).position === 'fixed';\n let currentNode = elementIsFixed ? getParentNode(element) : element;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {\n const computedStyle = getComputedStyle(currentNode);\n const currentNodeIsContaining = isContainingBlock(currentNode);\n if (!currentNodeIsContaining && computedStyle.position === 'fixed') {\n currentContainingBlockComputedStyle = null;\n }\n const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);\n if (shouldDropCurrentNode) {\n // Drop non-containing blocks.\n result = result.filter(ancestor => ancestor !== currentNode);\n } else {\n // Record last containing block for next iteration.\n currentContainingBlockComputedStyle = computedStyle;\n }\n currentNode = getParentNode(currentNode);\n }\n cache.set(element, result);\n return result;\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping ancestors.\nfunction getClippingRect(_ref) {\n let {\n element,\n boundary,\n rootBoundary,\n strategy\n } = _ref;\n const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);\n const clippingAncestors = [...elementClippingAncestors, rootBoundary];\n const firstClippingAncestor = clippingAncestors[0];\n const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {\n const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);\n accRect.top = max(rect.top, accRect.top);\n accRect.right = min(rect.right, accRect.right);\n accRect.bottom = min(rect.bottom, accRect.bottom);\n accRect.left = max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));\n return {\n width: clippingRect.right - clippingRect.left,\n height: clippingRect.bottom - clippingRect.top,\n x: clippingRect.left,\n y: clippingRect.top\n };\n}\n\nfunction getDimensions(element) {\n return getCssDimensions(element);\n}\n\nfunction getRectRelativeToOffsetParent(element, offsetParent, strategy) {\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n const documentElement = getDocumentElement(offsetParent);\n const isFixed = strategy === 'fixed';\n const rect = getBoundingClientRect(element, true, isFixed, offsetParent);\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n const offsets = createCoords(0);\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isOffsetParentAnElement) {\n const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n } else if (documentElement) {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n }\n return {\n x: rect.left + scroll.scrollLeft - offsets.x,\n y: rect.top + scroll.scrollTop - offsets.y,\n width: rect.width,\n height: rect.height\n };\n}\n\nfunction getTrueOffsetParent(element, polyfill) {\n if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {\n return null;\n }\n if (polyfill) {\n return polyfill(element);\n }\n return element.offsetParent;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nfunction getOffsetParent(element, polyfill) {\n const window = getWindow(element);\n if (!isHTMLElement(element)) {\n return window;\n }\n let offsetParent = getTrueOffsetParent(element, polyfill);\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent, polyfill);\n }\n if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {\n return window;\n }\n return offsetParent || getContainingBlock(element) || window;\n}\n\nconst getElementRects = async function (_ref) {\n let {\n reference,\n floating,\n strategy\n } = _ref;\n const getOffsetParentFn = this.getOffsetParent || getOffsetParent;\n const getDimensionsFn = this.getDimensions;\n return {\n reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),\n floating: {\n x: 0,\n y: 0,\n ...(await getDimensionsFn(floating))\n }\n };\n};\n\nfunction isRTL(element) {\n return getComputedStyle(element).direction === 'rtl';\n}\n\nconst platform = {\n convertOffsetParentRelativeRectToViewportRelativeRect,\n getDocumentElement,\n getClippingRect,\n getOffsetParent,\n getElementRects,\n getClientRects,\n getDimensions,\n getScale,\n isElement,\n isRTL\n};\n\n// https://samthor.au/2021/observing-dom/\nfunction observeMove(element, onMove) {\n let io = null;\n let timeoutId;\n const root = getDocumentElement(element);\n function cleanup() {\n clearTimeout(timeoutId);\n io && io.disconnect();\n io = null;\n }\n function refresh(skip, threshold) {\n if (skip === void 0) {\n skip = false;\n }\n if (threshold === void 0) {\n threshold = 1;\n }\n cleanup();\n const {\n left,\n top,\n width,\n height\n } = element.getBoundingClientRect();\n if (!skip) {\n onMove();\n }\n if (!width || !height) {\n return;\n }\n const insetTop = floor(top);\n const insetRight = floor(root.clientWidth - (left + width));\n const insetBottom = floor(root.clientHeight - (top + height));\n const insetLeft = floor(left);\n const rootMargin = -insetTop + \"px \" + -insetRight + \"px \" + -insetBottom + \"px \" + -insetLeft + \"px\";\n const options = {\n rootMargin,\n threshold: max(0, min(1, threshold)) || 1\n };\n let isFirstUpdate = true;\n function handleObserve(entries) {\n const ratio = entries[0].intersectionRatio;\n if (ratio !== threshold) {\n if (!isFirstUpdate) {\n return refresh();\n }\n if (!ratio) {\n timeoutId = setTimeout(() => {\n refresh(false, 1e-7);\n }, 100);\n } else {\n refresh(false, ratio);\n }\n }\n isFirstUpdate = false;\n }\n\n // Older browsers don't support a `document` as the root and will throw an\n // error.\n try {\n io = new IntersectionObserver(handleObserve, {\n ...options,\n // Handle

What you can do #

Now that you have a starting point, visit the documentation for each package, if you haven't already, and find some components that are right for your project. You can take a look at our examples on webcomponents.dev to get an idea of how these components behave in a development environment, or browse through our storybook. Once you start developing, you’ll find that rapid, component-based prototyping brings your designs to life faster than ever.

When you're ready to deploy your app to production, take a look at our Rollup and/or Webpack example projects for recommendations on how to optimize your project for that environment. Leverage the listings under the “Usage” section on each component’s documentation page to support the patterns you'll find therein. And then, when you're ready... ship, ship, ship! We look forward to seeing what you bring to life.

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Getting started: Spectrum Web Components

Getting started

There are a couple ways to get started working with Spectrum Web Components:

If you're creating your own project, we recommend using @open-wc's project generator, which will get you started in an environment similar to this repository. @open-wc also uses Lit for building components and @web/test-runner for their testing framework, making it easier for us to troubleshoot and reproduce any issues you run into, as well as reducing the amount of changes to make to your code if you decide to contribute your work to our library. For specific information on how to configure your @open-wc project, click here.

If you know which components you want to use, you can import those packages directly. We recommend grabbing @spectrum-web-components/theme in addition to your chosen components, as sp-theme is necessary for styling those components with Spectrum CSS. You can click here to learn about the full range of style customization provided by @spectrum-web-components/theme.

There is also the @spectrum-web-components/bundle package, which includes all of the elements defined by Spectrum Web Components in one easy-to-import entry point. The @spectrum-web-components/bundle package is literally everything that Spectrum Web Components has to offer. This is why when bundled, it weighs as large as it does, and is why we DO NOT suggest leveraging this technique in a production application.

Whether you chose to start with the bundle or a selection of components (you'll need sp-button and sp-theme for the snipped below), copy and paste the following HTML sample, and you’ll be up and running. Have fun!

<!-- remove comments for purposes beyond this documentation site
+<script
+    src="https://jspm.dev/@spectrum-web-components/bundle/elements.js"
+    type="module" async
+></script>
+-->
+
+<sp-theme scale="large" color="dark">
+    <!-- Insert content requiring theme application here. -->
+    <sp-button onclick="alert('I was clicked');">Click me!</sp-button>
+    <!-- End content requiring theme application. -->
+</sp-theme>

The code above (with the comments around<script> tag removed) renders to the browser as follows (be patient while the JS for the <iframe> is loaded from the JSPM CDN...):

What you can do #

Now that you have a starting point, visit the documentation for each package, if you haven't already, and find some components that are right for your project. You can take a look at our examples on webcomponents.dev to get an idea of how these components behave in a development environment, or browse through our storybook. Once you start developing, you’ll find that rapid, component-based prototyping brings your designs to life faster than ever.

When you're ready to deploy your app to production, take a look at our Rollup and/or Webpack example projects for recommendations on how to optimize your project for that environment. Leverage the listings under the “Usage” section on each component’s documentation page to support the patterns you'll find therein. And then, when you're ready... ship, ship, ship! We look forward to seeing what you bring to life.

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/guides/adding-component/index.html b/guides/adding-component/index.html index 4a54df62e2..2e5c6b9d20 100644 --- a/guides/adding-component/index.html +++ b/guides/adding-component/index.html @@ -1 +1,149 @@ - Developing a Component: Spectrum Web Components

Developing a Component

This guide explains the techniques involved in the ongoing development a Spectrum control as a spectrum-web-components.

The components in spectrum-web-components are based on the CSS definitions in spectrum-css. Typically, component implementations contain very little code. The CSS from the spectrum-css project typically specifies most, if not all, of the presentation details.

What is a web component? #

According to webcomponents.org, web components are:

... a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.

In order to add a new component to this library, you will need to develop a working knowledge of the following technologies:

  • Spectrum CSS: A CSS implementation of the Spectrum design language
  • Web Components: Standards based method for adding new HTML tags to a browser
  • Shadow DOM: The part of the Web Component spec that allows for encapsulation of component styles and child nodes
  • lit-element: A simple base class for creating fast, lightweight web components
  • CSS custom properties: CSS variables that can be used throughout a document
  • Typescript: A typesafe variant of JavaScript

Setting up the styling #

The most complicated part of implementing a Spectrum web component is getting the styles set up correctly. The shadow DOM is the heart of a web component. It isolates the component from the styles and DOM of the containing page. While this offers many benefits, it also means that we must structure our CSS very differently.

The CSS from the spectrum-css project is intended to be installed globally on a web page. Using it in the context of a web component requires that we modify it. To facilitate that, this project comes with a config-driven processor that can transform the Spectrum CSS into a format that can be consumed in a web component.

The first step is to create a directory and a spectrum-config.js file for your new component. This config file contains information about the structure of the web component in relation to the Spectrum CSS classes.

Below is a fragment of the spectrum-config.js file for sp-button.

const config = {
    conversions: [
        {
            inPackage: '@spectrum-css/button',
            outPackage: 'button',
            fileName: 'button',
            excludeByComponents: [builder.element('a')],
            components: [
                converter.classToHost(),
                converter.classToAttribute('spectrum-Button--quiet'),
                converter.classToAttribute('is-disabled', 'disabled'),
                converter.pseudoToAttribute('disabled', 'disabled'),
                ...converter.enumerateAttributes(
                    [
                        ['spectrum-Button--sizeS', 's'],
                        ['spectrum-Button--sizeM', 'm'],
                        ['spectrum-Button--sizeL', 'l'],
                        ['spectrum-Button--sizeXL', 'xl'],
                    ],
                    'size'
                ),
                converter.classToId('spectrum-Button-label'),
                converter.classToSlotted('spectrum-Icon', 'icon'),
                {
                    find: [
                        builder.class('spectrum-Icon'),
                        builder.combinator('+'),
                        builder.class('spectrum-Button-label'),
                    ],
                    replace: [
                        {
                            replace: builder.attribute('name', 'icon', 'equal'),
                            hoist: false,
                        },
                        builder.combinator('+'),
                        builder.id('label'),
                    ],
                },
                {
                    hoist: false,
                    find: builder.pseudoClass('empty'),
                    replace: builder.attribute('hidden'),
                },
            ],
        },
    ],
};

If we wanted to create a button component using this config file, the steps would be as follows:

  1. Make the directory src/components/button
  2. In that new directory, create a spectrum-config.js file with the above contents
  3. Run the command yarn process-spectrum to create the CSS file

When you do the above, the config-driven processor will look in the spectrum-css project for the matching CSS file. It will parse that file and restructure the CSS as per the configuration instructions.

Structure of a Spectrum Web Component #

If you look at an sp-button in the Chrome developer tools, you will see a DOM structure that looks like this.

▼<sp-button tabindex="0" variant="accent">
    ▼ #shadow-root (open)
        ▼ <button id="button" tabindex="0">
            ▼ <div id="label>
                ▼ <slot>
                    ↳ #text
                </slot>
            </div>
        </button>
    "Click Me"
</sp-button>

If anything here looks unfamiliar, it is probably a good time to do some reading about web components.

You can compare this markup with the reference markup in the spectrum-css documentation

Host Class Mapping #

We need to determine what the main CSS class is for our component in the original spectrum-css. In the case of sp-button, we can see that the top-level class is .Spectrum-Button. We then need to determine where we want that CSS to be applied. In many cases, you will want that CSS to be applied to the actual web component via the :host selector. That is the default behaviour of the conversion script. In this case, we wanted to preserve all of the default behaviour of the button element in HTML. So, we want the main CSS to be applied to our <button> instead. If you look at the host definition in spectrum-config.js you can see that we have supplied a shadowSelector option. That tells the script to move all of the CSS for .Spectrum-Button to the #button element in the shadow DOM.

host: {
    selector: '.spectrum-Button',
    shadowSelector: '#button',
},

Shadow DOM Structure #

The next step is to fill out the remaining structure of the shadow DOM portion of the component. Note that, in the shadow DOM, we are using ids instead of long class names. We can do that because the namespace of each instance of our web component has it's own DOM scope. So, there can never be an id name collision.

Typically, you will reference the sample code from the spectrum-css documentation and recreate that structure in the shadow DOM of your component.

In the case of sp-checkbox, we turn this sample DOM code:

<label class="spectrum-Checkbox">
    <input type="checkbox" class="spectrum-Checkbox-input" id="checkbox-0">
    <span class="spectrum-Checkbox-box">
        <svg class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
            <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
        </svg>
        <svg class="spectrum-Icon spectrum-UIIcon-DashSmall spectrum-Checkbox-partialCheckmark" focusable="false" aria-hidden="true">
            <use xlink:href="#spectrum-css-icon-DashSmall" />
        </svg>
    </span>
    <span class="spectrum-Checkbox-label">Checkbox</span>
</label>

into this code in our component's render method (actually implementation is slightly different):

return html`
    <label id="root">
        <input
            id="input"
            type="checkbox"
            ?checked=${this.checked}
            @change=${this.handleChange}
        <span id="box">
            <sp-icon
                id="checkmark"
                size="s"
                name="ui:CheckmarkSmall"
                aria-hidden="true"
            ></sp-icon>
            <sp-icon
                id="partialCheckmark"
                size="s"
                name="ui:DashSmall"
                aria-hidden="true"
            ></sp-icon>
        </span>
        <span id="label"><slot></slot></span>
    </label>
`;

You will notice that many of the spectrum-css classes are mapped to ids in the web component. For example, .spectrum-Checkbox-input and .spectrum-Checkbox-box become #input and #box. Those transformations are described in the ids section of the spectrum-config.js file.

ids: [
    {
        selector: '.spectrum-Checkbox-input',
        name: 'input',
    },
    {
        selector: '.spectrum-Checkbox-box',
        name: 'box',
    },
    {
        selector: '.spectrum-Checkbox-checkmark',
        name: 'checkmark',
    },
    {
        selector: '.spectrum-Checkbox-partialCheckmark',
        name: 'partialCheckmark',
    },
    {
        selector: '.spectrum-Checkbox-label',
        name: 'label',
    },
],

Properties and Attributes #

Most of our controls have options that affect how they are rendered. For example, Spectrum supports a number of different kinds of buttons (e.g primary, secondary or call-to-action). spectrum-css supports these visual styles using CSS classes. In web components, we typically support these options using attributes/properties on the component. For example, here is a call-to-action style button.

<sp-button variant="accent">CTA</sp-button>

We could conditionally add CSS classes to the elements of the shadow DOM during rendering, but it is much easier to just let the attributes on the DOM node drive the styling directly. In order to facilitate that, the spectrum-config.js file lets you specify how to map the various spectrum-css classes to CSS that is based on the attributes on the :host of the web component.

attributes: [
    {
        type: 'boolean',
        selector: '.spectrum-Button--quiet',
    },
    {
        type: 'boolean',
        selector: ':disabled',
    },
    {
        type: 'enum',
        name: 'variant',
        values: [
            '.spectrum-Button--cta',
            '.spectrum-Button--primary',
            '.spectrum-Button--secondary',
            {
                name: 'negative',
                selector: '.spectrum-Button--warning',
            },
            '.spectrum-Button--overBackground',
            '.spectrum-Button--secondary',
        ],
    },
],

We support two different kinds of attributes, booleans and enums. Booleans are turned on or off by the presence or absence of the attribute. Enum attributes must be set to one of the allowed values. The CSS generated will reference the attributes on the host: element directly.

Class to Class Mapping #

In some cases, you will need to retain the spectrum-css classes as classes. An example of that is when you need to apply CSS rules to multiple items in the shadow DOM. In that case, we simply map class names to shorter classnames. There is an example of remapping classes in the slider component.

classes: [
    {
        selector: '.spectrum-Slider-track',
        name: 'track',
    },
],

Slots #

Slot tags are how we host our child content (light DOM) in our component's shadow DOM. The spectrum-css for a component sometimes contains rules for laying out the child content. There is a slots section in the spectrum-config.js file for mapping those rules to the slotted content.

slots: [
    {
        name: 'icon',
        selector: '.spectrum-Icon',
    },
],

The above section tells our CSS processor to map CSS for the .spectrum-Icon class to the content that is being hosted in the slot with the name icon.

Coding the Component #

All of the spectrum-web-components are written using the lit-element framework and Typescript. Your best bet is to look at similar components and match the style.

We have a working specification for the APIs for each of the Spectrum components. If you file an issue for the component that you want to implement, we can provide the necessary specifications for it.

Documenting the component #

The documentation for each component in the documentation site is adopted from the README.md in said package. The pages are written in Markdown. See one of the existing pages for an example.

To run the local documentation server, use the command:

yarn docs:start

The documentation automatically extracts the properties and attributes from the source code. You should document your component using the appropriate jsdoc tags. See Button.ts for an example.

Working with Storybook #

We use Storybook for developing our components. This gives us a rapid way to test our components in various configurations. The best way to start is to copy one of the existing stories.

To run Storybook, use the command:

yarn storybook
Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Developing a Component: Spectrum Web Components

Developing a Component

This guide explains the techniques involved in the ongoing development a Spectrum control as a spectrum-web-components.

The components in spectrum-web-components are based on the CSS definitions in spectrum-css. Typically, component implementations contain very little code. The CSS from the spectrum-css project typically specifies most, if not all, of the presentation details.

What is a web component? #

According to webcomponents.org, web components are:

... a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.

In order to add a new component to this library, you will need to develop a working knowledge of the following technologies:

  • Spectrum CSS: A CSS implementation of the Spectrum design language
  • Web Components: Standards based method for adding new HTML tags to a browser
  • Shadow DOM: The part of the Web Component spec that allows for encapsulation of component styles and child nodes
  • lit-element: A simple base class for creating fast, lightweight web components
  • CSS custom properties: CSS variables that can be used throughout a document
  • Typescript: A typesafe variant of JavaScript

Setting up the styling #

The most complicated part of implementing a Spectrum web component is getting the styles set up correctly. The shadow DOM is the heart of a web component. It isolates the component from the styles and DOM of the containing page. While this offers many benefits, it also means that we must structure our CSS very differently.

The CSS from the spectrum-css project is intended to be installed globally on a web page. Using it in the context of a web component requires that we modify it. To facilitate that, this project comes with a config-driven processor that can transform the Spectrum CSS into a format that can be consumed in a web component.

The first step is to create a directory and a spectrum-config.js file for your new component. This config file contains information about the structure of the web component in relation to the Spectrum CSS classes.

Below is a fragment of the spectrum-config.js file for sp-button.

const config = {
+    conversions: [
+        {
+            inPackage: '@spectrum-css/button',
+            outPackage: 'button',
+            fileName: 'button',
+            excludeByComponents: [builder.element('a')],
+            components: [
+                converter.classToHost(),
+                converter.classToAttribute('spectrum-Button--quiet'),
+                converter.classToAttribute('is-disabled', 'disabled'),
+                converter.pseudoToAttribute('disabled', 'disabled'),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-Button--sizeS', 's'],
+                        ['spectrum-Button--sizeM', 'm'],
+                        ['spectrum-Button--sizeL', 'l'],
+                        ['spectrum-Button--sizeXL', 'xl'],
+                    ],
+                    'size'
+                ),
+                converter.classToId('spectrum-Button-label'),
+                converter.classToSlotted('spectrum-Icon', 'icon'),
+                {
+                    find: [
+                        builder.class('spectrum-Icon'),
+                        builder.combinator('+'),
+                        builder.class('spectrum-Button-label'),
+                    ],
+                    replace: [
+                        {
+                            replace: builder.attribute('name', 'icon', 'equal'),
+                            hoist: false,
+                        },
+                        builder.combinator('+'),
+                        builder.id('label'),
+                    ],
+                },
+                {
+                    hoist: false,
+                    find: builder.pseudoClass('empty'),
+                    replace: builder.attribute('hidden'),
+                },
+            ],
+        },
+    ],
+};

If we wanted to create a button component using this config file, the steps would be as follows:

  1. Make the directory src/components/button
  2. In that new directory, create a spectrum-config.js file with the above contents
  3. Run the command yarn process-spectrum to create the CSS file

When you do the above, the config-driven processor will look in the spectrum-css project for the matching CSS file. It will parse that file and restructure the CSS as per the configuration instructions.

Structure of a Spectrum Web Component #

If you look at an sp-button in the Chrome developer tools, you will see a DOM structure that looks like this.

▼<sp-button tabindex="0" variant="accent">
+    ▼ #shadow-root (open)
+        ▼ <button id="button" tabindex="0">
+            ▼ <div id="label>
+                ▼ <slot>
+                    ↳ #text
+                </slot>
+            </div>
+        </button>
+    "Click Me"
+</sp-button>

If anything here looks unfamiliar, it is probably a good time to do some reading about web components.

You can compare this markup with the reference markup in the spectrum-css documentation

Host Class Mapping #

We need to determine what the main CSS class is for our component in the original spectrum-css. In the case of sp-button, we can see that the top-level class is .Spectrum-Button. We then need to determine where we want that CSS to be applied. In many cases, you will want that CSS to be applied to the actual web component via the :host selector. That is the default behaviour of the conversion script. In this case, we wanted to preserve all of the default behaviour of the button element in HTML. So, we want the main CSS to be applied to our <button> instead. If you look at the host definition in spectrum-config.js you can see that we have supplied a shadowSelector option. That tells the script to move all of the CSS for .Spectrum-Button to the #button element in the shadow DOM.

host: {
+    selector: '.spectrum-Button',
+    shadowSelector: '#button',
+},

Shadow DOM Structure #

The next step is to fill out the remaining structure of the shadow DOM portion of the component. Note that, in the shadow DOM, we are using ids instead of long class names. We can do that because the namespace of each instance of our web component has it's own DOM scope. So, there can never be an id name collision.

Typically, you will reference the sample code from the spectrum-css documentation and recreate that structure in the shadow DOM of your component.

In the case of sp-checkbox, we turn this sample DOM code:

<label class="spectrum-Checkbox">
+    <input type="checkbox" class="spectrum-Checkbox-input" id="checkbox-0">
+    <span class="spectrum-Checkbox-box">
+        <svg class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
+            <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
+        </svg>
+        <svg class="spectrum-Icon spectrum-UIIcon-DashSmall spectrum-Checkbox-partialCheckmark" focusable="false" aria-hidden="true">
+            <use xlink:href="#spectrum-css-icon-DashSmall" />
+        </svg>
+    </span>
+    <span class="spectrum-Checkbox-label">Checkbox</span>
+</label>

into this code in our component's render method (actually implementation is slightly different):

return html`
+    <label id="root">
+        <input
+            id="input"
+            type="checkbox"
+            ?checked=${this.checked}
+            @change=${this.handleChange}
+        <span id="box">
+            <sp-icon
+                id="checkmark"
+                size="s"
+                name="ui:CheckmarkSmall"
+                aria-hidden="true"
+            ></sp-icon>
+            <sp-icon
+                id="partialCheckmark"
+                size="s"
+                name="ui:DashSmall"
+                aria-hidden="true"
+            ></sp-icon>
+        </span>
+        <span id="label"><slot></slot></span>
+    </label>
+`;

You will notice that many of the spectrum-css classes are mapped to ids in the web component. For example, .spectrum-Checkbox-input and .spectrum-Checkbox-box become #input and #box. Those transformations are described in the ids section of the spectrum-config.js file.

ids: [
+    {
+        selector: '.spectrum-Checkbox-input',
+        name: 'input',
+    },
+    {
+        selector: '.spectrum-Checkbox-box',
+        name: 'box',
+    },
+    {
+        selector: '.spectrum-Checkbox-checkmark',
+        name: 'checkmark',
+    },
+    {
+        selector: '.spectrum-Checkbox-partialCheckmark',
+        name: 'partialCheckmark',
+    },
+    {
+        selector: '.spectrum-Checkbox-label',
+        name: 'label',
+    },
+],

Properties and Attributes #

Most of our controls have options that affect how they are rendered. For example, Spectrum supports a number of different kinds of buttons (e.g primary, secondary or call-to-action). spectrum-css supports these visual styles using CSS classes. In web components, we typically support these options using attributes/properties on the component. For example, here is a call-to-action style button.

<sp-button variant="accent">CTA</sp-button>

We could conditionally add CSS classes to the elements of the shadow DOM during rendering, but it is much easier to just let the attributes on the DOM node drive the styling directly. In order to facilitate that, the spectrum-config.js file lets you specify how to map the various spectrum-css classes to CSS that is based on the attributes on the :host of the web component.

attributes: [
+    {
+        type: 'boolean',
+        selector: '.spectrum-Button--quiet',
+    },
+    {
+        type: 'boolean',
+        selector: ':disabled',
+    },
+    {
+        type: 'enum',
+        name: 'variant',
+        values: [
+            '.spectrum-Button--cta',
+            '.spectrum-Button--primary',
+            '.spectrum-Button--secondary',
+            {
+                name: 'negative',
+                selector: '.spectrum-Button--warning',
+            },
+            '.spectrum-Button--overBackground',
+            '.spectrum-Button--secondary',
+        ],
+    },
+],

We support two different kinds of attributes, booleans and enums. Booleans are turned on or off by the presence or absence of the attribute. Enum attributes must be set to one of the allowed values. The CSS generated will reference the attributes on the host: element directly.

Class to Class Mapping #

In some cases, you will need to retain the spectrum-css classes as classes. An example of that is when you need to apply CSS rules to multiple items in the shadow DOM. In that case, we simply map class names to shorter classnames. There is an example of remapping classes in the slider component.

classes: [
+    {
+        selector: '.spectrum-Slider-track',
+        name: 'track',
+    },
+],

Slots #

Slot tags are how we host our child content (light DOM) in our component's shadow DOM. The spectrum-css for a component sometimes contains rules for laying out the child content. There is a slots section in the spectrum-config.js file for mapping those rules to the slotted content.

slots: [
+    {
+        name: 'icon',
+        selector: '.spectrum-Icon',
+    },
+],

The above section tells our CSS processor to map CSS for the .spectrum-Icon class to the content that is being hosted in the slot with the name icon.

Coding the Component #

All of the spectrum-web-components are written using the lit-element framework and Typescript. Your best bet is to look at similar components and match the style.

We have a working specification for the APIs for each of the Spectrum components. If you file an issue for the component that you want to implement, we can provide the necessary specifications for it.

Documenting the component #

The documentation for each component in the documentation site is adopted from the README.md in said package. The pages are written in Markdown. See one of the existing pages for an example.

To run the local documentation server, use the command:

yarn docs:start

The documentation automatically extracts the properties and attributes from the source code. You should document your component using the appropriate jsdoc tags. See Button.ts for an example.

Working with Storybook #

We use Storybook for developing our components. This gives us a rapid way to test our components in various configurations. The best way to start is to copy one of the existing stories.

To run Storybook, use the command:

yarn storybook
Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/guides/configuring-openwc/index.html b/guides/configuring-openwc/index.html index b42869eb4f..9c7db29655 100644 --- a/guides/configuring-openwc/index.html +++ b/guides/configuring-openwc/index.html @@ -1,2 +1,40 @@ - Configuring your @open-wc project

This guide expounds upon configuration specifics you may want to adopt in your @open-wc project for a smoother development experience that matches the specifications in Spectrum Web Components.

Building your project #

In your terminal, run the following command:

npm init @open-wc

Once you do that, @open-wc will give you a few configuration options. You'll want to set up your project as a Web Component and allow it to use typescript. When it asks you what features to add, say "yes" (by pressing the Space Bar, not the Enter key) to all of them--we'll explain how to set them up to be more compatible with SWC in this guide. SWC uses yarn to manage its package dependencies, so you can go ahead and choose that one, as well.

Setting up your .gitignore #

The first thing to check is that your .gitignore file isn't set up to ignore changes to your root directory. By default, the .gitignore in @open-wc starts each of its ignored directories with a /. You can go ahead and replace the contents of the file with what's below, which is the same file list which omits the forward slashes.

## editors
.idea
.vscode

## system files
.DS_Store

## npm
node_modules/
npm-debug.log

## testing
coverage/

## temp folders
.tmp/

# build
_site/
dist/
out-tsc/

storybook-static
custom-elements.json

Setting up your linter #

While both SWC and @open-wc use es-lint and prettier, there are some differences in their configurations that you may want to adjust if you plan on contributing your code to Spectrum Web Components later down the line.

The biggest one is the indentation. In your .editorconfig file, clear the file contents and replace it with:

root = true

[*]
end_of_line = lf
indent_style = space
indent_size = 4
charset = utf-8

Now, in your root directory, create a new file called .prettierrc.yaml. In it, add the following:

printWidth: 80
tabWidth: 4
semi: true
singleQuote: true
trailingComma: es5
bracketSpacing: true
arrowParens: always
htmlWhitespaceSensitivity: ignore

Setting up Storybook #

Storybook is a great tool for demoing web components. To set it up similar to Spectrum Web Components so that you have the theme and style specifications in your stories, follow these steps.

Add the Spectrum Web Components Story Theme Decorator to your project:

yarn add @spectrum-web-components/story-decorator/
-

Then, in your .storybook directory, create a new file called preview.js and add:

import { swcThemeDecorator } from '@spectrum-web-components/story-decorator/decorator.js';

export const decorators = [swcThemeDecorator];

That takes care of all of the changes we've noted so far when starting a new project with @open-wc. If we've missed anything here that you run into during this process, feel free to create an issue on Github.

You can now head back to our getting started page, which will get you started using this library. Happy coding!

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Configuring your @open-wc project

This guide expounds upon configuration specifics you may want to adopt in your @open-wc project for a smoother development experience that matches the specifications in Spectrum Web Components.

Building your project #

In your terminal, run the following command:

npm init @open-wc

Once you do that, @open-wc will give you a few configuration options. You'll want to set up your project as a Web Component and allow it to use typescript. When it asks you what features to add, say "yes" (by pressing the Space Bar, not the Enter key) to all of them--we'll explain how to set them up to be more compatible with SWC in this guide. SWC uses yarn to manage its package dependencies, so you can go ahead and choose that one, as well.

Setting up your .gitignore #

The first thing to check is that your .gitignore file isn't set up to ignore changes to your root directory. By default, the .gitignore in @open-wc starts each of its ignored directories with a /. You can go ahead and replace the contents of the file with what's below, which is the same file list which omits the forward slashes.

## editors
+.idea
+.vscode
+
+## system files
+.DS_Store
+
+## npm
+node_modules/
+npm-debug.log
+
+## testing
+coverage/
+
+## temp folders
+.tmp/
+
+# build
+_site/
+dist/
+out-tsc/
+
+storybook-static
+custom-elements.json

Setting up your linter #

While both SWC and @open-wc use es-lint and prettier, there are some differences in their configurations that you may want to adjust if you plan on contributing your code to Spectrum Web Components later down the line.

The biggest one is the indentation. In your .editorconfig file, clear the file contents and replace it with:

root = true
+
+[*]
+end_of_line = lf
+indent_style = space
+indent_size = 4
+charset = utf-8

Now, in your root directory, create a new file called .prettierrc.yaml. In it, add the following:

printWidth: 80
+tabWidth: 4
+semi: true
+singleQuote: true
+trailingComma: es5
+bracketSpacing: true
+arrowParens: always
+htmlWhitespaceSensitivity: ignore

Setting up Storybook #

Storybook is a great tool for demoing web components. To set it up similar to Spectrum Web Components so that you have the theme and style specifications in your stories, follow these steps.

Add the Spectrum Web Components Story Theme Decorator to your project:

yarn add @spectrum-web-components/story-decorator/
+

Then, in your .storybook directory, create a new file called preview.js and add:

import { swcThemeDecorator } from '@spectrum-web-components/story-decorator/decorator.js';
+
+export const decorators = [swcThemeDecorator];

That takes care of all of the changes we've noted so far when starting a new project with @open-wc. If we've missed anything here that you run into during this process, feel free to create an issue on Github.

You can now head back to our getting started page, which will get you started using this library. Happy coding!

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/guides/generating-components/index.html b/guides/generating-components/index.html index a0ac802a8c..70033accbb 100644 --- a/guides/generating-components/index.html +++ b/guides/generating-components/index.html @@ -1,4 +1,7 @@ - Generating a new component: Spectrum Web Components

Generating a new component

The fastest way to get started with creating a new component is to generate it from the command line. Run the following command to have your new component scaffolded for you:

$ yarn new-package

? SWC package name (i.e. color-area)
? Spectrum CSS package name (i.e. colorarea)

In response to the prompt above, the package name should be the kebab case version of the Spectrum CSS pattern that you are looking to add to the repo. That is, the SpectrumPattern that you want to create should be represented as spectrum-pattern in your response. From here, the command generates a new package for your pattern with the following file structure in the /packages directory:

> spectrum-pattern
+   Generating a new component: Spectrum Web Components                     
 
Generating a new component
 
The fastest way to get started with creating a new component is to generate it from the command line. Run the following command to have your new component scaffolded for you:
 
$ yarn new-package
+
+? SWC package name (i.e. color-area)
+? Spectrum CSS package name (i.e. colorarea)
 
In response to the prompt above, the package name should be the kebab case version of the Spectrum CSS pattern that you are looking to add to the repo. That is, the SpectrumPattern that you want to create should be represented as spectrum-pattern in your response. From here, the command generates a new package for your pattern with the following file structure in the /packages directory:
 
> spectrum-pattern
    > src/
        index.ts
        SpectrumPattern.ts
@@ -14,4 +17,4 @@
    README.md
    tsconfig.json
    package.json
-
 
From here, peek into the package.json file and ensure the "devDependency" of @spectrum-css/spectrumpattern (replacing "spectrumpattern" with the pattern you're implementing, such as "badge" or "tooltip") listed there is of the most current version.
 
Outside of your new package, you will need to manually add information about your new package to both the tsconfig-all.json file and the bundle package:
 
Open tsconfig-all.json, find "references", and add an entry for your package ({ "path": "packages/spectrum-pattern" }) alphabetically (replacing "spectrum-pattern" with the pattern you're implementing, such as "action-button" or "progress-bar"). The tsconfig-all.json config is used to build types for the project in parallel with the JS build that is handled outside of tsc. This will ensure that the types for your new package are available throughout the library, include at demonstration and test time.
 
Include a listing for your package in bundle/elements.ts and bundle/src/index.js. Then, confirm that your new package is already listed in tools/bundle/package.json. The bundle package makes it possible to build demo projects with all of the components from the library registered in a single place, and is also leveraged for ease of component consumption in the documentation site build.
 
     
  • In bundle/elements.ts, please add any, and all (if your package registers more than one element), element registration files to the imports there in, e.g. import '@spectrum-web-components/spectrum-pattern/sp-spectrum-pattern.js';.
    •  
  • In bundle/src/index.js, please add an export for your new packages default entry, e.g. export * from '@spectrum-web-components/spectrum-pattern';, so that any classes exported from your package can be imported from this location.
    •  
 
Finally, run yarn in your terminal. This will grab any newly-added packages, as well as to ensure that you have the provided CSS processed for use in your component. You can now see your component in the Storybook, using the command yarn storybook, or test its functionality via yarn test.
 
The next place to look is in node_modules/@spectrum-css/spectrumpattern/metadata/spectrumpattern.yml. Here, you will find complete Spectrum CSS’s HTML representation of the many states, variants, and capabilities offered by the pattern that you are working with. The content of this file is also found on the Spectrum CSS documentation site under the name of the pattern you’re leveraging. Following this as a guide while you implement this component ensures that you will fulfill the expected features of this pattern.
 
Now that you have this scaffold as a base, check out these instructions on working with web components in general, and the annotated spectrum-config.js file, which outlines how to translate the Spectrum CSS source into shadow DOM-optimized CSS. You are well on your way to adding a new component package to the project.
 
If you run into any issues with the instructions above, or the ones linked across this documentation site, please feel free to raise questions or issues on GitHub. You can do this either by creating a brand new issue when it specifically relates to the process of generating a component, or by leaving a comment on an already-created issue for a specific pattern when it concerns bringing that component to life.
 
Thanks for stopping by. We look forward to your contribution!
 
   Getting started   Dev mode   Registry conflicts   Components  Accordion  Accordion Item    Action Bar   Action Button   Action Group   Action Menu   Alert Dialog   Asset   Avatar   Badge   Banner   Button   Button Group   Card   Checkbox   Coachmark   Color Area   Color Handle   Color Loupe   Color Slider   Color Wheel   Dialog  Dialog Base   Dialog Wrapper    Divider   Dropzone   Field Group   Field Label   Help Text  Help Text Mixin    Icon   Icons   Icons UI   Icons Workflow   Iconset   Illustrated Message   Infield Button   Link   Menu  Menu Group   Menu Item    Meter   Number Field   Overlay  Imperative Api   Overlay Trigger    Picker   Picker Button   Popover   Progress Bar   Progress Circle   Quick Actions   Radio   Search   Sidenav  Sidenav Item    Slider  Slider Handle    Split Button   Split View   Status Light   Swatch  Swatch Group    Switch   Table   Tabs  Tab Panel   Tab   Tabs Overflow    Tags   Textfield  Textarea    Thumbnail   Toast   Tooltip   Top Nav   Tray   Underlay    Tools  Base   Bundle   Grid   Opacity Checkerboard   Reactive Controllers  Element Resolution   Match Media   Roving Tab Index    Shared   Styles   Theme    Contributing  Developing a Component   Configuring your project   Generating a new component   Spectrum Config    Migration Guides  2021/11/8   2023/8/18    Using swc-react   Storybook   Spectrum   Spectrum CSS     
\ No newline at end of file
+

From here, peek into the package.json file and ensure the "devDependency" of @spectrum-css/spectrumpattern (replacing "spectrumpattern" with the pattern you're implementing, such as "badge" or "tooltip") listed there is of the most current version.

Outside of your new package, you will need to manually add information about your new package to both the tsconfig-all.json file and the bundle package:

Open tsconfig-all.json, find "references", and add an entry for your package ({ "path": "packages/spectrum-pattern" }) alphabetically (replacing "spectrum-pattern" with the pattern you're implementing, such as "action-button" or "progress-bar"). The tsconfig-all.json config is used to build types for the project in parallel with the JS build that is handled outside of tsc. This will ensure that the types for your new package are available throughout the library, include at demonstration and test time.

Include a listing for your package in bundle/elements.ts and bundle/src/index.js. Then, confirm that your new package is already listed in tools/bundle/package.json. The bundle package makes it possible to build demo projects with all of the components from the library registered in a single place, and is also leveraged for ease of component consumption in the documentation site build.

  • In bundle/elements.ts, please add any, and all (if your package registers more than one element), element registration files to the imports there in, e.g. import '@spectrum-web-components/spectrum-pattern/sp-spectrum-pattern.js';.
  • In bundle/src/index.js, please add an export for your new packages default entry, e.g. export * from '@spectrum-web-components/spectrum-pattern';, so that any classes exported from your package can be imported from this location.

Finally, run yarn in your terminal. This will grab any newly-added packages, as well as to ensure that you have the provided CSS processed for use in your component. You can now see your component in the Storybook, using the command yarn storybook, or test its functionality via yarn test.

The next place to look is in node_modules/@spectrum-css/spectrumpattern/metadata/spectrumpattern.yml. Here, you will find complete Spectrum CSS’s HTML representation of the many states, variants, and capabilities offered by the pattern that you are working with. The content of this file is also found on the Spectrum CSS documentation site under the name of the pattern you’re leveraging. Following this as a guide while you implement this component ensures that you will fulfill the expected features of this pattern.

Now that you have this scaffold as a base, check out these instructions on working with web components in general, and the annotated spectrum-config.js file, which outlines how to translate the Spectrum CSS source into shadow DOM-optimized CSS. You are well on your way to adding a new component package to the project.

If you run into any issues with the instructions above, or the ones linked across this documentation site, please feel free to raise questions or issues on GitHub. You can do this either by creating a brand new issue when it specifically relates to the process of generating a component, or by leaving a comment on an already-created issue for a specific pattern when it concerns bringing that component to life.

Thanks for stopping by. We look forward to your contribution!

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/guides/spectrum-config/index.html b/guides/spectrum-config/index.html index ccedf214d9..f8ecc135cc 100644 --- a/guides/spectrum-config/index.html +++ b/guides/spectrum-config/index.html @@ -1 +1,212 @@ - Spectrum Config: Spectrum Web Components

Specification for spectrum-config.js files

The "Spectrum config" for a package outlines how source CSS provided by Spectrum CSS is converted to support the specifics of the Spectrum Web Component context. Specifically, this configuration allows for certain selectors to be converted to :host() or ::slotted() values as needed in a custom element with shadow DOM, but more generally the process can be used to simplify class names, converted class names and pseudo-classes into other values, and mangle more complex selectors in ways only possible when working with style encapsulation. This process leverages Lightning CSS and will find one or more Selector Components and replace them with the provided Selector Component(s). Some system wide helpers are provided via builder (to more easily construct individual Selector Components, sans boilerplate) and converterFor (to leverage the idea that most packages are focused on a single selector scope). Local to any specific package, additional helpers for building out these JSON objects can be found or built as needed.

The following is an annotated example that serves to document the format of the spectrum-config.js file. A higher-level explanation may be found here.

Annotated Sample #

// @ts-check
import {
    builder,
    converterFor,
} from '../../../tasks/process-spectrum-utils.js';

// Prepopulate a converter with the base class name of the package in question.
const converter = converterFor('spectrum-Button');

/**
 * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
 */
const config = {
    conversions: [
        {
            // The Spectrum CSS package from which to source the styles for conversion
            inPackage: '@spectrum-css/button',
            // The directory to place the new styles into.
            // String values assume a directory _within_ the `packages` directory, but an array
            // (e.g. ['tools', 'styles']) can be provided for packages in alternate repo locations
            outPackage: 'button',
            // The postfix of the built CSS files, e.g. `spectrum-${fileName}.css`
            fileName: 'button',
            // Any Selector Components that should cause a Selector to be excluded from the output CSS.
            excludeByComponents: [builder.element('a')],
            // Selector Component conversions to be made.
            components: [
                /**
                 *  Replaces the class name provided to `converterFor` with
                 *  the `:host` Selector Component.
                 *  {
                 *      find: {
                 *          type: 'class',
                 *          name: 'spectrum-Button',
                 *      },
                 *      replace: {
                 *          type: 'pseudo-class',
                 *          kind: 'host',
                 *      }
                 *  }
                 */
                converter.classToHost(),
                /**
                 *  Replaces the class name with an attribute as provided in
                 *  the second argument or derived from the base class name
                 *  saved within the converter.
                 *  {
                 *      find: {
                 *          type: 'class',
                 *          name: 'spectrum-Button--quiet',
                 *      },
                 *      replace: {
                 *          type: 'attribute',
                 *          name: 'quiet',
                 *      }
                 *  }
                 */
                converter.classToAttribute('spectrum-Button--quiet'),
                /**
                 *  {
                 *      find: {
                 *          type: 'class',
                 *          name: 'is-focused',
                 *      },
                 *      replace: {
                 *          type: 'attribute',
                 *          name: 'focused',
                 *      }
                 *  }
                 */
                converter.classToAttribute('is-focused', 'focused'),
                /**
                 *  Replaces a pseudo-class Selector Component with an attribute.
                 *  {
                 *      find: {
                 *          type: 'pseudo-class',
                 *          kind: 'disabled',
                 *      },
                 *      replace: {
                 *          type: 'attribute',
                 *          name: 'disabled',
                 *      }
                 *  }
                 */
                converter.pseudoToAttribute('disabled', 'disabled'),
                /**
                 *  Enumerates a list of related class names to attributes
                 *  {
                 *      find: {
                 *          type: 'classs',
                 *          name: 'spectrum-Button--sizeS',
                 *      },
                 *      replace: {
                 *          type: 'attribute',
                 *          name: 'size',
                 *          operation: {
                 *              operator: 'equals',
                 *              value: 's',
                 *          }
                 *      }
                 *  },
                 *  ...
                 *  {
                 *      find: {
                 *          type: 'classs',
                 *          name: 'spectrum-Button--sizeXL',
                 *      },
                 *      replace: {
                 *          type: 'attribute',
                 *          name: 'size',
                 *          operation: {
                 *              operator: 'equals',
                 *              value: 'xl',
                 *          }
                 *      }
                 *  },
                 */
                ...converter.enumerateAttributes(
                    [
                        ['spectrum-Button--sizeS', 's'],
                        ['spectrum-Button--sizeM', 'm'],
                        ['spectrum-Button--sizeL', 'l'],
                        ['spectrum-Button--sizeXL', 'xl'],
                    ],
                    'size'
                ),
                /**
                 *  Replaces a class Selector Component with an id.
                 *  {
                 *      find: {
                 *          type: 'class',
                 *          name: 'spectrum-Button-label',
                 *      },
                 *      replace: {
                 *          type: 'id',
                 *          name: 'label',
                 *      }
                 *  }
                 */
                converter.classToId('spectrum-Button-label'),
                /**
                 *  Replaces a class Selector Component with a `::slotted()` psudo-class.
                 *  {
                 *      find: {
                 *          type: 'class',
                 *          name: 'spectrum-Icon',
                 *      },
                 *      replace: {
                 *          type: 'pseudo-class',
                 *          name: 'slotted',
                 *          selector: [
                 *              {
                 *                  type: 'attribute',
                 *                  name: 'slot',
                 *                  operation: {
                 *                      operator: 'equal',
                 *                      value: 'icon',
                 *                  }
                 *              }
                 *          ],
                 *      }
                 *  }
                 */
                converter.classToSlotted('spectrum-Icon', 'icon'),
                /**
                 * When `find` and `replace` are provided arrays of Selector Components
                 * the values will be converted when the components are found in the provided
                 * order, e.g.:
                 *
                 *      [dir="ltr"] .spectrum-Icon + .spectrum-Button-label => :host([dir="ltr"]) [name="icon"] + #label
                 *
                 * When `exactSelector` is true, the conversion will only happen when there are
                 * no other components in the selector.
                 *
                 *      ✔️ .spectrum-Icon + .spectrum-Button-label => [name="icon"] + #label
                 *      ❌ [dir="ltr"] .spectrum-Icon + .spectrum-Button-label => :host([dir="ltr"]) .spectrum-Item + .spectrum-Button-label
                 *
                 * The arrays in `find` and `replace` do not need to be symetrical. When they
                 * are not, you can collapse or expand the difference with the `collapseSelector`
                 * and `expandSelector` booleans. Otherwise, when the `replace` array is longer, replacement
                 * will eat into any remaining Selector Components, and when the `replace` is shorter, matches
                 * Selector Components may remain in the larger Selector.
                 */
                {
                    find: [
                        builder.class('spectrum-Icon'),
                        builder.combinator('+'),
                        builder.class('spectrum-Button-label'),
                    ],
                    replace: [
                        {
                            replace: builder.attribute('name', 'icon', 'equal'),
                            hoist: false,
                        },
                        builder.combinator('+'),
                        builder.id('label'),
                    ],
                },
                /**
                 * By default attribute Selector Components are hoisted into the `:host()`
                 * selector. This can be avoided or made true of other components with the
                 * `hoist` boolean.
                 */
                {
                    hoist: false,
                    find: builder.pseudoClass('empty'),
                    replace: builder.attribute('hidden'),
                },
            ],
        },
    ],
};
Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Spectrum Config: Spectrum Web Components

Specification for spectrum-config.js files

The "Spectrum config" for a package outlines how source CSS provided by Spectrum CSS is converted to support the specifics of the Spectrum Web Component context. Specifically, this configuration allows for certain selectors to be converted to :host() or ::slotted() values as needed in a custom element with shadow DOM, but more generally the process can be used to simplify class names, converted class names and pseudo-classes into other values, and mangle more complex selectors in ways only possible when working with style encapsulation. This process leverages Lightning CSS and will find one or more Selector Components and replace them with the provided Selector Component(s). Some system wide helpers are provided via builder (to more easily construct individual Selector Components, sans boilerplate) and converterFor (to leverage the idea that most packages are focused on a single selector scope). Local to any specific package, additional helpers for building out these JSON objects can be found or built as needed.

The following is an annotated example that serves to document the format of the spectrum-config.js file. A higher-level explanation may be found here.

Annotated Sample #

// @ts-check
+import {
+    builder,
+    converterFor,
+} from '../../../tasks/process-spectrum-utils.js';
+
+// Prepopulate a converter with the base class name of the package in question.
+const converter = converterFor('spectrum-Button');
+
+/**
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
+ */
+const config = {
+    conversions: [
+        {
+            // The Spectrum CSS package from which to source the styles for conversion
+            inPackage: '@spectrum-css/button',
+            // The directory to place the new styles into.
+            // String values assume a directory _within_ the `packages` directory, but an array
+            // (e.g. ['tools', 'styles']) can be provided for packages in alternate repo locations
+            outPackage: 'button',
+            // The postfix of the built CSS files, e.g. `spectrum-${fileName}.css`
+            fileName: 'button',
+            // Any Selector Components that should cause a Selector to be excluded from the output CSS.
+            excludeByComponents: [builder.element('a')],
+            // Selector Component conversions to be made.
+            components: [
+                /**
+                 *  Replaces the class name provided to `converterFor` with
+                 *  the `:host` Selector Component.
+                 *  {
+                 *      find: {
+                 *          type: 'class',
+                 *          name: 'spectrum-Button',
+                 *      },
+                 *      replace: {
+                 *          type: 'pseudo-class',
+                 *          kind: 'host',
+                 *      }
+                 *  }
+                 */
+                converter.classToHost(),
+                /**
+                 *  Replaces the class name with an attribute as provided in
+                 *  the second argument or derived from the base class name
+                 *  saved within the converter.
+                 *  {
+                 *      find: {
+                 *          type: 'class',
+                 *          name: 'spectrum-Button--quiet',
+                 *      },
+                 *      replace: {
+                 *          type: 'attribute',
+                 *          name: 'quiet',
+                 *      }
+                 *  }
+                 */
+                converter.classToAttribute('spectrum-Button--quiet'),
+                /**
+                 *  {
+                 *      find: {
+                 *          type: 'class',
+                 *          name: 'is-focused',
+                 *      },
+                 *      replace: {
+                 *          type: 'attribute',
+                 *          name: 'focused',
+                 *      }
+                 *  }
+                 */
+                converter.classToAttribute('is-focused', 'focused'),
+                /**
+                 *  Replaces a pseudo-class Selector Component with an attribute.
+                 *  {
+                 *      find: {
+                 *          type: 'pseudo-class',
+                 *          kind: 'disabled',
+                 *      },
+                 *      replace: {
+                 *          type: 'attribute',
+                 *          name: 'disabled',
+                 *      }
+                 *  }
+                 */
+                converter.pseudoToAttribute('disabled', 'disabled'),
+                /**
+                 *  Enumerates a list of related class names to attributes
+                 *  {
+                 *      find: {
+                 *          type: 'classs',
+                 *          name: 'spectrum-Button--sizeS',
+                 *      },
+                 *      replace: {
+                 *          type: 'attribute',
+                 *          name: 'size',
+                 *          operation: {
+                 *              operator: 'equals',
+                 *              value: 's',
+                 *          }
+                 *      }
+                 *  },
+                 *  ...
+                 *  {
+                 *      find: {
+                 *          type: 'classs',
+                 *          name: 'spectrum-Button--sizeXL',
+                 *      },
+                 *      replace: {
+                 *          type: 'attribute',
+                 *          name: 'size',
+                 *          operation: {
+                 *              operator: 'equals',
+                 *              value: 'xl',
+                 *          }
+                 *      }
+                 *  },
+                 */
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-Button--sizeS', 's'],
+                        ['spectrum-Button--sizeM', 'm'],
+                        ['spectrum-Button--sizeL', 'l'],
+                        ['spectrum-Button--sizeXL', 'xl'],
+                    ],
+                    'size'
+                ),
+                /**
+                 *  Replaces a class Selector Component with an id.
+                 *  {
+                 *      find: {
+                 *          type: 'class',
+                 *          name: 'spectrum-Button-label',
+                 *      },
+                 *      replace: {
+                 *          type: 'id',
+                 *          name: 'label',
+                 *      }
+                 *  }
+                 */
+                converter.classToId('spectrum-Button-label'),
+                /**
+                 *  Replaces a class Selector Component with a `::slotted()` psudo-class.
+                 *  {
+                 *      find: {
+                 *          type: 'class',
+                 *          name: 'spectrum-Icon',
+                 *      },
+                 *      replace: {
+                 *          type: 'pseudo-class',
+                 *          name: 'slotted',
+                 *          selector: [
+                 *              {
+                 *                  type: 'attribute',
+                 *                  name: 'slot',
+                 *                  operation: {
+                 *                      operator: 'equal',
+                 *                      value: 'icon',
+                 *                  }
+                 *              }
+                 *          ],
+                 *      }
+                 *  }
+                 */
+                converter.classToSlotted('spectrum-Icon', 'icon'),
+                /**
+                 * When `find` and `replace` are provided arrays of Selector Components
+                 * the values will be converted when the components are found in the provided
+                 * order, e.g.:
+                 *
+                 *      [dir="ltr"] .spectrum-Icon + .spectrum-Button-label => :host([dir="ltr"]) [name="icon"] + #label
+                 *
+                 * When `exactSelector` is true, the conversion will only happen when there are
+                 * no other components in the selector.
+                 *
+                 *      ✔️ .spectrum-Icon + .spectrum-Button-label => [name="icon"] + #label
+                 *      ❌ [dir="ltr"] .spectrum-Icon + .spectrum-Button-label => :host([dir="ltr"]) .spectrum-Item + .spectrum-Button-label
+                 *
+                 * The arrays in `find` and `replace` do not need to be symetrical. When they
+                 * are not, you can collapse or expand the difference with the `collapseSelector`
+                 * and `expandSelector` booleans. Otherwise, when the `replace` array is longer, replacement
+                 * will eat into any remaining Selector Components, and when the `replace` is shorter, matches
+                 * Selector Components may remain in the larger Selector.
+                 */
+                {
+                    find: [
+                        builder.class('spectrum-Icon'),
+                        builder.combinator('+'),
+                        builder.class('spectrum-Button-label'),
+                    ],
+                    replace: [
+                        {
+                            replace: builder.attribute('name', 'icon', 'equal'),
+                            hoist: false,
+                        },
+                        builder.combinator('+'),
+                        builder.id('label'),
+                    ],
+                },
+                /**
+                 * By default attribute Selector Components are hoisted into the `:host()`
+                 * selector. This can be avoided or made true of other components with the
+                 * `hoist` boolean.
+                 */
+                {
+                    hoist: false,
+                    find: builder.pseudoClass('empty'),
+                    replace: builder.attribute('hidden'),
+                },
+            ],
+        },
+    ],
+};
Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/index.html b/index.html index 92754b8a9d..0627d1b4c8 100644 --- a/index.html +++ b/index.html @@ -1 +1,3 @@ - Spectrum Web Components

Spectrum Web Components

The Spectrum Web Components project is an implementation of Spectrum, Adobe’s design system. It's designed to work with any web framework — or even without one.

View on GitHub

Accessible by default #

Developed with existing and emerging browser specifications in mind, our components deliver a high quality experience whether using a screen reader, keyboard navigation, and/or customized contrast.

Light weight #

Spectrum Web Components are implemented using the LitElement base class. LitElement is designed for creating web components with a minimum amount of overhead.

Standards based #

Web Components are a set of technologies that work together, letting you create custom elements that work just like the standard HTML elements built into your browser.

Framework agnostic #

You can use web components with any framework, since they’re supported and encapsulated at the browser level.

Sample element usage #

<sp-button variant="accent" href="components/button">
    Use Spectrum Web Component buttons
</sp-button>
Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Spectrum Web Components

Spectrum Web Components

The Spectrum Web Components project is an implementation of Spectrum, Adobe’s design system. It's designed to work with any web framework — or even without one.

View on GitHub

Accessible by default #

Developed with existing and emerging browser specifications in mind, our components deliver a high quality experience whether using a screen reader, keyboard navigation, and/or customized contrast.

Light weight #

Spectrum Web Components are implemented using the LitElement base class. LitElement is designed for creating web components with a minimum amount of overhead.

Standards based #

Web Components are a set of technologies that work together, letting you create custom elements that work just like the standard HTML elements built into your browser.

Framework agnostic #

You can use web components with any framework, since they’re supported and encapsulated at the browser level.

Sample element usage #

<sp-button variant="accent" href="components/button">
+    Use Spectrum Web Component buttons
+</sp-button>
Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/migrations/2021-8-11/index.html b/migrations/2021-8-11/index.html index bcbb179d90..0eccfea979 100644 --- a/migrations/2021-8-11/index.html +++ b/migrations/2021-8-11/index.html @@ -1 +1,51 @@ - Migration Guide: Spectrum Web Components

Migration: 2021/11/8 #

As of Nov 8, 2021, Spectrum Web Components will upgrade to Lit 2.0 and will cease depending on separate lit-element and lit-html modules internally. This will only require action from you if:

  1. You embed icons as template literals (<sp-icon>${RedoIcon()}</sp-icon>) in a project that uses lit-html@1.x or lit-element@2.x.
  2. You wish to combine Spectrum component versions from pre-Lit 2.0 with those from post-Lit 2.0.

Otherwise, you can safely upgrade to the latest versions of Spectrum Web Components, shrinking your bundle size and improving your project's performance.

If you embed icons as template literals, please reference the icon migration guide below while upgrading.

Combining components based on Lit 2.0 with older versions of components may increase your bundle size, since both versions of the underlying LitElement libraries will be required, while the practice of elements registering sub-elements increasing the possibility of JS errors from attempting to register the same tab name more than once. Because of this, we recommend simultaneously upgrading all components in your project to at least the versions listed here:

Package Versions
Package Version
@spectrum-web-components/accordion 0.6.0
@spectrum-web-components/action-bar 0.4.0
@spectrum-web-components/action-button 0.7.0
@spectrum-web-components/action-group 0.6.0
@spectrum-web-components/action-menu 0.13.0
@spectrum-web-components/asset 0.6.0
@spectrum-web-components/avatar 0.9.0
@spectrum-web-components/banner 0.7.0
@spectrum-web-components/base 0.5.0
@spectrum-web-components/bundle 0.23.0
@spectrum-web-components/button-group 0.8.0
@spectrum-web-components/button 0.16.0
@spectrum-web-components/card 0.10.0
@spectrum-web-components/checkbox 0.12.0
@spectrum-web-components/coachmark 0.8.0
@spectrum-web-components/color-area 0.4.0
@spectrum-web-components/color-handle 0.3.0
@spectrum-web-components/color-loupe 0.3.0
@spectrum-web-components/color-slider 0.3.0
@spectrum-web-components/color-wheel 0.3.0
@spectrum-web-components/dialog 0.8.0
@spectrum-web-components/divider 0.4.0
@spectrum-web-components/dropzone 0.9.0
@spectrum-web-components/field-group 0.5.0
@spectrum-web-components/field-label 0.7.0
@spectrum-web-components/icon 0.11.0
@spectrum-web-components/icons-ui 0.8.0
@spectrum-web-components/icons-workflow 0.8.0
@spectrum-web-components/icons 0.8.0
@spectrum-web-components/iconset 0.6.0
@spectrum-web-components/illustrated-message 0.8.0
@spectrum-web-components/link 0.11.0
@spectrum-web-components/menu 0.11.0
@spectrum-web-components/meter 0.6.0
@spectrum-web-components/modal 0.5.0
@spectrum-web-components/number-field 0.3.0
@spectrum-web-components/overlay 0.13.0
@spectrum-web-components/picker 0.9.0
@spectrum-web-components/popover 0.11.0
@spectrum-web-components/progress-bar 0.5.0
@spectrum-web-components/progress-circle 0.4.0
@spectrum-web-components/quick-actions 0.6.0
@spectrum-web-components/radio 0.9.0
@spectrum-web-components/search 0.10.0
@spectrum-web-components/shared 0.13.0
@spectrum-web-components/sidenav 0.12.0
@spectrum-web-components/slider 0.12.0
@spectrum-web-components/split-button 0.7.0
@spectrum-web-components/split-view 0.4.0
@spectrum-web-components/status-light 0.10.0
@spectrum-web-components/styles 0.11.0
@spectrum-web-components/switch 0.9.0
@spectrum-web-components/tabs 0.8.0
@spectrum-web-components/tags 0.8.0
@spectrum-web-components/textfield 0.10.0
@spectrum-web-components/theme 0.9.0
@spectrum-web-components/thumbnail 0.4.0
@spectrum-web-components/toast 0.10.0
@spectrum-web-components/tooltip 0.10.0
@spectrum-web-components/top-nav 0.5.0
@spectrum-web-components/tray 0.2.0
@spectrum-web-components/underlay 0.8.0
@spectrum-web-components/story-decorator 0.4.0
@spectrum-web-components/vrt-compare 0.1.0

Using lit@2.0 inside of lit-html and/or LitElement #

If you use lit-html@1.x or lit-element@2.x, embed icons as template literals, and plan to use the latest Spectrum Web Components without updating your project to Lit 2.0, you'll need to adjust icon usage to avoid templating errors.

Here's an example illustrating that combination of factors:

import { LitElement } from 'lit-element';
import { html } from 'lit-html';
import '@spectrum-web-components/icon/sp-icon.js';
import { RedoIcon } from '@spectrum-web-components/icons-workflow';

export class ElementWithicon extends LitElement {
    render() {
        return html`
            // ...
            <sp-icon>${RedoIcon()}</sp-icon>
            // ...
        `;
    }
}

Here, RedoIcon() returns a value built with the html dependency of @spectrum-web-components/icons-workflow. After this update, that value will no longer be compatible with the html tag in the render() function here, which is still built with the lit-html module.

There are two ways to correct this. We recommend replacing template-literal icons with icon elements, resulting in better performance and decoupled dependencies:

import { LitElement } from 'lit-element';
import { html } from 'lit-html';
import '@spectrum-web-components/icons-workflow/icons/sp-icon-redo.js';

export class ElementWithicon extends LitElement {
    render() {
        return html`
            // ...
            <sp-icon-redo></sp-icon-redo>
            // ...
        `;
    }
}

Alternatively, provide your local value for html to the icon templates via setCustomTemplateLiteralTag:

import { html } from 'lit-html';
import {
    RedoIcon,
    setCustomTemplateLiteralTag,
} from '@spectrum-web-components/icons-workflow';

setCustomTemplateLiteralTag(html);

Javascript re-exports #

Previously, @spectrum-web-components/base re-exported a number of things from the lit-element and lit-html packages like so:

// @spectrum-web-components/base
export * from 'lit-element';
export { nothing } from 'lit-html';
export { ifDefined } from 'lit-html/directives/if-defined.js';
export { repeat } from 'lit-html/directives/repeat.js';
export { classMap } from 'lit-html/directives/class-map.js';
export { styleMap } from 'lit-html/directives/style-map.js';
export { until } from 'lit-html/directives/until.js';
export { live } from 'lit-html/directives/live.js';

With the move the lit greater care is being taken to ensure that importing JS from this package delivers only what you might need in your application, so we have updated the entrypoints on this package to the following: @spectrum-web-components/base, @spectrum-web-components/base/decorators.js, @spectrum-web-components/base/html.js, and @spectrum-web-components/base/directives.js. These files will re-export lit values as follows:

// @spectrum-web-components/base
export * from 'lit';
 
// @spectrum-web-components/base/decorators.js
export * from 'lit/decorators.js';
 
// @spectrum-web-components/base/html.js
export { nothing, render } from 'lit/html.js';
 
// @spectrum-web-components/base/directives.js
export { ifDefined } from 'lit/directives/if-defined.js';
export { repeat } from 'lit/directives/repeat.js';
export { classMap } from 'lit/directives/class-map.js';
export type { ClassInfo } from 'lit/directives/class-map.js';
export { styleMap } from 'lit/directives/style-map.js';
export type { StyleInfo } from 'lit/directives/style-map.js';
export { until } from 'lit/directives/until.js';
export { live } from 'lit/directives/live.js';

Additional lit exports can be acquired directly from the lit package.

With Lit 2.0 bringing same-document library-version flexibility, re-exporting from shared base libraries is less critical. We may eventually recommend direct imports from lit as the preferred path towards acquiring these values.

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Migration Guide: Spectrum Web Components

Migration: 2021/11/8 #

As of Nov 8, 2021, Spectrum Web Components will upgrade to Lit 2.0 and will cease depending on separate lit-element and lit-html modules internally. This will only require action from you if:

  1. You embed icons as template literals (<sp-icon>${RedoIcon()}</sp-icon>) in a project that uses lit-html@1.x or lit-element@2.x.
  2. You wish to combine Spectrum component versions from pre-Lit 2.0 with those from post-Lit 2.0.

Otherwise, you can safely upgrade to the latest versions of Spectrum Web Components, shrinking your bundle size and improving your project's performance.

If you embed icons as template literals, please reference the icon migration guide below while upgrading.

Combining components based on Lit 2.0 with older versions of components may increase your bundle size, since both versions of the underlying LitElement libraries will be required, while the practice of elements registering sub-elements increasing the possibility of JS errors from attempting to register the same tab name more than once. Because of this, we recommend simultaneously upgrading all components in your project to at least the versions listed here:

Package Versions
Package Version
@spectrum-web-components/accordion 0.6.0
@spectrum-web-components/action-bar 0.4.0
@spectrum-web-components/action-button 0.7.0
@spectrum-web-components/action-group 0.6.0
@spectrum-web-components/action-menu 0.13.0
@spectrum-web-components/asset 0.6.0
@spectrum-web-components/avatar 0.9.0
@spectrum-web-components/banner 0.7.0
@spectrum-web-components/base 0.5.0
@spectrum-web-components/bundle 0.23.0
@spectrum-web-components/button-group 0.8.0
@spectrum-web-components/button 0.16.0
@spectrum-web-components/card 0.10.0
@spectrum-web-components/checkbox 0.12.0
@spectrum-web-components/coachmark 0.8.0
@spectrum-web-components/color-area 0.4.0
@spectrum-web-components/color-handle 0.3.0
@spectrum-web-components/color-loupe 0.3.0
@spectrum-web-components/color-slider 0.3.0
@spectrum-web-components/color-wheel 0.3.0
@spectrum-web-components/dialog 0.8.0
@spectrum-web-components/divider 0.4.0
@spectrum-web-components/dropzone 0.9.0
@spectrum-web-components/field-group 0.5.0
@spectrum-web-components/field-label 0.7.0
@spectrum-web-components/icon 0.11.0
@spectrum-web-components/icons-ui 0.8.0
@spectrum-web-components/icons-workflow 0.8.0
@spectrum-web-components/icons 0.8.0
@spectrum-web-components/iconset 0.6.0
@spectrum-web-components/illustrated-message 0.8.0
@spectrum-web-components/link 0.11.0
@spectrum-web-components/menu 0.11.0
@spectrum-web-components/meter 0.6.0
@spectrum-web-components/modal 0.5.0
@spectrum-web-components/number-field 0.3.0
@spectrum-web-components/overlay 0.13.0
@spectrum-web-components/picker 0.9.0
@spectrum-web-components/popover 0.11.0
@spectrum-web-components/progress-bar 0.5.0
@spectrum-web-components/progress-circle 0.4.0
@spectrum-web-components/quick-actions 0.6.0
@spectrum-web-components/radio 0.9.0
@spectrum-web-components/search 0.10.0
@spectrum-web-components/shared 0.13.0
@spectrum-web-components/sidenav 0.12.0
@spectrum-web-components/slider 0.12.0
@spectrum-web-components/split-button 0.7.0
@spectrum-web-components/split-view 0.4.0
@spectrum-web-components/status-light 0.10.0
@spectrum-web-components/styles 0.11.0
@spectrum-web-components/switch 0.9.0
@spectrum-web-components/tabs 0.8.0
@spectrum-web-components/tags 0.8.0
@spectrum-web-components/textfield 0.10.0
@spectrum-web-components/theme 0.9.0
@spectrum-web-components/thumbnail 0.4.0
@spectrum-web-components/toast 0.10.0
@spectrum-web-components/tooltip 0.10.0
@spectrum-web-components/top-nav 0.5.0
@spectrum-web-components/tray 0.2.0
@spectrum-web-components/underlay 0.8.0
@spectrum-web-components/story-decorator 0.4.0
@spectrum-web-components/vrt-compare 0.1.0

Using lit@2.0 inside of lit-html and/or LitElement #

If you use lit-html@1.x or lit-element@2.x, embed icons as template literals, and plan to use the latest Spectrum Web Components without updating your project to Lit 2.0, you'll need to adjust icon usage to avoid templating errors.

Here's an example illustrating that combination of factors:

import { LitElement } from 'lit-element';
+import { html } from 'lit-html';
+import '@spectrum-web-components/icon/sp-icon.js';
+import { RedoIcon } from '@spectrum-web-components/icons-workflow';
+
+export class ElementWithicon extends LitElement {
+    render() {
+        return html`
+            // ...
+            <sp-icon>${RedoIcon()}</sp-icon>
+            // ...
+        `;
+    }
+}

Here, RedoIcon() returns a value built with the html dependency of @spectrum-web-components/icons-workflow. After this update, that value will no longer be compatible with the html tag in the render() function here, which is still built with the lit-html module.

There are two ways to correct this. We recommend replacing template-literal icons with icon elements, resulting in better performance and decoupled dependencies:

import { LitElement } from 'lit-element';
+import { html } from 'lit-html';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-redo.js';
+
+export class ElementWithicon extends LitElement {
+    render() {
+        return html`
+            // ...
+            <sp-icon-redo></sp-icon-redo>
+            // ...
+        `;
+    }
+}

Alternatively, provide your local value for html to the icon templates via setCustomTemplateLiteralTag:

import { html } from 'lit-html';
+import {
+    RedoIcon,
+    setCustomTemplateLiteralTag,
+} from '@spectrum-web-components/icons-workflow';
+
+setCustomTemplateLiteralTag(html);

Javascript re-exports #

Previously, @spectrum-web-components/base re-exported a number of things from the lit-element and lit-html packages like so:

// @spectrum-web-components/base
+export * from 'lit-element';
+export { nothing } from 'lit-html';
+export { ifDefined } from 'lit-html/directives/if-defined.js';
+export { repeat } from 'lit-html/directives/repeat.js';
+export { classMap } from 'lit-html/directives/class-map.js';
+export { styleMap } from 'lit-html/directives/style-map.js';
+export { until } from 'lit-html/directives/until.js';
+export { live } from 'lit-html/directives/live.js';

With the move the lit greater care is being taken to ensure that importing JS from this package delivers only what you might need in your application, so we have updated the entrypoints on this package to the following: @spectrum-web-components/base, @spectrum-web-components/base/decorators.js, @spectrum-web-components/base/html.js, and @spectrum-web-components/base/directives.js. These files will re-export lit values as follows:

// @spectrum-web-components/base
+export * from 'lit';
 
// @spectrum-web-components/base/decorators.js
+export * from 'lit/decorators.js';
 
// @spectrum-web-components/base/html.js
+export { nothing, render } from 'lit/html.js';
 
// @spectrum-web-components/base/directives.js
+export { ifDefined } from 'lit/directives/if-defined.js';
+export { repeat } from 'lit/directives/repeat.js';
+export { classMap } from 'lit/directives/class-map.js';
+export type { ClassInfo } from 'lit/directives/class-map.js';
+export { styleMap } from 'lit/directives/style-map.js';
+export type { StyleInfo } from 'lit/directives/style-map.js';
+export { until } from 'lit/directives/until.js';
+export { live } from 'lit/directives/live.js';

Additional lit exports can be acquired directly from the lit package.

With Lit 2.0 bringing same-document library-version flexibility, re-exporting from shared base libraries is less critical. We may eventually recommend direct imports from lit as the preferred path towards acquiring these values.

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/migrations/2023-8-18/index.html b/migrations/2023-8-18/index.html index acb31be54d..a7b53e3242 100644 --- a/migrations/2023-8-18/index.html +++ b/migrations/2023-8-18/index.html @@ -1 +1,35 @@ - Migration Guide: Spectrum Web Components

Migration: 2023/8/18 #

As of the 0.37.0 release of the Spectrum Web Components library, we will be leveraging a new version of our Overlay API. We've done our best to ensure a smooth transition from one version of the API to the next, including adding extended support for the argument signature from the previous version. In this way, consumption of elements from the library (e.g. <overlay-trigger>, <sp-picker>, <sp-tooltip>, et al.) or the imperative Overlay API (e.g. Overlay.open()) should continue affording a close facsimile of the functionality that was provided by the previous version. Under the covers, many important changes have been made and there are several things you can do to prepare within your application's lifecycle.

<active-overlay> is no longer part of the API #

If you had previously done work in your application to interact directly with overlaid content from the application level by making CSS or JS reference to <active-overlay> elements, there will be changes required in your application.

  • for CSS application: this overlaid content will now continue to live at its point of origin whether it is projected onto the "top-layer" or not. That means that you can style the overlaid content directly in the parent context.
  • in JS: an equivelent to managing references to <active-overlay> elements can be achieved by globally listening for the sp-opened event and leveraging the composed target of that event event.composedPath()[0] (which will be an sp-overlay element) in a similar fashion. For more complex referencing to these elements, please join this discussion for support in refactoring said functionality to leverage these new APIs.

Remove the open attribute from content that is meant to be overlaid. #

The open attribute will be addressed directly by the Overlay API itself to manage the visual transition from the closed to open state of the overlaid content, and management of this attribute by the parent application could prevent those transitions from occurring as expected.

✅ DO exclude open attributes from slot="*-content" children of <overlay-trigger> elements

<overlay-trigger>
    <sp-button slot="trigger">Trigger</sp-button>
    <sp-popover slot="click-content" placement="bottom">
        <sp-dialog no-divider>Popover for the trigger</sp-dialog>
    </sp-popover>
    <sp-tooltip slot="hover-content" placement="right">
        Tooltip for the trigger
    </sp-tooltip>
    <!-- etc. -->
</overlay-trigger>

Remove usage of placement="none" in both declarative and imperative API usages #

placement="none" or placement: 'none' was previously leveraged to outline an overlay that would take the full size of the viewport. This responsibility is now fulfilled by assigning this value as undefined, or, better yet, by not including it at all.

✅ DO omit placement when not specifically relating the overlaid content to its target with the imperative API

this.closeHoverOverlay = Overlay.open(
    triggerReference,
    'modal',
    contentReference,
    {
        delayed: false,
        offset: 0,
        receivesFocus: 'auto',
    }
);

Ensure that your consumption of sp-opened and sp-closed events are typed #

Some of the internal properties of these events are changing, see interaction: 'auto' | 'hint' | 'manual' | 'modal' | 'page'. Ensuring you are consuming these types will allow Typescript to support your upgrade from one version of the API to the next.

✅ DO use the OverlayOpenCloseDetail type when listening for these Custom Events

html`
    <element-containing-an-overlay
        @sp-closed=${(event: OverlayOpenCloseDetail) => {
            if (event.detail.interaction === 'auto') {
                // Do something when the event was dispatched for an overlay with type "auto".
            }
        }}
        @sp-opened=${(event: OverlayOpenCloseDetail) => {
            if (event.detail.interaction === 'modal') {
                // Do something when the event was dispatched for an overlay with type "modal".
            }
        }}
    ></element-containing-an-overlay>
`;

Prepare for descendant overlays to exist in the same DOM tree #

Previously, the reparenting of overlay content prevented sp-opened and sp-closed events from propagating through the overlay's ancestor DOM tree. Going forward these events will propagate in a more native manner meaning that an ancestor will have the opportunity to hear and respond to ALL sp-opened and sp-closed events for all of its descendant overlays.

✅ DO be sure to gate your listeners if your experience stacks multiple overlays (see submenus) within each other.

function handleSpOpened(event: OverlayOpenCloseDetail) {
    // Return if the `sp-opened` event was not dispatched from the element to which this listener is attached.
    if (event.target !== event.currentTarget) return;
}

Consider leveraging the API declaratively #

The new Overlay API will continue to surface the Overlay.open() method to more readily support migration from previous verions. However, imperatively interacting with the API in the way will continue to require that the content you wish to overlay be reparented, which can have unexpected side effects. If you begin leveraging the V2 signature of the API, you content will be reparented into an <sp-overlay> element, and, rather than immediately placing the element into the page, it will be returned so that you can decide where you would like to append this content to your application. While continuing to leverage the V1 signature, not only will you content be reparented into an <sp-overlay> element, but that element will be inserted immediately after the trigger element that you have provided in support of applying your overlaid content to the tab order of your content in a predictable manner.

Either of these processes can have negative effects on the application of CSS, the way that events will propagate through your application, and the values returned from DOM selections APIs (like querySelector(...)). Leverage an <sp-overlay> directly in your application for full control over where the overlaid content will live in the DOM. Choosing a static location in your DOM for the <sp-overlay> element controlling your overlay will not only does this normalize interactions with CSS, events, or DOM selection APIs, but also empower you to make more sustainable decisions as to tab order by which keyboard and screen reader users will interact with your content.

Explanation #

The new version of the Overlay API no longer relies on portalling (moving content to the end of the <body> element) to defeat CSS clipping and stacking. While this approach was good at overcoming those realities, the reparenting of the overlaid content required to complete this technique had complex performance costs, due to the constant reorientation of elements to a new parent, and broke encapsulation by moving the content ourside of the shadow DOM in which is was originally placed. This made it difficult to take full control of styling and delivering overlaid content. Instead, the new API will leverage <dialog> elements and their showModal() method for modal overlays, and the popover attribute along with its showPopover() method. Both of these APIs lift content onto the top layer of the browser, which provides a full guarantee against CSS clipping and stacking interrupting the content addressed to this layer. Be aware that content on this layer is managed as a strict stack, so the element added last will always be "on top", regardless of any additional CSS you may apply. A discussion around additional features that could address this reality is ongoing; please jump in with your thoughts if you have them.

While the <dialog> element is widely supported by browsers, the popover attribute is still quite new. There is strong consensus on the API and stable implementations are starting to ship today, However, there will continue to be browsers that do not support this API for some time. To support these browsers, the API will now leverage a position: fixed approach to defeat CSS clipping and stacking. This approach has less of a guarantee in overcoming these realities than what was being used previously and may require intervention on your part.

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Migration Guide: Spectrum Web Components

Migration: 2023/8/18 #

As of the 0.37.0 release of the Spectrum Web Components library, we will be leveraging a new version of our Overlay API. We've done our best to ensure a smooth transition from one version of the API to the next, including adding extended support for the argument signature from the previous version. In this way, consumption of elements from the library (e.g. <overlay-trigger>, <sp-picker>, <sp-tooltip>, et al.) or the imperative Overlay API (e.g. Overlay.open()) should continue affording a close facsimile of the functionality that was provided by the previous version. Under the covers, many important changes have been made and there are several things you can do to prepare within your application's lifecycle.

<active-overlay> is no longer part of the API #

If you had previously done work in your application to interact directly with overlaid content from the application level by making CSS or JS reference to <active-overlay> elements, there will be changes required in your application.

  • for CSS application: this overlaid content will now continue to live at its point of origin whether it is projected onto the "top-layer" or not. That means that you can style the overlaid content directly in the parent context.
  • in JS: an equivelent to managing references to <active-overlay> elements can be achieved by globally listening for the sp-opened event and leveraging the composed target of that event event.composedPath()[0] (which will be an sp-overlay element) in a similar fashion. For more complex referencing to these elements, please join this discussion for support in refactoring said functionality to leverage these new APIs.

Remove the open attribute from content that is meant to be overlaid. #

The open attribute will be addressed directly by the Overlay API itself to manage the visual transition from the closed to open state of the overlaid content, and management of this attribute by the parent application could prevent those transitions from occurring as expected.

✅ DO exclude open attributes from slot="*-content" children of <overlay-trigger> elements

<overlay-trigger>
+    <sp-button slot="trigger">Trigger</sp-button>
+    <sp-popover slot="click-content" placement="bottom">
+        <sp-dialog no-divider>Popover for the trigger</sp-dialog>
+    </sp-popover>
+    <sp-tooltip slot="hover-content" placement="right">
+        Tooltip for the trigger
+    </sp-tooltip>
+    <!-- etc. -->
+</overlay-trigger>

Remove usage of placement="none" in both declarative and imperative API usages #

placement="none" or placement: 'none' was previously leveraged to outline an overlay that would take the full size of the viewport. This responsibility is now fulfilled by assigning this value as undefined, or, better yet, by not including it at all.

✅ DO omit placement when not specifically relating the overlaid content to its target with the imperative API

this.closeHoverOverlay = Overlay.open(
+    triggerReference,
+    'modal',
+    contentReference,
+    {
+        delayed: false,
+        offset: 0,
+        receivesFocus: 'auto',
+    }
+);

Ensure that your consumption of sp-opened and sp-closed events are typed #

Some of the internal properties of these events are changing, see interaction: 'auto' | 'hint' | 'manual' | 'modal' | 'page'. Ensuring you are consuming these types will allow Typescript to support your upgrade from one version of the API to the next.

✅ DO use the OverlayOpenCloseDetail type when listening for these Custom Events

html`
+    <element-containing-an-overlay
+        @sp-closed=${(event: OverlayOpenCloseDetail) => {
+            if (event.detail.interaction === 'auto') {
+                // Do something when the event was dispatched for an overlay with type "auto".
+            }
+        }}
+        @sp-opened=${(event: OverlayOpenCloseDetail) => {
+            if (event.detail.interaction === 'modal') {
+                // Do something when the event was dispatched for an overlay with type "modal".
+            }
+        }}
+    ></element-containing-an-overlay>
+`;

Prepare for descendant overlays to exist in the same DOM tree #

Previously, the reparenting of overlay content prevented sp-opened and sp-closed events from propagating through the overlay's ancestor DOM tree. Going forward these events will propagate in a more native manner meaning that an ancestor will have the opportunity to hear and respond to ALL sp-opened and sp-closed events for all of its descendant overlays.

✅ DO be sure to gate your listeners if your experience stacks multiple overlays (see submenus) within each other.

function handleSpOpened(event: OverlayOpenCloseDetail) {
+    // Return if the `sp-opened` event was not dispatched from the element to which this listener is attached.
+    if (event.target !== event.currentTarget) return;
+}

Consider leveraging the API declaratively #

The new Overlay API will continue to surface the Overlay.open() method to more readily support migration from previous verions. However, imperatively interacting with the API in the way will continue to require that the content you wish to overlay be reparented, which can have unexpected side effects. If you begin leveraging the V2 signature of the API, you content will be reparented into an <sp-overlay> element, and, rather than immediately placing the element into the page, it will be returned so that you can decide where you would like to append this content to your application. While continuing to leverage the V1 signature, not only will you content be reparented into an <sp-overlay> element, but that element will be inserted immediately after the trigger element that you have provided in support of applying your overlaid content to the tab order of your content in a predictable manner.

Either of these processes can have negative effects on the application of CSS, the way that events will propagate through your application, and the values returned from DOM selections APIs (like querySelector(...)). Leverage an <sp-overlay> directly in your application for full control over where the overlaid content will live in the DOM. Choosing a static location in your DOM for the <sp-overlay> element controlling your overlay will not only does this normalize interactions with CSS, events, or DOM selection APIs, but also empower you to make more sustainable decisions as to tab order by which keyboard and screen reader users will interact with your content.

Explanation #

The new version of the Overlay API no longer relies on portalling (moving content to the end of the <body> element) to defeat CSS clipping and stacking. While this approach was good at overcoming those realities, the reparenting of the overlaid content required to complete this technique had complex performance costs, due to the constant reorientation of elements to a new parent, and broke encapsulation by moving the content ourside of the shadow DOM in which is was originally placed. This made it difficult to take full control of styling and delivering overlaid content. Instead, the new API will leverage <dialog> elements and their showModal() method for modal overlays, and the popover attribute along with its showPopover() method. Both of these APIs lift content onto the top layer of the browser, which provides a full guarantee against CSS clipping and stacking interrupting the content addressed to this layer. Be aware that content on this layer is managed as a strict stack, so the element added last will always be "on top", regardless of any additional CSS you may apply. A discussion around additional features that could address this reality is ongoing; please jump in with your thoughts if you have them.

While the <dialog> element is widely supported by browsers, the popover attribute is still quite new. There is strong consensus on the API and stable implementations are starting to ship today, However, there will continue to be browsers that do not support this API for some time. To support these browsers, the API will now leverage a position: fixed approach to defeat CSS clipping and stacking. This approach has less of a guarantee in overcoming these realities than what was being used previously and may require intervention on your part.

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/registry-conflicts/index.html b/registry-conflicts/index.html index ab00154377..1a7afe80f7 100644 --- a/registry-conflicts/index.html +++ b/registry-conflicts/index.html @@ -1,3 +1,3 @@ - Registry Conflicts: Spectrum Web Components

Registry conflicts

Element names are unique, so if you try to register two different implementations of the same element via window.customElements, you'll encounter an error like:

Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry':
+   Registry Conflicts: Spectrum Web Components                     
 
Registry conflicts
 
Element names are unique, so if you try to register two different implementations of the same element via window.customElements, you'll encounter an error like:
 
Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry':
 the name "foo-bar" has already been used with this registry
-
 
You might hit this error when:
 
     
  • Multiple components import the redefined component as a dependency and the project's dependency tree has not been deduped.
    •  
  • Multiple components import out-of-date versions of the redefined component, such that there is no semver-valid version to satisfy all of them.
    •  
  • A package publishes a pre-built JavaScript blob instead of import-able files, and includes web component dependency definitions in that blob instead of listing them as external.
    •  
 
Resolution #
 
First, verify that each @spectrum-web-components package in your package.json shares the same version. If @spectrum-web-components/button is on version 0.30.0, then all other SWC packages should also be on version 0.30.0.
 
Further resolutions are package-manager dependent, but the goal state is the same: a de-duped dependency tree where multiple versions of the same package are hoisted into a single version.
 
Regardless of package manager, packages that share a dependency with un-resolvable semver ranges are not compatible with one another. The solution is typically for the package maintainers to bump their dependencies to a recent version.
 
If that isn't possible, package managers provide a way to force version resolutions. However, forcing incompatible versions is likely to cause undefined or breaking behavior in your application:
 
     
  • npm overrides
    •  
  • yarn resolutions
    •  
  • pnpm overrides
    •  
 
With npm or pnpm #
 
Run (p)npm dedupe to collapse multiple definitions of the same component into a single dependency in your tree.
 
To check for duplication, run npm list @spectrum-web-components/packagenamehere. This will show the branches of the dependency tree that include the conflicting package.
 
Also, consider setting npm config set prefer-dedupe true for npm to deduplicate packages by default. With this set, npm will dedupe by default, which is convenient for web component development.
 
With yarn #
 
Yarn removed its dedupe command, since in theory it dedupes on install. However, this does not seem to always be true.
 
If you are not able to switch to a package manager that can dedupe dependency trees automatically, then you may have to dedupe manually. With yarn, that involves:
 
     
  • Running yarn list {packagename} to see which versions are installed
    •  
  • Adding a commonly-valid version to yarn's resolutions list in package.json.
    •  
  • Running yarn to reinstall with resolutions.
    •  
 
Future #
 
The Scoped custom element registries proposal is being prototyped in Chrome and discussed in standards groups like the WCCG.
 
Scoped registries would allow for multiple custom element definitions for a single tag name to coexist within a page. While that will alleviate some pain, it will not be a panacea, because:
 
     
  • Shipping multiple versions of components will increase page-load size.
    •  
  • Some components that broadly manage state, or coordinate and orchestrate other components, will still require a single de-duplicated version on the page.
    •  
 
Experimentation with scoped registry polyfills showed unacceptable performance degradation for a large component library.
 
To support this feature in coming to browsers faster, share your use case with implementors to help increase awareness and priority of this API.
 
   Getting started   Dev mode   Registry conflicts   Components  Accordion  Accordion Item    Action Bar   Action Button   Action Group   Action Menu   Alert Dialog   Asset   Avatar   Badge   Banner   Button   Button Group   Card   Checkbox   Coachmark   Color Area   Color Handle   Color Loupe   Color Slider   Color Wheel   Dialog  Dialog Base   Dialog Wrapper    Divider   Dropzone   Field Group   Field Label   Help Text  Help Text Mixin    Icon   Icons   Icons UI   Icons Workflow   Iconset   Illustrated Message   Infield Button   Link   Menu  Menu Group   Menu Item    Meter   Number Field   Overlay  Imperative Api   Overlay Trigger    Picker   Picker Button   Popover   Progress Bar   Progress Circle   Quick Actions   Radio   Search   Sidenav  Sidenav Item    Slider  Slider Handle    Split Button   Split View   Status Light   Swatch  Swatch Group    Switch   Table   Tabs  Tab Panel   Tab   Tabs Overflow    Tags   Textfield  Textarea    Thumbnail   Toast   Tooltip   Top Nav   Tray   Underlay    Tools  Base   Bundle   Grid   Opacity Checkerboard   Reactive Controllers  Element Resolution   Match Media   Roving Tab Index    Shared   Styles   Theme    Contributing  Developing a Component   Configuring your project   Generating a new component   Spectrum Config    Migration Guides  2021/11/8   2023/8/18    Using swc-react   Storybook   Spectrum   Spectrum CSS     
\ No newline at end of file
+

You might hit this error when:

  • Multiple components import the redefined component as a dependency and the project's dependency tree has not been deduped.
  • Multiple components import out-of-date versions of the redefined component, such that there is no semver-valid version to satisfy all of them.
  • A package publishes a pre-built JavaScript blob instead of import-able files, and includes web component dependency definitions in that blob instead of listing them as external.

Resolution #

First, verify that each @spectrum-web-components package in your package.json shares the same version. If @spectrum-web-components/button is on version 0.30.0, then all other SWC packages should also be on version 0.30.0.

Further resolutions are package-manager dependent, but the goal state is the same: a de-duped dependency tree where multiple versions of the same package are hoisted into a single version.

Regardless of package manager, packages that share a dependency with un-resolvable semver ranges are not compatible with one another. The solution is typically for the package maintainers to bump their dependencies to a recent version.

If that isn't possible, package managers provide a way to force version resolutions. However, forcing incompatible versions is likely to cause undefined or breaking behavior in your application:

  • npm overrides
  • yarn resolutions
  • pnpm overrides

With npm or pnpm #

Run (p)npm dedupe to collapse multiple definitions of the same component into a single dependency in your tree.

To check for duplication, run npm list @spectrum-web-components/packagenamehere. This will show the branches of the dependency tree that include the conflicting package.

Also, consider setting npm config set prefer-dedupe true for npm to deduplicate packages by default. With this set, npm will dedupe by default, which is convenient for web component development.

With yarn #

Yarn removed its dedupe command, since in theory it dedupes on install. However, this does not seem to always be true.

If you are not able to switch to a package manager that can dedupe dependency trees automatically, then you may have to dedupe manually. With yarn, that involves:

  • Running yarn list {packagename} to see which versions are installed
  • Adding a commonly-valid version to yarn's resolutions list in package.json.
  • Running yarn to reinstall with resolutions.

Future #

The Scoped custom element registries proposal is being prototyped in Chrome and discussed in standards groups like the WCCG.

Scoped registries would allow for multiple custom element definitions for a single tag name to coexist within a page. While that will alleviate some pain, it will not be a panacea, because:

  • Shipping multiple versions of components will increase page-load size.
  • Some components that broadly manage state, or coordinate and orchestrate other components, will still require a single de-duplicated version on the page.

Experimentation with scoped registry polyfills showed unacceptable performance degradation for a large component library.

To support this feature in coming to browsers faster, share your use case with implementors to help increase awareness and priority of this API.

Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/searchIndex.json b/searchIndex.json index 80ea77f052..1dbd7e6aaa 100644 --- a/searchIndex.json +++ b/searchIndex.json @@ -1 +1 @@ -{"version":"2.3.9","fields":["title","body","category"],"fieldVectors":[["title/{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}",[0,36.455]],["body/{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}",[0,5.59,1,0.01,2,0.107,3,0.216,4,0.227,5,1.461,6,2.237,7,2.98,8,5.55,9,2.958,10,3.52,11,2.06,12,0.487,13,1.461,14,1.714,15,1.774,16,2.958,17,3.52,18,1.661,19,1.127,20,1.658,21,1.555,22,2.349,23,2.147,24,1.838,25,4.009,26,2.349,27,0.663,28,1.158,29,1.774,30,0.097,31,0.065,32,0.118,33,0.008,34,4.906,35,0.118,36,4.906,37,0.118,38,0.034,39,0.118,40,0.118,41,0.425,42,0.471,43,0.471,44,0.471,45,3.52,46,0.075,47,0.21,48,0.198,49,0.222,50,0.12,51,0.186,52,0.086,53,3.52,54,0.107,55,0.14,56,0.163,57,0.198,58,0.21,59,0.222,60,0.625,61,0.981,62,1.774,63,0.787,64,1.243,65,1.912,66,1.45,67,1.807,68,0.782,69,1.228,70,1.859,71,1.918,72,1.859,73,1.912,74,1.859,75,1.859,76,1.859,77,2.082,78,2.082,79,2.082,80,4.458,81,1.066,82,1.191,83,1.555,84,0.625,85,3.632,86,4.458]],["category/{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}",[0,27.976,7,14.252]],["body/{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}",[0,6.085,1,0.01,2,0.145,3,0.199,4,0.303,7,3.212,12,0.828,18,1.606,20,2.235,27,1.127,28,1.562,29,3.016,30,0.13,31,0.088,32,0.159,33,0.009,34,5.983,35,0.159,36,5.983,37,0.159,38,0.046,39,0.159,40,0.159,41,0.573,42,0.635,43,0.635,44,0.635,45,4.745,46,0.102,47,0.283,48,0.267,49,0.299,50,0.146,51,0.251,52,0.146,53,4.745,54,0.145,55,0.189,56,0.22,57,0.267,58,0.283,59,0.299,60,0.843,61,1.323,68,0.657,87,1.97,88,1.911,89,1.911,90,2.096,91,2.777,92,4.745,93,3.987,94,4.745,95,2.728,96,2.031,97,2.771,98,3.996,99,3.167,100,3.328,101,1.36,102,3.24,103,5.404,104,2.894,105,3.328,106,5.404,107,5.404,108,2.235,109,1.606]],["category/{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}",[110,10.364,111,22.22]],["body/{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}",[1,0.01,2,0.137,3,0.191,4,0.267,12,0.884,13,1.865,20,2.116,27,1.089,30,0.123,31,0.083,32,0.151,33,0.009,35,0.151,37,0.151,38,0.044,39,0.151,40,0.151,41,0.542,42,0.601,43,0.601,44,0.601,46,0.096,47,0.268,48,0.253,49,0.283,50,0.156,51,0.238,52,0.11,54,0.137,55,0.179,56,0.208,57,0.253,58,0.268,59,0.283,60,0.798,68,0.622,91,2.629,109,1.521,110,2.26,111,4.909,112,1.685,113,4.493,114,4.493,115,1.479,116,1.865,117,1.398,118,3.326,119,4.493,120,2.433,121,1.567,122,3.326,123,5.117,124,3.335,125,3.681,126,1.61,127,5.117,128,3.53,129,5.665,130,5.778,131,5.117,132,5.117,133,4.053,134,0.338,135,2.998,136,4.082,137,1.705,138,3.53,139,5.117,140,1.252,141,3.775,142,2.862,143,4.493,144,0.949,145,2.048,146,2.629,147,7.274,148,5.117,149,2.188,150,4.493,151,5.117,152,5.117,153,5.778,154,5.117,155,2.346,156,5.117,157,1.61,158,4.082,159,1.984]],["category/{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}",[110,10.364,160,10.364]],["body/{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}",[1,0.01,2,0.114,3,0.211,12,0.708,13,1.553,28,1.232,29,1.886,30,0.103,31,0.069,32,0.126,33,0.009,35,0.126,37,0.126,38,0.037,39,0.126,40,0.126,41,0.452,42,0.501,43,0.501,44,0.501,46,0.08,47,0.223,48,0.21,49,0.236,50,0.153,51,0.198,52,0.091,54,0.114,55,0.149,56,0.173,57,0.21,58,0.223,59,0.236,63,0.837,64,1.209,65,1.267,66,0.961,67,1.198,68,0.909,69,0.813,70,1.232,71,1.811,72,1.232,73,1.267,74,1.232,75,1.232,76,1.232,77,1.38,78,1.38,79,1.38,81,1.133,84,0.665,87,1.553,96,1.602,97,2.73,98,3.824,99,3.415,101,1.072,109,1.267,110,2.16,112,0.987,117,1.593,121,1.015,124,1.954,129,5.269,133,4.091,134,0.198,144,0.791,159,1.653,160,2.278,161,1.015,162,2.282,163,4.3,164,4.262,165,3.742,166,3.144,167,3.144,168,3.144,169,2.001,170,3.046,171,2.497,172,3.144,173,2.384,174,1.507,175,1.954,176,1.267,177,0.935,178,2.625,179,2.625,180,1.38,181,1.886,182,4.3,183,4.901,184,3.144,185,2.77,186,1.653,187,4.262,188,1.38,189,3.742,190,3.4,191,1.823,192,2.94,193,4.262,194,2.105,195,4.262,196,1.706,197,2.105,198,3.742,199,4.262,200,2.19,201,2.384,202,1.954,203,3.4,204,4.262,205,2.497,206,1.887,207,2.497,208,2.19,209,2.105,210,3.4,211,1.42]],["category/{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}",[110,10.364,212,14.252]],["body/{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}",[1,0.009,2,0.07,3,0.21,4,0.292,5,0.951,7,0.98,14,1.739,15,1.154,18,1.677,19,1.404,21,1.011,24,2.291,27,0.827,30,0.063,31,0.042,32,0.077,33,0.01,35,0.077,37,0.077,38,0.022,39,0.077,40,0.077,41,0.276,42,0.307,43,0.307,44,0.307,46,0.147,47,0.137,48,0.129,49,0.144,50,0.145,51,0.121,52,0.056,54,0.07,55,0.091,56,0.106,57,0.129,58,0.137,59,0.144,60,0.634,61,0.995,62,1.154,63,0.512,64,1.142,65,0.775,66,0.588,67,0.733,68,0.894,69,0.776,70,0.754,71,1.613,72,0.754,73,0.775,74,0.754,75,0.754,76,0.754,77,0.844,78,0.844,79,0.844,81,1.328,83,1.011,84,1.056,85,3.248,87,0.951,88,1.767,89,0.922,90,1.938,97,1.438,98,1.397,99,1.528,101,1.539,102,3.082,108,1.079,109,1.208,110,2.303,112,0.604,115,0.754,117,2.303,129,4.163,133,2.504,134,0.232,137,1.355,157,0.82,158,2.08,159,1.011,160,2.279,161,1.19,166,1.924,167,1.924,168,1.924,170,1.864,174,1.051,176,2.262,180,0.844,188,1.316,194,2.008,202,2.291,208,1.34,209,1.288,210,2.08,211,1.355,212,3.177,213,1.344,214,3.022,215,2.899,216,1.924,217,1.079,218,1.799,219,1.821,220,2.29,221,2.08,222,2.08,223,1.799,224,2.29,225,2.608,226,3.243,227,2.608,228,2.608,229,2.608,230,2.08,231,2.643,232,2.608,233,1.115,234,2.08,235,1.933,236,1.799,237,1.924,238,1.158,239,2.612,240,1.115,241,1.799,242,1.115,243,2.999,244,1.154,245,1.044,246,1.154,247,2.608,248,1.208,249,1.079,250,2.999,251,3.248,252,2.29,253,1.739,254,1.799,255,1.288,256,2.382,257,3.686,258,2.504,259,2.608,260,0.942,261,1.864,262,2.29,263,1.695,264,1.606,265,2.08,266,2.29,267,2.608,268,1.154,269,2.08,270,1.288,271,2.608,272,1.288,273,1.34,274,2.504,275,2.805,276,2.08,277,2.29,278,1.115,279,3.243,280,2.382,281,1.606,282,1.154,283,4.065,284,1.695,285,1.606,286,2.29,287,2.29,288,2.274,289,1.924,290,2.608,291,2.608,292,2.608,293,1.606,294,1.695,295,1.34,296,1.695,297,1.799,298,4.387,299,2.608,300,2.608,301,2.608,302,2.608,303,2.08,304,0.541,305,2.608,306,1.528,307,2.608,308,2.608,309,2.382,310,1.606,311,1.787,312,2.608,313,2.608,314,4.687,315,7.61,316,2.608,317,2.608,318,2.608,319,4.501,320,2.608,321,2.608,322,2.608,323,2.608,324,2.608,325,2.608,326,2.608,327,2.608,328,2.608]],["category/{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}",[110,10.364,329,18.033]],["body/{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}",[1,0.01,2,0.094,3,0.211,4,0.283,5,1.282,6,1.408,7,2.466,12,0.428,18,1.046,21,1.975,27,1.152,28,1.73,29,1.557,30,0.085,31,0.057,32,0.104,33,0.008,35,0.104,37,0.104,38,0.03,39,0.104,40,0.104,41,0.373,42,0.414,43,0.414,44,0.414,46,0.123,47,0.267,48,0.251,49,0.282,50,0.156,51,0.163,52,0.075,54,0.094,55,0.123,56,0.143,57,0.174,58,0.184,59,0.195,63,0.691,64,1.168,65,1.046,66,0.793,67,0.989,68,0.727,69,0.972,70,1.017,71,1.681,72,1.017,73,1.046,74,1.017,75,1.017,76,1.017,77,1.139,78,1.139,79,1.139,82,1.514,84,0.794,88,1.244,89,2.462,95,1.408,99,2.061,101,0.885,102,1.673,110,2.258,112,0.815,116,1.282,117,2.135,121,0.838,129,4.84,134,0.323,140,0.861,144,0.945,149,1.505,157,1.107,160,1.392,161,1.213,169,1.208,176,2.414,177,1.117,180,1.139,186,1.364,188,1.139,196,1.408,203,2.807,213,0.838,219,1.282,235,2.422,238,1.18,244,2.254,246,1.557,248,1.046,250,2.596,253,1.505,255,1.738,256,2.061,272,2.515,278,1.505,282,1.557,288,2.849,304,0.73,311,0.815,329,4.083,330,1.808,331,2.254,332,2.849,333,2.427,334,3.089,335,5.092,336,3.518,337,1.884,338,2.287,339,2.287,340,2.287,341,2.596,342,2.061,343,3.518,344,4.61,345,4.386,346,1.602,347,3.518,348,1.884,349,3.518,350,2.727,351,3.518,352,2.596,353,1.322,354,2.427,355,2.061,356,2.167,357,2.061,358,2.167,359,3.518,360,3.518,361,2.287,362,2.287,363,1.557,364,3.518,365,2.596,366,1.808,367,2.807,368,1.673,369,1.613,370,3.518,371,1.884,372,2.596,373,1.557,374,3.518,375,3.136,376,2.807,377,1.505,378,3.089,379,1.408,380,2.061,381,1.505,382,1.017]],["category/{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}",[383,30.25,384,16.217]],["body/{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}",[1,0.01,2,0.128,3,0.17,4,0.194,12,0.581,13,2.91,19,1.344,23,2.562,27,0.791,28,1.382,30,0.115,31,0.078,32,0.141,33,0.009,35,0.141,37,0.141,38,0.041,39,0.141,40,0.141,46,0.141,47,0.25,48,0.236,49,0.265,50,0.135,51,0.222,52,0.102,54,0.169,55,0.167,56,0.194,57,0.236,58,0.25,59,0.265,69,0.913,89,1.692,90,1.855,110,1.307,115,1.382,121,1.677,125,2.676,134,0.327,140,1.171,144,0.888,149,2.046,160,1.925,161,1.939,178,2.946,186,1.855,217,1.979,331,2.117,382,2.247,383,6.729,384,3.659,385,6.571,386,1.798,387,2.275,388,2.275,389,4.2,390,1.979,391,7.483,392,6.298,393,4.784,394,6.571,395,4.2,396,4.2,397,4.864,398,4.2,399,4.784,400,3.816,401,3.373,402,2.562,403,3.816,404,4.2,405,4.647,406,3.879,407,3.109,408,2.676,409,2.803,410,3.524,411,3.816,412,6.298,413,4.784,414,3.109,415,2.562,416,4.2,417,2.117,418,1.979,419,4.2,420,2.275,421,4.784,422,3.691,423,3.816,424,3.3]],["category/{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}",[425,36.455]],["body/{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}",[1,0.01,2,0.155,3,0.171,4,0.313,5,2.111,31,0.094,32,0.171,33,0.01,35,0.171,37,0.171,38,0.05,39,0.171,40,0.171,41,0.614,42,0.681,43,0.681,44,0.681,46,0.109,47,0.303,48,0.286,49,0.321,50,0.152,51,0.269,52,0.124,54,0.155,55,0.203,56,0.235,57,0.286,58,0.303,59,0.321,60,0.904,87,2.111,134,0.269,137,1.931,174,1.498,177,1.56,202,2.656,206,1.875,214,3.102,215,2.976,420,3.662,425,5.681,426,6.761,427,4.381,428,3.996,429,7.114,430,5.086,431,4.621,432,3.765,433,3.102,434,3.765,435,2.477,436,3.765,437,3.996,438,7.114,439,7.114,440,5.792]],["category/{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}",[441,43.387]],["body/{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}",[1,0.009,2,0.127,3,0.216,4,0.192,23,2.533,30,0.114,31,0.077,32,0.139,33,0.009,35,0.139,37,0.139,38,0.041,39,0.139,40,0.139,41,0.501,42,0.556,43,0.556,44,0.556,46,0.089,47,0.248,48,0.234,49,0.262,50,0.134,51,0.22,52,0.101,54,0.127,55,0.165,56,0.192,57,0.234,58,0.248,59,0.262,63,0.928,64,1.242,66,1.066,67,1.329,68,0.76,69,0.903,71,1.92,89,1.672,115,1.367,134,0.22,140,1.158,161,1.126,174,1.223,194,2.336,238,1.096,363,2.093,427,2.913,428,4.313,441,6.542,442,3.489,443,6.251,444,6.251,445,4.729,446,4.729,447,4.153,448,4.153,449,4.153,450,4.153,451,4.153,452,4.153,453,4.153,454,4.153,455,4.153,456,4.153,457,4.153,458,4.153,459,4.153,460,4.153,461,4.153,462,4.153,463,4.153,464,4.153,465,4.153,466,4.729,467,2.533,468,4.729]],["category/{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}",[469,39.419]],["body/{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}",[1,0.01,2,0.128,3,0.211,4,0.194,30,0.115,31,0.077,32,0.141,33,0.009,35,0.141,37,0.141,38,0.041,39,0.141,40,0.141,41,0.506,42,0.561,43,0.561,44,0.561,46,0.09,47,0.25,48,0.236,49,0.264,50,0.151,51,0.222,52,0.135,54,0.168,55,0.167,56,0.194,57,0.236,58,0.25,59,0.264,63,0.937,64,1.211,65,1.419,66,1.076,67,1.342,68,0.58,69,0.911,70,1.38,71,1.811,72,1.38,73,1.419,74,1.38,75,1.38,76,1.38,77,1.546,78,1.546,79,1.546,81,1.269,84,0.745,121,1.675,124,2.189,138,4.853,140,1.54,144,1.167,145,1.912,159,1.852,242,3.009,260,1.106,275,3.294,304,0.991,311,1.458,333,3.294,386,1.795,469,6.366,470,2.94,471,3.523,472,2.159,473,3.809,474,4.775,475,3.809,476,4.775,477,2.94,478,3.809,479,3.294,480,6.291,481,6.291,482,4.775,483,5.361,484,4.641,485,1.688,486,4.775,487,4.641,488,4.192,489,3.523,490,4.641,491,3.809,492,4.192,493,4.192,494,2.189,495,3.523,496,2.94,497,3.294]],["category/{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}",[498,43.387]],["body/{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}",[1,0.01,2,0.177,3,0.159,4,0.21,5,2.662,11,3.399,13,1.88,19,1.45,21,2.001,27,1.094,30,0.124,31,0.084,32,0.152,33,0.009,35,0.152,37,0.152,38,0.044,39,0.152,40,0.152,41,0.547,42,0.606,43,0.606,44,0.606,46,0.097,47,0.27,48,0.255,49,0.286,50,0.142,51,0.24,52,0.111,54,0.138,55,0.181,56,0.21,57,0.255,58,0.27,59,0.286,60,0.805,83,2.001,89,1.824,121,1.739,124,2.365,134,0.24,177,1.131,188,1.67,238,1.533,246,2.283,260,1.195,272,2.548,288,3.701,311,1.195,353,1.939,372,3.806,380,3.023,382,1.491,397,3.353,405,3.806,406,3.177,410,3.701,483,3.559,498,7.632,499,2.763,500,4.53,501,3.806,502,2.283,503,2.453,504,3.177,505,2.486,506,3.559,507,2.928,508,3.033,509,6.763,510,6.615,511,6.615,512,5.159,513,3.806,514,4.564,515,3.559,516,3.353,517,4.53,518,3.806,519,3.023,520,5.809,521,2.763,522,3.806,523,5.159,524,4.53,525,3.177,526,4.53]],["category/{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}",[160,13.505]],["body/{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}",[1,0.009,2,0.087,3,0.216,4,0.297,11,2.937,12,0.395,18,0.965,24,1.489,26,1.903,27,0.795,28,0.939,30,0.078,31,0.053,32,0.096,33,0.008,35,0.096,37,0.096,38,0.028,39,0.096,40,0.096,41,0.344,42,0.382,43,0.382,44,0.382,46,0.061,47,0.17,48,0.16,49,0.18,50,0.103,51,0.151,52,0.07,54,0.087,55,0.114,56,0.132,57,0.16,58,0.17,59,0.18,62,1.438,63,0.638,64,1.237,65,0.965,66,1.289,67,0.913,68,0.946,69,1.205,70,0.939,71,1.897,72,0.939,73,0.965,74,0.939,75,0.939,76,0.939,77,1.052,78,1.052,79,1.052,82,0.965,83,1.863,84,0.749,87,1.184,89,2.233,95,1.3,96,2.148,97,2.233,109,1.877,110,1.562,121,1.605,126,1.022,134,0.293,140,1.176,160,2.286,161,1.144,162,1.74,174,1.242,176,2.097,177,1.053,181,1.438,186,1.26,208,2.937,213,1.144,217,1.344,238,0.753,242,1.389,244,2.126,260,0.753,272,1.604,285,2.958,293,2,304,1.311,311,1.113,368,2.718,377,1.389,382,0.939,384,1.389,417,1.438,422,1.903,477,2,479,2.241,485,1.149,501,2.397,502,1.438,505,1.805,518,2.397,527,3.248,528,1.74,529,2.111,530,1.74,531,3.248,532,4.804,533,3.832,534,2.852,535,2.241,536,3.248,537,3.248,538,3.248,539,1.903,540,3.248,541,1.74,542,1.604,543,4.804,544,2.241,545,3.544,546,3.832,547,3.248,548,3.248,549,3.248,550,3.248,551,3.248,552,3.248,553,3.248,554,3.248,555,3.248,556,3.248,557,2.852,558,2.852,559,2.852,560,2.852,561,4.804,562,3.248,563,3.248,564,3.248,565,3.248,566,3.248,567,6.74,568,3.248,569,3.248,570,3.248,571,3.248,572,3.248,573,1.817,574,3.248,575,1.987,576,2.397,577,1.604,578,1.923,579,2.852,580,2.397,581,4.804,582,3.248,583,1.149,584,2.111]],["category/{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}",[160,10.364,212,14.252]],["body/{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}",[1,0.01,2,0.16,3,0.175,30,0.144,31,0.097,32,0.176,33,0.01,35,0.176,37,0.176,38,0.051,39,0.176,40,0.176,41,0.635,42,0.704,43,0.704,44,0.704,46,0.113,47,0.313,48,0.296,49,0.332,50,0.156,51,0.278,52,0.128,54,0.16,55,0.209,56,0.243,57,0.296,58,0.313,59,0.332,112,1.387,157,1.883,160,2.22,202,2.745,212,3.052,213,1.426,214,3.887,215,3.73,216,4.417,217,2.476,218,2.65,219,2.182,226,5.791,533,6.479,534,5.257,585,5.987]],["category/{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}",[586,39.419]],["body/{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}",[1,0.01,2,0.182,3,0.183,4,0.245,5,2.77,12,0.731,18,1.328,26,2.618,27,0.739,28,1.967,30,0.108,31,0.072,32,0.132,33,0.009,35,0.132,37,0.132,38,0.038,39,0.132,40,0.132,41,0.474,42,0.525,43,0.525,44,0.525,46,0.084,47,0.234,48,0.221,49,0.247,50,0.163,51,0.207,52,0.156,54,0.12,55,0.156,56,0.182,57,0.221,58,0.234,59,0.247,60,0.697,62,1.977,63,1.181,68,0.952,82,1.328,83,1.732,87,2.193,110,1.86,121,1.734,134,0.316,144,0.829,159,1.732,170,3.339,171,2.618,177,0.98,180,1.446,181,1.977,213,1.064,214,2.392,239,1.533,240,2.574,261,2.048,270,2.207,304,0.927,311,1.035,344,2.751,345,2.618,346,1.405,402,2.392,414,2.904,418,1.848,420,2.124,425,3.296,426,3.923,427,4.484,470,2.751,522,3.296,542,2.207,578,1.789,580,4.44,586,6.982,587,4.467,588,3.296,589,1.732,590,3.296,591,3.082,592,3.564,593,6.805,594,4.467,595,6.018,596,6.018,597,4.467,598,5.011,599,3.923,600,3.526,601,3.296,602,2.392,603,4.467,604,2.904,605,4.467,606,3.082,607,3.082,608,3.912,609,7.282,610,3.706,611,5.284,612,5.809,613,5.021,614,3.923,615,3.923]],["category/{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}",[258,30.431]],["body/{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}",[1,0.01,2,0.121,3,0.209,4,0.279,6,2.433,7,1.703,12,0.551,27,1.005,30,0.109,31,0.073,32,0.134,33,0.009,35,0.134,37,0.134,38,0.039,39,0.134,40,0.134,41,0.48,42,0.533,43,0.533,44,0.533,46,0.085,47,0.237,48,0.224,49,0.251,50,0.13,51,0.21,52,0.097,54,0.121,55,0.159,56,0.184,57,0.224,58,0.237,59,0.251,61,1.109,62,2.006,63,0.89,64,1.204,65,1.347,66,1.022,67,1.274,68,0.738,69,1.308,70,1.31,71,1.813,72,1.31,73,1.347,74,1.31,75,1.31,76,1.31,77,1.467,78,1.467,79,1.467,82,1.347,97,2.149,109,1.347,110,1.239,117,1.874,121,1.079,133,3.742,134,0.318,161,1.447,174,1.572,177,0.994,181,3.034,191,2.599,206,1.467,208,2.329,213,1.447,217,1.875,238,1.408,246,2.006,249,1.875,258,5.286,332,2.535,346,1.426,368,2.155,381,1.938,382,1.31,402,2.427,422,2.656,425,3.344,472,1.556,488,3.98,575,1.875,576,3.344,577,2.239,578,1.814,616,4.532,617,2.427,618,4.192,619,2.946,620,6.076,621,6.076,622,4.532,623,2.025,624,3.742,625,3.616,626,2.656,627,3.616,628,2.535,629,2.946,630,2.535,631,5.336,632,1.875,633,3.344,634,2.535,635,2.656]],["category/{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}",[636,43.387]],["body/{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}",[1,0.01,2,0.164,3,0.177,4,0.249,30,0.148,31,0.099,32,0.181,33,0.01,35,0.181,37,0.181,38,0.053,39,0.181,40,0.181,41,0.65,42,0.721,43,0.721,44,0.721,46,0.115,47,0.321,48,0.303,49,0.34,50,0.158,51,0.285,52,0.131,54,0.164,55,0.215,56,0.249,57,0.303,58,0.321,59,0.34,126,1.929,134,0.285,170,2.812,181,2.715,272,3.029,479,4.231,583,2.169,636,6.932,637,3.987,638,3.029,639,7.366,640,7.366,641,6.133]],["category/{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}",[472,13.016,642,24.648]],["body/{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}",[1,0.01,2,0.126,3,0.186,4,0.191,15,2.756,27,0.778,30,0.113,31,0.076,32,0.139,33,0.009,35,0.139,37,0.139,38,0.04,39,0.139,40,0.139,41,0.498,42,0.553,43,0.553,44,0.553,46,0.088,47,0.246,48,0.232,49,0.26,50,0.133,51,0.218,52,0.101,54,0.126,55,0.165,56,0.191,57,0.232,58,0.246,59,0.26,60,0.734,61,1.151,63,0.923,68,0.757,81,1.656,84,0.734,89,2.81,96,2.341,101,1.183,108,1.945,109,1.398,117,1.285,120,2.236,121,1.12,134,0.345,144,0.873,161,1.12,174,1.216,180,2.016,181,2.081,191,2.011,217,1.945,233,2.011,238,1.443,248,1.851,255,2.323,263,3.057,270,2.323,273,2.416,297,3.244,304,0.976,306,4.656,353,1.768,354,3.244,397,3.057,434,3.057,435,2.011,436,3.057,472,2.961,485,1.663,489,3.47,499,2.518,503,2.236,589,1.824,626,2.756,632,1.945,642,5.269,643,4.129,644,2.896,645,2.631,646,3.244,647,5.128,648,6.228,649,3.752,650,6.228,651,4.968,652,4.968,653,5.152,654,4.703,655,3.752,656,3.752,657,3.752,658,3.752,659,3.752,660,3.752,661,3.752,662,3.752,663,3.752,664,3.752,665,3.47,666,2.156,667,4.129,668,2.631,669,3.752,670,4.703,671,5.469,672,4.703,673,4.703,674,4.703,675,4.703,676,3.752,677,4.703,678,2.896]],["category/{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}",[472,13.016,575,15.684]],["body/{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}",[1,0.01,2,0.147,3,0.204,30,0.132,31,0.089,32,0.161,33,0.01,35,0.161,37,0.161,38,0.047,39,0.161,40,0.161,41,0.58,42,0.644,43,0.644,44,0.644,46,0.103,47,0.287,48,0.27,49,0.303,50,0.147,51,0.254,52,0.117,54,0.147,55,0.192,56,0.279,57,0.27,58,0.287,59,0.303,81,1.456,95,2.75,96,2.058,109,1.627,117,1.878,134,0.349,144,1.016,181,2.423,191,2.938,260,1.269,276,4.368,278,2.342,472,2.915,575,3.473,610,3.372,642,3.559,645,3.843,646,3.777,647,5.431,649,4.368,652,4.368,666,2.51,679,6.87,680,5.475,681,4.368,682,2.192,683,2.932,684,4.368,685,4.808,686,6.032,687,5.475,688,3.679,689,2.813,690,3.559]],["category/{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}",[472,13.016,681,30.25]],["body/{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}",[1,0.009,2,0.161,3,0.176,30,0.145,31,0.098,32,0.178,33,0.01,35,0.178,37,0.178,38,0.052,39,0.178,40,0.178,41,0.639,42,0.709,43,0.709,44,0.709,46,0.113,47,0.316,48,0.298,49,0.334,50,0.156,51,0.28,52,0.129,54,0.161,55,0.211,56,0.245,57,0.298,58,0.316,59,0.334,60,0.941,117,1.648,472,2.795,610,3.714,647,5.617,649,4.81,666,2.765,681,6.495,683,3.229,685,5.295,686,5.295,691,4.81,692,6.03,693,4.81,694,7.29,695,6.03]],["category/{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}",[472,13.016,645,21.213]],["body/{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}",[1,0.01,2,0.126,3,0.168,4,0.192,27,0.781,30,0.114,31,0.077,32,0.139,33,0.009,35,0.139,37,0.139,38,0.041,39,0.139,40,0.139,41,0.5,42,0.555,43,0.555,44,0.555,46,0.089,47,0.247,48,0.233,49,0.261,50,0.134,51,0.219,52,0.134,54,0.126,55,0.165,56,0.192,57,0.233,58,0.247,59,0.261,81,2.058,84,1.208,87,2.276,96,1.774,101,1.571,108,2.582,117,1.29,134,0.325,161,1.487,174,1.615,180,2.021,211,1.573,213,1.487,215,2.426,233,2.019,238,1.094,270,2.332,304,1.296,306,4.754,350,2.528,386,1.774,400,4.981,418,2.582,428,3.257,432,4.058,435,2.019,472,2.948,485,2.208,503,2.245,521,2.528,530,2.528,617,2.528,626,2.766,645,4.45,647,5.136,651,4.981,652,3.766,653,5.492,655,3.766,656,3.766,657,3.766,658,3.766,659,5.939,660,4.981,661,5.939,662,4.981,663,3.766,664,3.766,665,3.483,696,3.766,697,2.907,698,2.907,699,6.537,700,4.72,701,3.766,702,6.243,703,4.72,704,4.72,705,2.426,706,4.145,707,3.493,708,4.145,709,2.641,710,4.145,711,3.766,712,3.068,713,4.145,714,4.145,715,4.145]],["category/{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}",[472,13.016,646,26.16]],["body/{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}",[1,0.01,2,0.124,3,0.167,4,0.188,27,0.766,30,0.112,31,0.075,32,0.137,33,0.009,35,0.137,37,0.137,38,0.04,39,0.137,40,0.137,41,0.491,42,0.545,43,0.545,44,0.545,46,0.087,47,0.243,48,0.229,49,0.257,50,0.132,51,0.215,52,0.099,54,0.124,55,0.162,56,0.188,57,0.229,58,0.243,59,0.257,60,0.723,63,1.45,81,1.843,84,1.081,87,1.689,96,2.318,101,1.552,108,1.916,109,1.377,121,1.103,134,0.343,144,0.86,161,1.103,174,1.198,180,1.996,191,1.981,211,1.544,213,1.469,217,1.916,233,1.981,238,1.073,248,1.833,255,2.288,270,2.288,304,1.28,306,4.732,350,2.481,353,1.741,354,3.196,386,1.741,397,3.011,400,3.696,432,4.008,435,1.981,472,2.94,485,1.638,499,2.481,503,2.203,521,2.481,589,1.797,617,2.481,626,2.715,646,5.459,647,5.098,651,4.919,653,5.114,655,3.696,656,3.696,657,3.696,658,3.696,659,5.895,660,4.919,661,5.895,662,4.919,663,3.696,664,3.696,665,3.418,666,2.124,667,4.068,668,2.592,669,3.696,696,3.696,699,5.415,705,2.381,706,4.068,707,3.45,708,4.068,709,2.592,710,4.068,711,3.696,712,3.011,713,4.068,714,4.068,715,4.068,716,4.633,717,3.011,718,6.166,719,4.633,720,4.633,721,4.633,722,4.633,723,4.633,724,4.919,725,4.068,726,4.633,727,3.418]],["category/{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}",[384,21.132]],["body/{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}",[1,0.01,2,0.134,3,0.21,4,0.264,12,0.608,13,1.824,28,1.446,30,0.12,31,0.081,32,0.147,33,0.009,35,0.147,37,0.147,38,0.043,39,0.147,40,0.147,41,0.53,42,0.588,43,0.588,44,0.588,46,0.122,47,0.262,48,0.247,49,0.277,50,0.139,51,0.232,52,0.107,54,0.174,55,0.175,56,0.203,57,0.247,58,0.262,59,0.277,63,0.982,64,1.201,65,1.487,66,1.128,67,1.406,68,0.875,69,0.955,70,1.446,71,1.773,72,1.446,73,1.487,74,1.446,75,1.446,76,1.446,82,1.487,97,1.77,98,2.68,100,3.995,121,1.192,134,0.232,140,1.225,144,0.928,160,1.368,161,1.192,180,1.62,188,1.62,240,2.14,245,2.003,274,3.082,304,1.038,311,1.159,331,2.215,350,2.68,382,1.446,384,3.374,385,4.394,386,1.881,387,3.085,388,2.38,389,4.394,390,2.07,407,3.253,521,2.68,583,1.77,688,2.68,728,2.472,729,5.175,730,5.175,731,5.004,732,4.394,733,6.486,734,5.004,735,3.692,736,5.004,737,5.004,738,3.692,739,3.452,740,5.004]],["category/{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}",[54,1.015,384,16.217]],["body/{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}",[1,0.01,2,0.138,3,0.186,4,0.269,5,1.884,12,0.968,24,2.37,28,1.914,30,0.124,31,0.084,32,0.152,33,0.009,35,0.152,37,0.152,38,0.044,39,0.152,40,0.152,41,0.548,42,0.608,43,0.608,44,0.608,46,0.097,47,0.271,48,0.255,49,0.286,50,0.142,51,0.24,52,0.157,54,0.213,55,0.232,56,0.21,57,0.255,58,0.271,59,0.286,60,0.806,64,0.714,66,1.165,68,0.628,83,2.005,88,1.828,95,3.086,99,3.029,112,1.198,116,1.884,126,1.626,134,0.24,137,2.208,140,1.265,144,0.959,149,2.211,157,2.084,177,1.134,179,3.184,188,1.674,194,2.553,206,1.674,213,1.231,217,2.138,253,2.211,288,2.892,330,2.656,331,3.235,346,2.084,368,3.15,384,3.68,388,2.458,505,1.943,728,2.553,729,5.284,730,5.284,741,5.169,742,3.814,743,5.169,744,5.169,745,3.36,746,4.539,747,5.169,748,4.124,749,4.539,750,5.169,751,3.184,752,5.169,753,4.539,754,4.539,755,3.566]],["category/{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}",[384,16.217,756,27.976]],["body/{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}",[1,0.01,2,0.146,3,0.199,4,0.304,12,0.833,30,0.131,31,0.088,32,0.161,33,0.009,35,0.161,37,0.161,38,0.047,39,0.161,40,0.161,41,0.578,42,0.641,43,0.641,44,0.641,46,0.103,47,0.285,48,0.269,49,0.302,50,0.147,51,0.253,52,0.147,54,0.183,55,0.191,56,0.222,57,0.269,58,0.285,59,0.302,60,0.85,68,0.91,83,2.114,84,0.85,89,1.928,92,6.579,95,2.182,101,1.372,118,4.453,126,1.715,134,0.253,171,3.194,174,1.41,180,2.218,218,2.413,238,1.263,244,2.413,245,2.182,350,2.919,355,3.194,356,3.357,371,2.919,384,3.535,470,3.357,487,4.022,728,2.693,729,5.465,730,5.465,749,4.787,756,5.527,757,5.451,758,2.801,759,4.726,760,4.787,761,5.451,762,6.851,763,5.451,764,4.349]],["category/{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}",[739,34.089]],["body/{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}",[1,0.009,2,0.131,3,0.214,5,1.781,12,0.594,30,0.118,31,0.079,32,0.144,33,0.009,35,0.144,37,0.144,38,0.042,39,0.144,40,0.144,41,0.518,42,0.574,43,0.574,44,0.574,46,0.092,47,0.256,48,0.241,49,0.271,50,0.137,51,0.227,52,0.105,54,0.131,55,0.171,56,0.199,57,0.241,58,0.256,59,0.271,63,1.254,64,1.234,65,1.898,66,1.604,68,0.776,69,1.219,70,1.846,71,1.882,72,1.846,73,1.898,74,1.846,75,1.846,76,1.846,100,3.009,134,0.33,207,2.863,212,1.837,214,2.617,215,3.282,319,3.898,434,3.176,499,2.617,589,1.895,637,3.176,739,5.54,765,4.887,766,4.887,767,3.605,768,4.887,769,4.291,770,6.387,771,6.387,772,4.887,773,4.291,774,3.009,775,4.887,776,4.887,777,4.887]],["category/{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}",[778,39.419]],["body/{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}",[1,0.01,2,0.139,3,0.186,4,0.27,12,0.631,19,1.459,24,3.045,30,0.125,31,0.084,32,0.153,33,0.009,35,0.153,37,0.153,38,0.045,39,0.153,40,0.153,41,0.55,42,0.61,43,0.61,44,0.61,46,0.098,47,0.272,48,0.256,49,0.287,50,0.142,51,0.241,52,0.111,54,0.139,55,0.182,56,0.211,57,0.256,58,0.272,59,0.287,60,1.036,64,0.717,68,0.807,89,1.836,110,2.002,134,0.308,140,1.271,149,2.22,161,1.582,180,2.15,181,2.297,188,1.681,194,2.564,200,2.667,217,2.147,222,4.141,238,1.203,246,2.297,260,1.203,288,2.904,304,1.077,346,1.633,355,3.892,356,3.197,379,2.078,384,2.22,386,1.951,420,3.483,435,2.22,499,2.78,542,2.564,642,3.374,683,2.78,728,2.564,778,6.703,779,3.042,780,7.72,781,6.431,782,5.191,783,5.191,784,4.141,785,3.042,786,3.83,787,4.141,788,3.042,789,4.558,790,5.191,791,4.558,792,4.558,793,5.191,794,4.141,795,6.642,796,6.642,797,5.191,798,5.191,799,4.558,800,4.141,801,2.667,802,3.042]],["category/{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}",[212,14.252,803,17.386]],["body/{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}",[1,0.009,2,0.129,3,0.209,4,0.305,12,0.857,14,2.054,27,0.794,28,2.039,30,0.152,31,0.078,32,0.142,33,0.009,35,0.142,37,0.142,38,0.041,39,0.142,40,0.142,46,0.09,47,0.251,48,0.237,49,0.266,50,0.135,51,0.223,52,0.135,54,0.189,55,0.168,56,0.195,57,0.237,58,0.251,59,0.266,60,0.749,64,1.166,66,1.083,71,1.644,81,1.277,84,0.749,101,1.589,102,2.284,109,1.427,121,1.144,134,0.328,137,1.601,140,1.175,146,2.467,157,1.511,175,2.202,180,1.555,197,2.372,207,2.814,212,3.173,214,2.572,215,3.245,226,5.037,238,1.113,239,2.871,258,2.957,279,3.831,401,2.572,417,2.795,508,2.895,589,1.862,634,3.532,666,2.202,682,1.923,803,3.834,804,4.217,805,6.581,806,4.217,807,4.248,808,2.572,809,2.284,810,3.313,811,3.543,812,3.313,813,3.543,814,3.543,815,3.543,816,3.543,817,3.543,818,3.543]],["category/{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}",[89,13.409,803,17.386]],["body/{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}",[1,0.01,2,0.126,3,0.211,4,0.302,14,2.015,30,0.113,31,0.076,32,0.139,33,0.009,35,0.139,37,0.139,38,0.04,39,0.139,40,0.139,41,0.499,42,0.554,43,0.554,44,0.554,46,0.089,47,0.405,48,0.233,49,0.261,50,0.134,51,0.219,52,0.101,54,0.126,55,0.165,56,0.191,57,0.233,58,0.247,59,0.261,60,0.735,63,0.925,64,1.209,65,1.4,66,1.062,67,1.324,68,0.849,69,0.899,70,1.362,71,1.806,72,1.362,73,1.4,74,1.362,75,1.362,76,1.362,77,1.525,78,1.525,79,1.525,84,0.735,89,2.999,134,0.345,140,1.711,177,1.033,186,2.418,238,1.092,239,2.656,245,1.886,273,2.421,282,2.085,319,6.173,435,2.015,436,3.063,525,2.902,628,2.636,803,3.548,805,6.532,819,2.241,820,6.236,821,4.712,822,4.712,823,4.543,824,4.712,825,3.452,826,4.304,827,4.712,828,5.475,829,4.712]],["category/{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}",[239,13.016,807,19.484]],["body/{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}",[1,0.01,2,0.168,3,0.211,4,0.255,12,0.853,13,2.287,14,2.683,18,1.414,19,1.337,30,0.115,31,0.077,32,0.14,33,0.009,35,0.14,37,0.14,38,0.041,39,0.14,40,0.14,46,0.089,47,0.249,48,0.235,49,0.263,50,0.134,51,0.221,52,0.102,54,0.127,55,0.166,56,0.193,57,0.235,58,0.249,59,0.263,63,0.934,64,1.21,65,1.414,66,1.072,67,1.337,68,0.853,69,0.908,70,1.374,71,1.809,72,1.374,73,1.414,74,1.374,75,1.374,76,1.374,77,1.54,78,1.54,79,1.54,96,2.639,112,1.102,121,1.133,134,0.347,140,1.164,159,1.844,161,1.133,176,2.087,177,1.043,180,1.54,186,1.844,191,2.034,197,2.349,239,2.79,263,3.092,353,1.788,382,1.374,401,3.999,410,4.342,417,2.777,502,2.105,519,2.787,628,2.661,638,2.349,644,2.929,666,2.181,683,2.547,807,3.988,830,6.556,831,5.51,832,4.756,833,4.176,834,2.547,835,3.509,836,3.281,837,3.509,838,2.547]],["category/{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}",[239,10.56,807,15.807,839,22.697]],["body/{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}",[1,0.009,2,0.092,3,0.213,4,0.335,12,0.611,14,2.149,20,2.079,26,2.024,27,0.572,28,1.88,29,2.622,30,0.166,31,0.056,32,0.102,33,0.009,35,0.102,37,0.102,38,0.043,39,0.102,40,0.102,46,0.095,50,0.108,51,0.16,52,0.148,54,0.159,55,0.242,56,0.14,57,0.171,58,0.181,59,0.191,64,1.217,66,1.133,68,0.611,69,0.659,71,1.831,81,1.336,83,1.949,101,1.815,108,1.429,109,1.027,112,0.801,118,3.851,120,1.643,134,0.302,137,1.675,144,0.933,157,1.087,169,1.186,172,2.549,177,1.102,185,2.246,206,1.627,207,2.024,212,1.889,213,0.823,217,1.429,218,1.529,233,1.478,238,0.801,239,2.847,246,2.879,248,1.494,251,2.246,260,1.373,278,2.149,311,1.165,352,3.708,362,3.267,386,1.299,387,2.817,402,1.85,417,2.224,432,2.246,435,1.478,502,1.529,505,1.299,525,3.095,628,2.812,632,2.079,634,1.933,635,2.945,682,1.383,779,2.024,803,2.304,806,3.034,807,4.113,808,1.85,812,3.467,830,5.712,831,4.413,839,4.37,840,3.455,841,3.455,842,4.488,843,1.933,844,2.812,845,1.383,846,6.912,847,4.087,848,5.026,849,1.933,850,2.812,851,1.584,852,2.246,853,3.467,854,5.026,855,2.383,856,3.455,857,3.455,858,3.267,859,2.39,860,3.034,861,5.026,862,4.413,863,3.455,864,3.455,865,2.024,866,2.246,867,3.455,868,2.246,869,4.488,870,5.026,871,5.026,872,6.505,873,5.026,874,5.026,875,5.026,876,5.026,877,5.026,878,5.026,879,5.026,880,3.455,881,2.383]],["category/{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}",[176,14.686]],["body/{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}",[1,0.01,2,0.127,3,0.192,4,0.303,12,0.763,27,1.235,28,1.813,30,0.115,31,0.077,32,0.14,33,0.009,35,0.14,37,0.14,38,0.041,39,0.14,40,0.14,46,0.089,47,0.249,48,0.235,49,0.263,50,0.177,51,0.221,52,0.102,54,0.168,55,0.166,56,0.193,57,0.235,58,0.249,59,0.263,60,0.742,63,1.523,68,0.969,81,1.265,82,1.865,89,2.483,112,1.102,121,1.494,126,1.974,134,0.221,135,2.787,144,0.883,145,1.904,171,2.787,176,2.627,177,1.043,180,2.032,196,1.904,205,2.787,206,1.54,211,1.585,213,1.494,217,1.967,238,1.102,239,1.633,240,2.683,246,2.777,248,1.414,253,2.034,273,2.444,311,1.102,314,3.864,361,3.092,377,2.034,390,1.967,427,4.598,472,2.41,577,2.349,578,1.904,623,1.585,632,1.967,678,2.929,688,2.547,698,2.929,764,3.794,845,1.904,882,3.509,883,2.787,884,6.275,885,4.176,886,3.794,887,6.275,888,4.756,889,3.794,890,4.756,891,4.756,892,4.756,893,4.176,894,4.756,895,3.794,896,3.794,897,2.929,898,3.509,899,2.105,900,3.794]],["category/{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}",[176,14.686]],["body/{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}",[1,0.008,2,0.15,3,0.197,4,0.323,18,1.671,30,0.135,31,0.091,32,0.166,33,0.01,35,0.166,37,0.166,38,0.06,39,0.166,40,0.166,46,0.106,47,0.294,48,0.278,49,0.311,50,0.163,51,0.261,52,0.15,54,0.15,55,0.197,56,0.229,57,0.278,58,0.294,59,0.311,63,1.104,90,2.181,112,1.303,134,0.324,145,2.251,157,1.769,169,1.93,176,2.537,177,1.233,180,1.82,206,1.82,213,1.664,217,2.326,260,1.618,311,1.618,314,4.302,361,4.939,390,3.287,602,4.069,901,2.777,902,2.578,903,3.879,904,4.486,905,3.463,906,4.937,907,3.655,908,6.985,909,5.623,910,5.623]],["category/{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}",[176,11.27,494,17.386]],["body/{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}",[1,0.01,2,0.102,3,0.13,4,0.219,6,1.522,12,0.654,13,1.386,18,1.13,19,1.513,21,1.474,27,0.891,30,0.13,31,0.062,32,0.112,33,0.009,35,0.112,37,0.112,38,0.062,39,0.112,40,0.112,46,0.128,47,0.199,48,0.188,49,0.211,50,0.16,52,0.134,54,0.102,55,0.188,56,0.155,58,0.199,59,0.211,69,1.193,84,0.593,88,1.904,104,2.036,112,1.448,115,1.099,116,1.962,134,0.333,144,0.999,149,1.626,155,3.116,159,1.474,173,2.127,174,0.983,176,2.528,177,0.834,206,1.231,233,1.626,248,1.6,268,1.683,278,2.302,304,1.41,309,3.154,310,2.341,311,1.575,314,4.587,346,1.196,353,1.429,357,2.228,373,1.683,377,2.302,379,2.502,386,1.429,415,2.036,433,2.036,467,3.842,494,3.512,577,1.878,578,2.872,583,1.344,707,2.127,785,2.228,801,3.211,819,1.808,849,3.011,850,2.127,852,4.842,865,3.983,868,4.663,895,3.033,897,2.341,902,2.865,911,3.338,912,5.383,913,3.338,914,2.805,915,5.383,916,3.033,917,4.611,918,5.383,919,3.338,920,3.338,921,3.338,922,2.302,923,3.033,924,3.033,925,3.338,926,3.338,927,2.805,928,5.383,929,3.338,930,3.338,931,3.338,932,2.805,933,4.727,934,3.802,935,3.802,936,3.315,937,3.338,938,3.338,939,3.338,940,4.689,941,3.338,942,3.033,943,3.033,944,2.623,945,2.623,946,2.127,947,3.499,948,3.033,949,4.727,950,3.338,951,3.338,952,3.338,953,3.802,954,3.338,955,3.338,956,3.338,957,3.033,958,3.033,959,3.338,960,3.033,961,2.805,962,2.127,963,1.808,964,3.338,965,3.338,966,2.471,967,3.849,968,2.805,969,2.471,970,3.033,971,3.338,972,2.471,973,3.033,974,2.471,975,2.341,976,3.338,977,2.471,978,2.805,979,2.471,980,1.626,981,4.727,982,3.338,983,2.471,984,3.338,985,3.338,986,3.338,987,3.338,988,3.033,989,3.033,990,2.036,991,3.338]],["category/{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}",[176,11.27,785,22.22]],["body/{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}",[1,0.01,2,0.102,3,0.13,4,0.219,6,1.522,12,0.654,13,1.386,18,1.13,19,1.513,21,1.474,27,0.891,30,0.13,31,0.062,32,0.112,33,0.009,35,0.112,37,0.112,38,0.062,39,0.112,40,0.112,46,0.128,47,0.199,48,0.188,49,0.211,50,0.16,52,0.134,54,0.102,55,0.188,56,0.155,58,0.199,59,0.211,69,1.193,84,0.593,88,1.904,104,2.036,112,1.448,115,1.099,116,1.962,134,0.333,144,0.999,149,1.626,155,3.116,159,1.474,173,2.127,174,0.983,176,2.528,177,0.834,206,1.231,233,1.626,248,1.6,268,1.683,278,2.302,304,1.41,309,3.154,310,2.341,311,1.575,314,4.587,346,1.196,353,1.429,357,2.228,373,1.683,377,2.302,379,2.502,386,1.429,415,2.036,433,2.036,467,3.842,494,1.743,577,1.878,578,2.872,583,1.344,707,2.127,785,4.488,801,3.211,819,1.808,849,3.011,850,2.127,852,4.842,865,3.983,868,4.663,895,3.033,897,2.341,902,2.865,911,3.338,913,3.338,914,2.805,916,3.033,917,4.611,919,3.338,920,3.338,921,3.338,922,2.302,923,3.033,924,3.033,925,3.338,926,3.338,927,2.805,929,3.338,930,3.338,931,3.338,932,2.805,933,4.727,936,3.315,937,3.338,938,3.338,939,3.338,940,4.689,941,3.338,942,3.033,943,3.033,944,2.623,945,2.623,946,2.127,947,3.499,948,3.033,949,4.727,950,3.338,951,3.338,952,3.338,954,3.338,955,3.338,956,3.338,957,3.033,958,3.033,959,3.338,960,3.033,961,2.805,962,2.127,963,1.808,964,3.338,965,3.338,966,2.471,967,3.849,968,2.805,969,2.471,970,3.033,971,3.338,972,2.471,973,3.033,974,2.471,975,2.341,976,3.338,977,2.471,978,2.805,979,2.471,980,1.626,981,4.727,982,3.338,983,2.471,984,3.338,985,3.338,986,3.338,987,3.338,988,3.033,989,3.033,990,2.036,991,3.338,992,5.383,993,5.383,994,5.383,995,5.383,996,3.802,997,3.802,998,3.802]],["category/{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}",[999,43.387]],["body/{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}",[1,0.009,2,0.147,3,0.181,4,0.279,12,0.665,28,1.582,30,0.132,31,0.089,32,0.161,33,0.01,35,0.161,37,0.161,38,0.059,39,0.161,40,0.161,52,0.117,58,0.287,134,0.319,144,1.275,157,2.161,176,2.592,180,2.224,206,2.43,213,1.636,233,2.342,240,2.938,242,2.342,253,2.342,311,1.269,373,2.423,427,3.372,489,5.068,494,3.15,519,3.208,528,2.932,632,2.265,785,4.025,834,2.932,845,2.192,849,3.063,850,3.063,859,2.604,865,3.208,868,3.559,902,2.51,962,3.063,966,3.559,978,5.068,999,6.032,1000,5.475,1001,4.039,1002,3.372,1003,4.368,1004,5.475,1005,5.475,1006,6.87,1007,6.87,1008,3.208,1009,5.475,1010,3.372,1011,3.777,1012,3.777,1013,4.808,1014,3.372,1015,4.039,1016,3.208,1017,5.475,1018,5.475,1019,5.475]],["category/{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}",[401,20.307,1020,30.25]],["body/{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}",[1,0.01,2,0.191,3,0.172,12,0.707,27,0.963,28,1.682,30,0.14,31,0.094,32,0.172,33,0.01,35,0.172,37,0.172,38,0.05,39,0.172,40,0.172,41,0.617,42,0.684,43,0.684,44,0.684,46,0.109,47,0.305,48,0.287,49,0.322,50,0.153,51,0.27,52,0.125,54,0.156,55,0.204,56,0.237,57,0.287,58,0.305,59,0.322,60,0.908,83,2.257,109,1.73,126,1.831,134,0.27,140,1.746,176,1.73,401,4.498,410,3.256,598,3.584,682,2.33,774,3.584,778,4.642,792,5.11,794,4.642,804,5.11,978,5.264,1020,6.584,1021,8.043,1022,7.134,1023,5.819]],["category/{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}",[160,10.364,1024,33.296]],["body/{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}",[1,0.01,2,0.127,3,0.211,14,2.683,30,0.115,31,0.077,32,0.14,33,0.009,35,0.14,37,0.14,38,0.041,39,0.14,40,0.14,46,0.089,47,0.249,48,0.235,49,0.263,50,0.134,51,0.221,52,0.102,54,0.127,55,0.166,56,0.193,57,0.235,58,0.249,59,0.263,63,0.934,64,1.21,65,1.414,66,1.072,67,1.337,68,0.943,69,0.908,70,1.374,71,1.809,72,1.374,73,1.414,74,1.374,75,1.374,76,1.374,77,1.54,78,1.54,79,1.54,84,0.742,96,2.358,134,0.291,159,1.844,160,2.337,163,4.629,170,2.877,174,1.931,188,1.54,197,2.349,242,2.034,278,2.034,363,2.105,407,3.092,505,1.788,628,3.51,668,2.661,803,3.22,809,2.262,823,4.079,825,3.099,826,3.864,834,2.547,845,1.904,847,3.281,1024,6.815,1025,3.281,1026,4.176,1027,3.281,1028,7.467,1029,4.756,1030,2.444,1031,4.756,1032,4.756,1033,4.564,1034,4.756,1035,4.176,1036,4.756]],["category/{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}",[600,28.954]],["body/{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}",[1,0.01,2,0.108,3,0.199,4,0.164,6,1.615,23,2.161,27,0.668,30,0.097,31,0.065,32,0.119,33,0.008,35,0.119,37,0.119,38,0.035,39,0.119,40,0.119,41,0.428,42,0.474,43,0.474,44,0.474,46,0.076,47,0.211,48,0.199,49,0.223,50,0.12,51,0.187,52,0.12,54,0.108,55,0.141,56,0.164,57,0.199,58,0.211,59,0.223,60,0.629,61,1.374,64,1.128,66,0.91,68,0.891,69,0.77,71,1.53,82,1.199,84,1.007,112,0.935,115,1.166,121,1.537,126,1.269,134,0.34,144,0.749,157,1.269,159,1.565,161,1.337,170,2.959,174,1.044,181,2.856,196,1.615,213,0.961,217,1.669,238,1.495,239,2.215,240,1.726,244,1.786,246,1.786,253,1.726,263,2.623,278,2.4,282,2.856,288,2.257,293,3.457,342,3.782,344,4.516,345,4.297,353,2.11,380,2.364,382,1.166,407,2.623,409,2.364,415,3.006,418,1.669,422,3.289,467,2.161,472,2.517,479,2.784,502,1.786,505,1.516,507,1.786,518,4.141,544,2.784,545,2.977,546,3.219,557,3.543,558,3.543,559,3.543,560,3.543,578,1.615,600,5.075,604,4.535,612,3.219,623,1.871,624,2.485,626,3.289,632,1.669,635,2.364,688,3.006,690,2.623,697,2.485,738,2.977,774,2.485,823,2.623,836,2.784,843,2.257,903,2.784,977,3.648,980,1.726,1001,2.977,1012,2.784,1037,2.784,1038,3.219,1039,5.613,1040,4.035,1041,5.613,1042,5.613,1043,4.035,1044,2.257,1045,4.035,1046,5.613,1047,4.035,1048,2.977,1049,2.364,1050,4.035,1051,4.035,1052,4.035,1053,5.613,1054,4.035,1055,3.543,1056,4.035,1057,2.623,1058,2.977,1059,4.035,1060,4.035,1061,3.219,1062,3.543,1063,4.035,1064,3.219,1065,4.035,1066,4.035,1067,2.257]],["category/{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}",[329,23.498]],["body/{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}",[1,0.01,2,0.114,3,0.212,4,0.339,6,1.7,7,3.066,12,0.516,16,3.134,18,1.728,19,1.194,20,1.757,21,1.647,30,0.102,31,0.069,32,0.125,33,0.009,35,0.125,37,0.125,38,0.036,39,0.125,40,0.125,41,0.45,42,0.499,43,0.499,44,0.499,46,0.08,47,0.222,48,0.21,49,0.235,50,0.142,51,0.197,52,0.091,54,0.114,55,0.149,56,0.173,57,0.21,58,0.222,59,0.235,60,0.663,61,1.04,62,2.574,68,0.867,81,1.129,84,1.165,88,1.502,97,2.345,98,3.114,101,1.668,102,2.765,109,1.262,112,0.984,117,2.337,122,2.761,134,0.197,140,1.423,182,3.134,192,2.93,211,2.21,212,2.186,213,1.698,235,2.02,250,3.134,253,1.816,255,3.275,256,2.489,257,4.29,281,2.616,304,0.881,329,4.201,332,3.253,334,3.729,344,2.616,345,2.489,377,1.816,584,3.78,617,2.275,678,3.581,682,1.7,683,2.275,688,2.275,739,4.012,774,3.581,845,1.7,881,2.93,1030,2.182,1064,3.388,1068,2.761,1069,4.247,1070,4.639,1071,4.639,1072,3.388,1073,3.729,1074,3.729,1075,4.247,1076,3.388,1077,3.729,1078,2.489,1079,4.247,1080,4.247,1081,3.729,1082,3.729,1083,3.134,1084,3.134,1085,3.388,1086,3.388,1087,3.134,1088,4.247,1089,3.729]],["category/{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}",[212,14.252,329,18.033]],["body/{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}",[1,0.01,3,0.206,4,0.319,7,2.04,12,0.909,28,1.568,30,0.131,31,0.088,32,0.16,33,0.009,35,0.16,37,0.16,38,0.047,39,0.16,40,0.16,41,0.575,42,0.638,43,0.638,44,0.638,46,0.102,47,0.284,48,0.268,49,0.301,50,0.116,51,0.252,52,0.116,54,0.145,55,0.19,56,0.221,57,0.268,58,0.284,59,0.301,60,0.847,61,1.329,68,0.66,84,0.847,89,1.919,112,1.258,117,1.867,134,0.317,169,1.863,174,1.404,175,2.489,180,1.757,186,2.105,194,2.681,212,3.103,255,2.681,279,4.33,304,1.126,329,4.031,344,3.343,345,3.18,355,3.18,356,3.343,638,2.681,1070,5.45,1071,5.45,1072,4.33,1073,4.766,1085,4.33,1090,4.766,1091,4.766,1092,5.041,1093,6.565,1094,4.33,1095,5.428,1096,3.343,1097,5.428]],["category/{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}",[7,14.252,329,18.033]],["body/{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}",[1,0.01,2,0.156,3,0.208,4,0.314,7,3.199,12,0.868,17,3.749,28,2.327,30,0.103,31,0.069,32,0.126,33,0.009,35,0.126,37,0.126,38,0.037,39,0.126,40,0.126,41,0.452,42,0.502,43,0.502,44,0.502,46,0.08,47,0.224,48,0.211,49,0.236,50,0.125,51,0.198,52,0.125,54,0.178,55,0.149,56,0.173,57,0.211,58,0.224,59,0.236,60,0.91,68,0.868,69,0.815,83,1.655,84,1.288,87,2.727,88,1.51,96,1.605,101,1.074,108,1.766,109,1.734,110,1.595,117,2.045,134,0.332,137,1.423,140,1.045,153,3.749,160,1.167,161,1.017,175,1.957,176,1.734,190,3.406,200,2.194,206,1.382,217,1.766,236,2.945,239,2.453,240,1.826,249,2.414,260,0.989,280,2.502,295,2.998,304,1.211,329,4.143,332,2.388,353,1.605,366,2.194,379,1.709,381,2.496,387,2.03,408,2.388,505,2.499,728,2.109,735,3.15,807,2.194,826,2.629,834,2.286,838,2.286,842,2.945,922,1.826,977,4.322,1061,3.406,1070,4.655,1071,4.655,1072,3.406,1074,3.749,1078,2.502,1083,4.905,1086,3.406,1090,3.749,1092,3.15,1094,3.406,1098,3.15,1099,4.269,1100,5.838,1101,4.269,1102,2.945,1103,3.749,1104,3.749,1105,2.502,1106,2.945,1107,3.749,1108,3.406,1109,4.269,1110,4.269,1111,3.406,1112,3.749]],["category/{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}",[1113,43.387]],["body/{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}",[1,0.01,2,0.118,3,0.208,12,0.538,13,2.18,23,3.886,27,0.733,31,0.072,32,0.13,33,0.009,35,0.13,37,0.13,38,0.038,39,0.13,40,0.13,41,0.469,42,0.52,43,0.52,44,0.52,46,0.083,47,0.38,48,0.219,49,0.245,50,0.128,51,0.206,52,0.095,54,0.118,55,0.155,56,0.18,57,0.219,58,0.232,59,0.245,63,0.869,64,1.201,65,1.316,66,0.998,67,1.244,68,0.727,69,0.845,70,1.28,71,1.781,72,1.28,73,1.316,74,1.28,75,1.28,76,1.28,77,1.434,78,1.434,79,1.434,84,1.182,87,2.18,89,2.396,110,1.635,112,1.026,121,1.934,124,3.327,134,0.377,140,1.084,161,1.613,174,1.547,175,2.03,202,3.106,242,1.894,382,1.729,405,4.413,411,3.532,417,2.998,418,3.001,428,3.055,437,3.055,479,3.055,483,4.127,490,3.267,515,3.055,630,3.79,668,3.347,682,1.773,688,2.371,788,2.595,802,2.595,851,2.03,858,2.878,1113,6.371,1114,4.428,1115,4.428,1116,2.878,1117,2.878,1118,5.253,1119,5.982,1120,4.428,1121,3.888,1122,4.428,1123,4.428,1124,3.888,1125,4.998,1126,4.428,1127,5.253,1128,4.428,1129,5.253,1130,4.428,1131,4.428,1132,2.727,1133,4.428]],["category/{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}",[803,17.386,851,17.386]],["body/{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}",[1,0.009,2,0.061,3,0.199,4,0.293,5,0.831,11,2.69,12,0.277,13,0.831,16,2.697,18,0.678,19,0.641,20,1.893,23,2.803,27,0.605,29,1.009,30,0.055,31,0.059,32,0.067,33,0.006,35,0.067,37,0.067,38,0.02,39,0.067,40,0.067,41,0.242,42,0.268,43,0.268,44,0.268,46,0.069,47,0.119,48,0.113,49,0.126,50,0.131,51,0.106,52,0.078,54,0.061,55,0.08,56,0.186,57,0.113,58,0.119,59,0.126,60,0.894,61,1.12,63,0.447,64,1.089,65,0.678,66,0.514,67,0.641,68,0.743,69,1.425,70,0.659,71,1.464,72,0.659,73,0.678,74,0.659,75,0.659,76,0.659,77,0.738,78,0.738,79,0.738,81,1.708,82,0.678,84,1.329,87,1.332,91,1.878,95,0.913,96,0.857,97,1.293,101,0.574,105,1.404,108,1.512,112,1.06,118,1.482,120,1.084,124,1.676,126,0.717,128,1.573,134,0.341,137,1.218,140,1.573,144,0.678,149,0.975,159,1.417,160,0.623,161,1.59,169,1.255,171,1.336,173,1.275,174,0.945,177,1.148,178,1.404,180,1.855,185,1.482,188,0.738,191,2.615,194,3.021,196,0.913,200,1.878,201,2.045,205,1.336,206,0.738,209,1.126,211,1.745,213,1.365,218,1.009,219,0.831,236,1.573,237,1.682,239,1.255,240,0.975,241,1.573,249,1.512,253,0.975,266,2.002,268,1.618,270,1.126,275,1.573,278,0.975,280,1.336,284,2.376,286,2.002,295,1.878,304,0.759,306,3.067,330,1.878,344,1.404,345,1.336,346,1.15,348,1.221,350,1.221,353,1.72,365,1.682,367,2.916,373,1.009,379,1.832,381,1.563,382,1.056,390,2.165,410,1.275,414,1.482,415,1.221,417,1.009,418,1.512,424,1.573,433,1.221,435,1.957,485,1.851,494,1.045,497,1.573,516,2.376,520,2.002,521,1.958,542,1.805,575,1.512,578,0.913,583,0.806,592,6.382,608,1.482,623,2.038,624,1.404,635,1.336,646,1.573,678,2.251,683,1.958,689,1.171,698,3.224,705,1.171,707,1.275,709,2.045,724,2.916,739,1.573,767,1.682,779,1.336,786,1.682,794,1.819,803,3.513,825,2.586,826,1.404,837,1.682,842,1.573,845,0.913,849,1.275,851,3.513,866,1.482,869,2.522,896,1.819,897,1.404,900,1.819,907,2.376,922,1.563,944,1.573,963,1.738,980,0.975,983,1.482,1015,1.682,1030,1.878,1044,1.275,1057,2.376,1078,1.336,1082,3.21,1111,1.819,1112,2.002,1117,2.376,1129,2.002,1132,1.404,1134,3.65,1135,2.28,1136,2.28,1137,3.21,1138,1.819,1139,6.424,1140,1.819,1141,2.28,1142,5.817,1143,2.28,1144,2.28,1145,2.28,1146,4.596,1147,3.655,1148,2.28,1149,2.28,1150,2.002,1151,2.002,1152,4.018,1153,5.031,1154,1.682,1155,2.002,1156,4.512,1157,1.819,1158,1.819,1159,2.697,1160,2.002,1161,2.002,1162,2.376,1163,5.235,1164,2.28,1165,2.28,1166,4.576,1167,1.819,1168,4.596,1169,4.576,1170,2.251,1171,3.403,1172,3.655,1173,3.953,1174,3.655,1175,3.655,1176,3.21,1177,2.28,1178,3.21,1179,2.28,1180,2.28,1181,2.28,1182,2.28,1183,5.73,1184,2.002,1185,6.34,1186,2.28,1187,2.28,1188,2.002,1189,2.28,1190,2.916,1191,2.28,1192,2.28,1193,3.655,1194,2.522,1195,3.655,1196,1.958,1197,2.28,1198,2.28,1199,2.28,1200,2.28,1201,2.002,1202,2.28,1203,2.28,1204,1.482,1205,2.002,1206,1.819,1207,2.002,1208,2.002,1209,2.002,1210,2.002,1211,2.916,1212,1.404,1213,2.697,1214,1.275,1215,2.002,1216,2.002,1217,1.404,1218,2.002,1219,2.002,1220,1.404,1221,2.002,1222,3.21,1223,2.916,1224,2.002,1225,3.65,1226,2.28,1227,2.002,1228,4.176,1229,1.819,1230,2.002,1231,1.819,1232,2.28,1233,2.28,1234,5.235,1235,1.819,1236,2.697,1237,2.002,1238,1.682,1239,2.002,1240,2.28,1241,2.28,1242,2.28,1243,2.28,1244,1.819,1245,2.916,1246,2.28,1247,2.28]],["category/{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}",[331,21.869]],["body/{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}",[1,0.009,2,0.061,3,0.191,4,0.325,5,2.515,11,1.178,12,1.014,14,1.964,16,1.691,18,1.365,19,0.644,20,0.948,22,1.343,24,1.051,29,1.015,30,0.055,31,0.037,32,0.068,33,0.007,35,0.068,37,0.068,38,0.02,39,0.068,40,0.068,46,0.043,47,0.12,48,0.113,49,0.127,50,0.131,51,0.106,52,0.143,54,0.061,55,0.08,56,0.149,57,0.113,58,0.12,59,0.127,60,0.819,61,0.561,68,0.839,69,0.437,71,1.007,81,1.712,82,1.365,83,1.424,84,1.044,91,1.178,95,2.454,97,2.604,98,2.812,100,2.828,101,0.577,102,2.184,104,1.966,108,0.948,110,0.627,111,1.343,112,0.851,116,0.835,120,1.09,124,3.164,125,2.569,126,1.155,134,0.17,137,1.75,138,2.533,140,1.124,144,0.425,145,2.578,146,1.178,155,2.408,157,1.155,159,0.889,160,1.255,169,0.787,175,1.683,177,0.805,179,1.412,181,1.015,185,1.49,188,1.7,189,2.013,192,1.581,194,1.132,196,1.47,206,1.189,208,1.886,213,0.874,218,1.625,219,1.674,223,1.581,224,2.013,242,1.57,244,1.015,245,2.763,248,1.561,249,2.376,253,1.57,261,1.051,263,1.49,282,2.324,298,4.033,304,1.09,329,1.09,330,3.546,331,3.623,338,2.386,348,1.966,353,1.726,354,1.581,355,1.343,357,1.343,362,2.386,373,1.015,375,2.261,377,0.98,380,3.367,381,0.98,382,1.327,384,1.964,386,1.38,387,1.09,388,2.184,390,1.519,406,2.261,408,1.282,424,1.581,435,1.964,485,2.168,490,1.691,505,1.726,506,4.883,507,1.625,519,1.343,522,3.874,525,3.538,528,1.228,529,1.49,530,1.228,539,1.343,575,0.948,583,1.298,584,3.735,589,0.889,599,2.013,610,2.261,619,1.49,623,1.531,630,1.282,638,1.813,678,2.261,689,1.178,691,1.829,709,1.282,728,1.813,738,1.691,745,2.386,751,2.261,758,1.178,759,1.581,767,1.691,809,2.915,819,2.184,834,1.966,835,1.691,843,3.43,844,1.282,845,1.839,886,1.829,899,1.625,900,1.829,901,1.132,902,1.051,907,1.49,922,0.98,936,1.412,975,1.412,980,2.622,983,1.49,1008,2.151,1011,1.581,1015,1.691,1016,2.151,1025,1.581,1027,1.581,1030,1.886,1033,1.49,1067,2.938,1084,1.691,1096,2.261,1098,1.691,1102,1.581,1105,1.343,1127,2.013,1132,1.412,1158,1.829,1167,2.929,1171,1.49,1188,2.013,1190,1.829,1196,1.228,1201,3.224,1204,1.49,1211,1.829,1214,1.282,1220,1.412,1231,1.829,1244,1.829,1248,1.581,1249,2.013,1250,2.013,1251,3.224,1252,1.691,1253,1.829,1254,2.292,1255,6.438,1256,2.533,1257,2.292,1258,4.592,1259,2.292,1260,2.292,1261,1.49,1262,1.829,1263,1.829,1264,2.292,1265,1.581,1266,1.829,1267,2.292,1268,2.292,1269,2.709,1270,1.691,1271,1.228,1272,2.292,1273,2.292,1274,2.292,1275,3.664,1276,5.136,1277,3.671,1278,2.292,1279,3.671,1280,3.671,1281,1.581,1282,1.581,1283,2.013,1284,3.671,1285,1.829,1286,2.013,1287,2.292,1288,2.292,1289,1.691,1290,4.229,1291,2.013,1292,2.013,1293,1.412,1294,2.292,1295,2.013,1296,2.292,1297,3.671,1298,2.292,1299,2.013,1300,2.292,1301,2.013,1302,2.013,1303,3.671,1304,2.292,1305,1.691,1306,2.292,1307,2.013,1308,2.013,1309,2.013,1310,2.013,1311,2.013,1312,2.013,1313,2.292,1314,6.901,1315,4.486,1316,2.292,1317,2.292,1318,2.292,1319,2.292,1320,2.292,1321,1.49,1322,2.292,1323,2.292,1324,2.292,1325,2.292,1326,2.292,1327,2.292,1328,2.292,1329,1.228,1330,1.691,1331,3.671,1332,1.412,1333,2.292,1334,2.013,1335,2.292,1336,3.224,1337,2.292,1338,1.829,1339,2.292,1340,1.829,1341,6.216,1342,4.189,1343,2.292,1344,2.292,1345,1.343,1346,1.691,1347,2.292,1348,2.929,1349,4.189,1350,1.49,1351,2.929,1352,3.671,1353,2.292,1354,2.292,1355,2.292,1356,2.292,1357,1.829,1358,2.292,1359,2.013,1360,1.49,1361,2.292,1362,2.292,1363,2.013]],["category/{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}",[388,18.033,1364,30.25]],["body/{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}",[1,0.01,2,0.087,3,0.138,4,0.305,12,0.858,13,1.186,23,2.575,27,0.538,30,0.078,31,0.053,32,0.096,33,0.008,35,0.096,37,0.096,38,0.028,39,0.096,40,0.096,46,0.061,48,0.237,50,0.103,52,0.103,54,0.087,55,0.168,56,0.274,61,1.177,64,0.664,66,1.52,69,1.287,81,0.865,82,0.967,83,2.451,88,1.15,90,1.261,91,2.471,95,3.066,97,2.023,100,4.153,104,1.742,112,0.754,115,0.94,117,0.889,124,1.491,126,1.988,134,0.151,137,2.106,141,4.22,142,3.2,144,0.604,145,1.302,146,1.671,149,1.391,155,2.205,174,0.841,177,1.386,178,2.003,185,2.114,186,1.261,188,2.428,194,2.825,196,1.302,198,2.856,205,2.818,206,1.053,208,1.671,211,1.603,213,1.145,218,1.44,223,3.317,233,1.391,235,1.547,238,0.754,242,1.391,243,2.4,245,2.53,248,0.967,260,0.754,268,1.44,281,2.003,284,2.114,289,2.4,295,2.471,304,0.675,311,0.754,330,3.627,331,3.871,338,3.125,339,2.114,345,1.906,346,1.513,363,1.44,368,3.473,369,1.491,375,2.003,379,2.53,380,2.818,382,0.94,384,1.391,388,3.005,417,1.44,435,1.391,495,2.4,499,3.064,502,1.44,505,2.15,507,2.797,508,2.623,516,2.114,519,1.906,528,1.742,542,1.607,601,3.548,607,3.317,638,2.375,671,5.023,684,2.595,689,1.671,732,2.856,745,3.718,746,4.222,748,2.595,751,2.003,758,1.671,802,3.352,819,2.287,825,3.331,826,4.153,851,2.205,859,3.005,882,2.4,946,1.82,963,1.547,969,2.114,980,1.391,1016,1.906,1027,2.244,1030,1.671,1033,2.114,1067,1.82,1077,2.856,1098,2.4,1167,5.042,1170,2.003,1171,2.114,1196,1.742,1212,2.003,1217,3.523,1251,4.222,1271,1.742,1281,2.244,1282,2.244,1364,2.595,1365,2.595,1366,5.023,1367,4.222,1368,4.222,1369,3.253,1370,2.856,1371,2.856,1372,2.595,1373,2.595,1374,4.808,1375,2.595,1376,4.808,1377,3.253,1378,2.4,1379,4.808,1380,6.32,1381,4.808,1382,3.253,1383,2.595,1384,4.808,1385,2.856,1386,4.808,1387,3.253,1388,3.253,1389,4.808,1390,3.253,1391,3.548,1392,3.253,1393,2.856,1394,3.253,1395,2.856,1396,3.253,1397,2.114,1398,3.253,1399,2.856,1400,2.4,1401,4.808,1402,2.856,1403,3.836,1404,4.808,1405,2.595,1406,3.253,1407,2.856,1408,4.808,1409,2.961,1410,2.856]],["category/{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}",[330,19.484,331,16.782]],["body/{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}",[1,0.01,2,0.093,3,0.083,4,0.332,12,1.053,21,1.953,26,4.366,27,0.833,31,0.056,32,0.102,33,0.008,35,0.102,37,0.102,38,0.03,39,0.102,40,0.102,41,0.367,42,0.407,43,0.407,44,0.407,46,0.13,47,0.264,48,0.249,49,0.279,50,0.16,51,0.161,52,0.108,54,0.135,55,0.121,56,0.281,57,0.171,58,0.181,59,0.192,60,0.786,64,1.054,68,0.841,88,1.225,90,1.343,95,1.387,97,1.225,101,0.872,112,0.803,115,1.001,116,1.263,124,1.588,126,1.584,134,0.275,137,1.679,140,1.594,141,3.715,142,2.817,144,1.101,149,1.482,159,2.526,160,1.376,169,1.729,173,1.938,174,0.896,175,2.986,186,1.343,188,2.621,200,3.049,208,3.709,213,1.199,217,1.433,219,1.263,223,2.39,233,1.482,235,1.648,238,1.375,242,1.482,245,1.387,248,1.936,249,2.694,273,1.78,274,2.134,293,2.134,304,0.719,311,0.803,330,4.234,331,3.584,333,2.39,337,1.855,338,3.857,339,2.252,340,2.252,341,2.556,342,2.03,346,2.049,358,2.134,368,2.395,371,1.855,379,1.387,380,3.817,381,2.154,409,2.951,432,2.252,437,2.39,485,1.225,506,2.39,507,2.229,508,2.309,514,2.39,522,2.556,600,2.03,610,2.134,678,2.134,684,2.764,688,1.855,745,3.273,748,2.764,759,2.39,801,2.588,802,2.03,808,2.697,823,2.252,825,3.217,826,4.011,828,3.042,897,2.134,899,1.533,902,1.588,980,1.482,1087,2.556,1102,4.493,1118,4.422,1173,3.474,1196,2.697,1214,3.319,1236,2.556,1245,2.764,1270,2.556,1271,1.855,1275,2.764,1360,3.273,1378,2.556,1385,3.042,1411,3.042,1412,5.036,1413,3.464,1414,3.464,1415,5.933,1416,3.042,1417,3.042,1418,2.556,1419,5.036,1420,5.933,1421,3.464,1422,3.042,1423,3.042,1424,4.018,1425,5.933,1426,5.036,1427,3.042,1428,2.764,1429,3.464,1430,3.464,1431,3.042,1432,2.764,1433,3.464,1434,3.464,1435,2.39,1436,3.464]],["category/{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}",[1105,28.954]],["body/{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}",[1,0.01,2,0.106,3,0.214,4,0.342,7,2.735,12,0.884,21,2.145,27,0.654,28,1.142,30,0.095,31,0.064,32,0.116,33,0.009,35,0.116,37,0.116,38,0.034,39,0.116,40,0.116,41,0.419,42,0.465,43,0.465,44,0.465,46,0.137,47,0.29,48,0.273,49,0.306,50,0.137,51,0.183,52,0.137,54,0.106,55,0.138,56,0.161,57,0.195,58,0.207,59,0.219,61,0.967,63,0.776,64,1.185,65,1.175,66,0.891,67,1.111,68,0.884,69,1.218,70,1.142,71,1.733,72,1.142,73,1.175,74,1.142,75,1.142,76,1.142,77,1.279,78,1.279,79,1.279,82,1.644,84,1.135,89,1.956,90,1.532,96,1.485,101,1.392,109,1.175,115,1.142,116,1.44,117,1.512,134,0.296,140,1.354,149,1.69,161,0.941,171,2.316,175,1.812,176,2.301,177,0.867,186,1.532,188,1.279,194,1.952,196,1.582,218,1.749,219,1.44,235,1.879,238,1.479,239,1.899,242,1.69,244,1.749,248,1.897,274,2.434,304,1.148,311,0.916,329,3.587,337,2.116,338,2.569,339,2.569,340,2.569,341,2.916,342,2.316,357,2.316,371,2.116,382,1.142,506,2.726,525,2.434,542,1.952,632,1.635,634,2.211,803,1.812,838,3.418,1016,2.316,1030,2.031,1076,3.153,1078,2.316,1094,3.153,1105,4.96,1107,3.47,1108,3.153,1253,3.153,1437,3.952,1438,5.532,1439,4.857,1440,3.952,1441,3.952,1442,3.47,1443,2.726,1444,3.952,1445,3.952,1446,5.532]],["category/{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}",[160,10.364,1105,22.22]],["body/{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}",[1,0.01,2,0.106,3,0.212,4,0.161,8,3.158,12,0.481,14,1.693,19,1.112,27,0.655,28,1.846,30,0.095,31,0.064,32,0.117,33,0.008,35,0.117,37,0.117,38,0.034,39,0.117,40,0.117,46,0.074,47,0.207,48,0.195,49,0.219,50,0.119,51,0.184,52,0.148,54,0.106,55,0.139,56,0.161,57,0.195,58,0.207,59,0.219,63,0.777,64,1.186,65,1.176,66,0.892,67,1.112,68,0.976,69,1.057,70,1.144,71,1.733,72,1.144,73,1.176,74,1.144,75,1.144,76,1.144,77,1.281,78,1.281,79,1.281,84,0.617,89,2.447,95,2.217,96,2.081,109,1.646,112,1.687,124,2.929,125,2.214,134,0.297,142,3.098,144,1.185,146,2.034,159,1.535,160,2.314,162,2.12,163,4.086,169,1.901,170,2.539,171,3.245,174,1.432,175,2.539,176,2.349,191,2.368,196,1.585,213,0.943,238,0.917,239,2.375,244,1.752,253,1.693,260,0.917,265,3.158,280,2.319,311,0.917,350,2.12,373,1.752,379,1.585,386,1.488,493,3.475,494,3.172,495,4.086,496,2.438,497,4.407,505,1.488,508,2.539,509,3.475,541,2.12,634,3.098,638,2.735,665,2.92,809,1.882,819,1.882,838,2.12,853,2.731,1035,3.475,1049,3.245,1058,2.92,1068,4.497,1105,4.863,1439,6.075,1447,3.158,1448,2.573,1449,5.538,1450,3.475,1451,3.958,1452,2.92,1453,3.958,1454,3.958,1455,3.958,1456,2.573,1457,2.573,1458,3.958,1459,3.158]],["category/{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}",[584,32.118]],["body/{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}",[1,0.01,2,0.123,3,0.211,4,0.249,5,1.676,11,2.363,12,0.895,27,1.219,28,1.329,30,0.111,31,0.075,32,0.136,33,0.009,35,0.136,37,0.136,38,0.04,39,0.136,40,0.136,41,0.487,42,0.541,43,0.541,44,0.541,46,0.086,47,0.241,48,0.227,49,0.255,50,0.148,51,0.214,52,0.099,54,0.123,55,0.161,56,0.187,57,0.227,58,0.241,59,0.255,60,0.717,64,1.206,66,1.037,68,0.559,69,0.878,71,1.796,82,1.367,91,2.363,101,1.157,110,1.257,113,4.038,121,1.095,125,3.433,134,0.285,137,1.533,140,1.126,144,0.853,160,1.257,174,1.189,179,2.832,188,1.489,202,2.109,260,1.066,285,2.832,329,2.187,331,2.035,350,2.463,380,4.047,381,2.953,384,2.624,471,3.393,507,2.716,542,2.272,575,1.902,584,5.445,606,3.173,623,1.533,688,2.463,781,4.038,788,2.695,844,2.573,922,1.967,969,2.989,1012,3.173,1154,3.393,1170,3.779,1417,4.038,1460,4.599,1461,3.393,1462,2.989,1463,4.038,1464,2.989,1465,4.599,1466,2.832,1467,4.599,1468,6.136,1469,6.136,1470,4.599,1471,7.368,1472,5.388,1473,4.599,1474,3.669,1475,4.599,1476,4.599,1477,4.599,1478,4.599,1479,4.599,1480,4.599,1481,4.599,1482,4.599,1483,4.599,1484,4.599]],["category/{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}",[111,22.22,1116,24.648]],["body/{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}",[1,0.01,2,0.106,3,0.207,4,0.281,12,0.48,20,1.635,23,2.116,27,0.654,30,0.095,31,0.064,32,0.116,33,0.008,35,0.116,37,0.116,38,0.034,39,0.116,40,0.116,41,0.419,42,0.465,43,0.465,44,0.465,46,0.074,47,0.362,48,0.195,49,0.219,50,0.119,51,0.183,52,0.119,54,0.106,55,0.138,56,0.161,57,0.195,58,0.207,59,0.219,63,1.086,64,1.185,65,1.175,66,0.891,67,1.111,68,0.941,69,0.754,70,1.142,71,1.733,72,1.142,73,1.175,74,1.142,75,1.142,76,1.142,77,1.279,78,1.279,79,1.279,82,1.175,84,0.616,87,1.44,89,2.934,90,1.532,111,4.861,112,0.916,115,1.142,116,1.44,121,0.941,130,4.857,134,0.35,140,0.967,149,2.366,157,1.74,169,1.356,174,1.431,184,4.081,196,1.582,213,0.941,238,1.282,244,2.825,246,2.825,379,2.215,381,1.69,382,1.142,390,1.635,418,1.635,420,1.879,435,1.69,472,1.899,494,1.812,504,2.434,505,2.079,507,1.749,515,2.726,539,2.316,545,2.916,577,1.952,583,1.398,604,3.596,633,5.369,666,1.812,682,2.215,688,2.963,697,4.645,728,3.153,755,3.816,784,3.153,787,3.153,788,2.316,802,2.316,819,1.879,834,2.116,858,2.569,963,1.879,1055,3.47,1116,5.434,1117,4.731,1212,2.434,1229,3.153,1236,2.916,1266,3.153,1332,2.434,1409,2.434,1457,2.569,1485,6.071,1486,3.952,1487,3.952,1488,3.952,1489,3.952,1490,3.952,1491,3.952,1492,6.071,1493,3.952,1494,2.916,1495,3.153,1496,3.47,1497,3.47,1498,3.47,1499,3.153,1500,3.47,1501,2.434,1502,2.726,1503,2.569]],["category/{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}",[1116,24.648,1504,33.296]],["body/{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}",[1,0.01,2,0.116,3,0.187,4,0.292,12,0.717,18,1.289,20,1.793,27,1.109,30,0.104,31,0.07,32,0.128,33,0.009,35,0.128,37,0.128,38,0.037,39,0.128,40,0.128,41,0.46,42,0.51,43,0.51,44,0.51,46,0.082,47,0.227,48,0.214,49,0.24,50,0.126,51,0.201,52,0.126,54,0.116,55,0.152,56,0.176,57,0.214,58,0.227,59,0.24,60,0.676,63,1.315,68,0.874,82,1.289,84,0.92,87,1.58,89,2.085,112,1.366,115,1.253,120,2.062,121,1.033,126,1.855,134,0.36,140,1.061,157,1.855,174,1.525,176,1.289,184,3.199,202,1.988,209,2.142,213,1.033,238,1.553,246,1.919,248,1.289,337,3.158,342,3.456,348,2.322,353,1.63,357,2.541,361,2.818,377,1.854,379,2.683,381,2.522,418,2.439,420,2.062,424,2.991,427,2.67,433,2.322,435,1.854,470,3.632,472,2.024,494,1.988,504,2.67,505,1.63,507,1.919,515,2.991,539,2.541,545,3.199,577,2.142,583,1.533,602,3.158,604,4.356,615,3.807,633,5.55,666,2.704,668,2.426,697,2.67,728,2.142,755,2.991,784,4.705,787,4.705,788,3.456,802,2.541,819,2.062,834,2.322,893,3.807,963,2.805,1116,5.545,1117,4.89,1212,2.67,1229,3.459,1236,3.199,1266,3.459,1485,6.316,1492,6.316,1494,3.199,1495,3.459,1496,3.807,1497,3.807,1498,3.807,1499,3.459,1500,3.807,1501,2.67,1502,2.991,1503,2.818,1504,7.274,1505,5.897,1506,4.336,1507,4.336,1508,4.336,1509,4.336,1510,2.991,1511,4.336,1512,4.336,1513,4.336,1514,4.336]],["category/{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}",[110,10.364,1515,30.25]],["body/{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}",[1,0.01,2,0.15,3,0.183,4,0.228,19,1.577,30,0.135,31,0.091,32,0.165,33,0.01,35,0.165,37,0.165,38,0.048,39,0.165,40,0.165,41,0.595,42,0.659,43,0.659,44,0.659,46,0.105,47,0.294,48,0.277,49,0.311,50,0.149,51,0.26,52,0.12,54,0.15,55,0.196,56,0.228,57,0.277,58,0.294,59,0.311,60,0.875,61,1.373,68,0.682,90,2.176,110,2.307,149,2.399,157,1.765,160,2.075,161,1.336,169,1.926,176,1.667,239,2.726,260,1.3,311,1.3,363,2.483,366,2.883,390,2.321,475,4.476,528,3.005,583,1.984,589,2.176,785,3.288,789,4.926,836,3.87,1061,4.476,1102,3.87,1269,4.139,1418,4.139,1515,6.055,1516,4.926,1517,5.61,1518,4.476,1519,7.941,1520,6.975,1521,5.61,1522,5.61]],["category/{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}",[251,32.118]],["body/{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}",[1,0.009,2,0.087,3,0.211,4,0.287,6,1.923,12,0.768,14,1.389,18,2.003,19,1.35,27,0.946,28,1.948,30,0.116,31,0.053,32,0.096,33,0.008,35,0.096,37,0.096,38,0.028,39,0.096,40,0.096,41,0.344,42,0.382,43,0.382,44,0.382,46,0.061,47,0.17,48,0.16,49,0.18,50,0.103,51,0.151,52,0.07,54,0.153,55,0.114,56,0.132,57,0.16,58,0.17,59,0.18,61,0.795,63,0.638,64,1.197,65,0.965,66,1.083,67,0.913,68,0.395,69,1.205,70,0.939,71,1.771,72,0.939,73,0.965,74,0.939,75,0.939,76,0.939,77,1.052,78,1.052,79,1.052,81,0.864,84,0.507,88,1.149,90,1.26,91,1.669,97,1.699,101,1.209,109,0.965,110,0.888,117,2.159,121,0.774,133,2.958,134,0.348,137,1.083,140,0.795,146,1.669,157,1.022,160,2.244,161,1.504,174,1.478,175,1.489,177,0.712,181,2.53,182,2.397,188,1.052,191,2.054,192,2.241,197,1.604,202,1.489,206,1.052,207,1.903,208,1.669,212,3.035,213,1.144,238,1.324,239,2.772,249,1.344,251,5.656,254,2.241,268,1.438,294,2.111,295,1.669,346,1.022,368,3.356,369,2.896,371,1.74,373,2.126,381,1.389,382,0.939,401,1.74,408,1.817,417,2.795,422,1.903,472,1.115,477,2,505,1.221,508,2.203,575,1.987,576,2.397,577,1.604,578,1.3,623,1.601,624,2.958,625,2.591,626,1.903,627,2.591,628,1.817,630,1.817,632,1.344,634,3.533,666,1.489,668,2.687,682,1.3,717,2.111,807,4.107,808,1.74,809,1.545,810,2.241,811,2.397,812,2.241,813,2.397,814,2.397,815,2.397,816,2.397,817,2.397,818,2.397,883,1.903,922,2.054,975,2,1196,1.74,1271,1.74,1281,2.241,1435,3.314,1502,3.943,1523,3.248,1524,3.248,1525,3.248,1526,3.248,1527,2.591,1528,3.248,1529,2.591,1530,4.804,1531,4.804,1532,3.248,1533,3.248,1534,4.804,1535,4.804,1536,4.804,1537,3.832,1538,3.832]],["category/{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}",[852,32.118]],["body/{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}",[1,0.01,2,0.133,3,0.211,4,0.263,27,1.069,30,0.12,31,0.081,32,0.147,33,0.009,35,0.147,37,0.147,38,0.043,39,0.147,40,0.147,41,0.527,42,0.585,43,0.585,44,0.585,46,0.094,47,0.26,48,0.246,49,0.275,50,0.138,51,0.231,52,0.107,54,0.133,55,0.174,56,0.202,57,0.246,58,0.26,59,0.275,61,1.218,63,0.976,64,1.216,65,1.478,66,1.121,67,1.398,68,0.604,69,0.949,70,1.437,71,1.827,72,1.437,73,1.478,74,1.437,75,1.437,76,1.437,77,1.61,78,1.61,79,1.61,88,1.759,97,2.687,110,1.766,112,1.153,121,1.185,160,1.36,170,2.281,176,1.478,188,1.61,191,2.127,242,2.127,264,3.063,503,2.365,542,2.457,573,3.615,575,2.057,628,3.615,751,3.063,803,2.281,823,3.233,850,2.783,852,5.246,1025,3.432,1539,4.974,1540,4.974,1541,4.974,1542,6.461,1543,6.461,1544,4.974,1545,6.461,1546,5.673,1547,4.974,1548,4.974,1549,3.968]],["category/{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}",[1550,36.455]],["body/{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}",[1,0.01,2,0.118,3,0.203,4,0.329,7,3.174,9,3.244,12,0.534,13,1.603,24,3.095,29,1.946,30,0.106,31,0.071,32,0.13,33,0.009,35,0.13,37,0.13,38,0.038,39,0.13,40,0.13,41,0.466,42,0.517,43,0.517,44,0.517,46,0.083,47,0.379,48,0.217,49,0.243,50,0.145,51,0.204,52,0.094,54,0.159,55,0.154,56,0.179,57,0.217,58,0.23,59,0.243,60,0.686,61,1.076,62,1.946,64,0.822,68,0.534,83,1.705,88,1.555,91,2.259,95,1.76,101,1.106,102,3.595,115,1.271,117,1.627,122,2.858,134,0.313,137,2.25,161,1.608,169,1.509,176,1.307,188,1.927,208,3.059,212,2.238,213,1.047,238,1.019,242,1.88,244,2.635,253,1.88,255,2.172,282,1.946,293,5.06,294,2.858,295,2.259,346,1.383,353,1.652,363,2.635,366,2.259,369,2.016,382,1.271,430,3.861,473,3.507,494,2.016,501,3.244,502,1.946,504,2.708,505,1.652,507,1.946,519,2.576,530,3.188,535,3.033,598,4.656,606,3.033,623,1.465,769,3.861,810,3.033,845,1.76,866,2.858,1037,4.107,1087,3.244,1093,5.228,1290,3.033,1315,2.858,1346,3.244,1350,2.858,1360,2.858,1400,3.244,1459,3.507,1474,3.507,1550,6.271,1551,5.953,1552,4.397,1553,3.507,1554,4.397,1555,4.397,1556,3.507,1557,4.397,1558,4.397,1559,4.397,1560,5.228,1561,5.228,1562,3.861,1563,4.397,1564,3.861,1565,3.244,1566,4.397,1567,3.507,1568,4.397,1569,4.397]],["category/{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}",[7,14.252,1550,27.976]],["body/{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}",[1,0.01,2,0.153,3,0.201,4,0.286,7,3.141,24,2.613,29,3.118,30,0.137,31,0.092,32,0.168,33,0.01,35,0.168,37,0.168,38,0.049,39,0.168,40,0.168,41,0.604,42,0.67,43,0.67,44,0.67,46,0.107,47,0.298,48,0.281,49,0.316,50,0.151,51,0.265,52,0.122,54,0.153,55,0.199,56,0.232,57,0.281,58,0.298,59,0.316,60,0.889,84,0.889,99,3.34,102,2.711,117,1.558,169,1.957,176,1.694,209,2.815,244,2.523,274,4.338,293,4.338,503,2.711,530,3.772,1196,3.053,1463,5.005,1550,6.166,1560,6.185,1561,6.185,1562,5.005,1564,5.005,1565,4.205,1570,5.7,1571,4.547]],["category/{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}",[645,27.643]],["body/{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}",[1,0.01,2,0.067,3,0.208,4,0.328,5,0.911,12,0.591,13,0.911,15,1.106,19,0.702,21,1.524,26,1.464,27,0.804,29,1.74,30,0.06,31,0.079,32,0.074,33,0.007,35,0.074,37,0.074,38,0.021,39,0.074,40,0.074,41,0.265,42,0.294,43,0.294,44,0.294,46,0.113,47,0.206,48,0.194,49,0.218,50,0.148,51,0.116,52,0.118,54,0.105,55,0.087,56,0.102,57,0.123,58,0.131,59,0.138,60,0.613,61,0.612,63,0.49,64,1.108,65,0.743,66,0.563,67,0.702,68,0.862,69,1.052,70,0.722,71,1.513,72,0.722,73,0.743,74,0.722,75,0.722,76,0.722,77,0.809,78,0.809,79,0.809,81,1.593,83,1.524,84,1.231,87,2.185,89,2.791,97,2.251,98,2.603,101,0.989,104,1.338,105,2.421,108,1.033,109,0.743,112,1.475,115,0.722,116,1.433,117,0.683,121,0.595,126,0.786,134,0.278,137,1.31,140,0.962,144,0.902,149,1.681,159,2.137,161,0.936,169,1.892,170,1.146,171,2.304,173,1.398,174,1.425,177,0.862,180,2.061,181,1.74,185,1.624,186,0.969,188,0.809,191,2.079,194,2.722,196,1,206,1.784,209,1.234,211,1.62,213,0.936,218,1.74,219,1.433,235,1.87,238,1.126,239,2.185,241,1.724,244,1.74,248,1.168,249,1.033,253,1.068,261,1.146,268,1.106,270,1.234,273,2.02,278,2.079,284,2.555,285,1.539,288,1.398,289,1.843,296,1.624,304,1.009,306,3.73,311,0.579,330,1.284,337,1.338,339,1.624,340,1.624,342,1.464,346,1.734,348,1.338,350,1.338,353,2.072,355,1.464,356,1.539,362,1.624,363,1.106,367,3.136,371,1.338,373,1.106,379,1.574,381,1.681,382,0.722,390,1.033,410,1.398,414,1.624,435,1.681,485,1.719,494,1.802,495,1.843,500,2.194,516,1.624,521,1.338,539,1.464,573,1.398,575,2.935,578,1,592,5.909,608,3.159,623,1.31,633,3.586,645,4.595,682,1,683,1.338,689,1.284,691,1.993,698,2.993,705,1.284,707,2.199,709,2.199,724,3.136,764,4.397,767,1.843,779,1.464,803,2.527,809,1.87,819,1.188,834,1.338,837,1.843,842,1.724,845,1,851,2.748,866,1.624,896,1.993,897,1.539,907,2.555,922,1.681,944,1.724,963,2.311,980,1.068,983,1.624,990,1.338,1008,1.464,1016,1.464,1044,1.398,1057,1.624,1067,1.398,1078,1.464,1132,1.539,1134,1.993,1137,3.452,1138,1.993,1146,2.194,1150,2.194,1151,2.194,1152,4.268,1153,4.268,1154,1.843,1155,2.194,1156,4.696,1157,1.993,1158,1.993,1159,1.843,1160,2.194,1161,2.194,1162,2.555,1168,2.194,1170,2.421,1185,2.194,1194,1.724,1204,1.624,1205,2.194,1206,1.993,1207,2.194,1208,2.194,1209,2.194,1210,2.194,1211,3.136,1212,1.539,1213,2.9,1214,1.398,1215,2.194,1216,2.194,1217,2.421,1218,2.194,1219,2.194,1220,1.539,1221,2.194,1222,3.452,1223,3.136,1224,2.194,1225,3.136,1227,2.194,1228,3.136,1244,1.993,1271,1.338,1329,1.338,1378,1.843,1432,1.993,1443,3.353,1448,1.624,1565,1.843,1572,2.194,1573,2.498,1574,2.498,1575,3.452,1576,3.452,1577,2.194,1578,4.268,1579,2.498,1580,2.498,1581,1.993,1582,2.498,1583,2.498,1584,3.931,1585,2.498,1586,2.498,1587,1.843,1588,2.498,1589,1.993,1590,1.843,1591,2.498,1592,2.498,1593,2.498,1594,2.498,1595,2.498,1596,2.498,1597,2.194,1598,2.498,1599,2.498,1600,2.498,1601,2.498,1602,2.498,1603,2.194,1604,2.498,1605,2.498,1606,2.498,1607,2.498,1608,2.498,1609,2.498]],["category/{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}",[575,15.684,645,21.213]],["body/{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}",[1,0.01,2,0.135,3,0.198,4,0.205,18,1.938,19,2.03,28,1.458,30,0.121,31,0.082,32,0.149,33,0.009,35,0.149,37,0.149,38,0.043,39,0.149,40,0.149,41,0.535,42,0.593,43,0.593,44,0.593,46,0.095,47,0.264,48,0.249,49,0.279,50,0.14,60,1.127,62,2.233,81,1.341,84,1.017,88,2.555,120,3.436,121,1.201,134,0.303,144,0.936,213,1.201,260,1.511,273,2.592,282,2.233,297,3.48,346,1.587,381,2.157,386,1.896,485,1.784,575,3.653,608,3.279,645,4.917,682,2.02,689,2.592,698,4.871,845,2.02,899,2.886,1132,3.107,1134,4.024,1196,2.701,1225,4.024,1228,4.024,1281,3.48,1282,3.48,1391,3.722,1443,3.48,1447,4.024,1537,4.024,1565,3.722,1575,5.725,1576,5.725,1577,4.429,1610,5.044,1611,5.044,1612,5.044,1613,5.044,1614,5.044,1615,5.044,1616,5.044,1617,5.044,1618,5.044]],["category/{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}",[160,10.364,1106,26.16]],["body/{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}",[1,0.01,2,0.121,3,0.21,6,1.814,19,1.708,21,2.356,27,1.134,30,0.109,31,0.073,32,0.134,33,0.009,35,0.134,37,0.134,38,0.039,39,0.134,40,0.134,41,0.48,42,0.533,43,0.533,44,0.533,46,0.138,47,0.318,48,0.3,49,0.337,50,0.157,51,0.21,52,0.13,54,0.121,55,0.159,56,0.247,57,0.224,58,0.237,59,0.251,63,0.89,64,1.204,65,1.347,66,1.022,67,1.274,68,0.738,69,1.308,70,1.31,71,1.79,72,1.31,73,1.347,74,1.31,75,1.31,76,1.31,77,1.467,78,1.467,79,1.467,84,0.948,94,3.98,110,2.149,116,1.652,121,1.079,134,0.282,160,2.283,163,4.483,196,1.814,219,1.652,255,2.239,304,0.941,311,1.05,329,2.155,331,2.689,337,2.427,338,2.946,339,2.946,340,2.946,341,3.344,342,2.656,357,2.656,358,2.791,387,2.155,422,3.561,503,2.155,544,4.192,607,4.729,644,2.791,1106,5.269,1125,3.344,1383,3.616,1619,6.019,1620,4.532,1621,4.532,1622,4.532,1623,3.98,1624,6.019,1625,4.532,1626,4.532,1627,4.532,1628,6.076,1629,4.532,1630,3.98]],["category/{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}",[1106,26.16,1631,33.296]],["body/{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}",[1,0.011,2,0.144,3,0.179,4,0.276,9,5.013,24,2.467,30,0.13,31,0.087,32,0.159,33,0.009,35,0.159,37,0.159,38,0.046,39,0.159,40,0.159,41,0.57,42,0.633,43,0.633,44,0.633,46,0.101,47,0.282,48,0.266,49,0.298,50,0.146,51,0.25,52,0.146,54,0.144,55,0.188,56,0.219,57,0.266,58,0.282,59,0.298,62,2.382,68,0.826,102,2.559,112,1.247,120,2.559,121,1.282,126,1.693,144,0.998,161,1.282,177,1.18,180,1.742,183,3.97,190,4.293,200,2.765,214,4.19,215,4.145,216,3.97,218,2.382,238,1.247,248,2.02,249,2.226,287,5.966,369,2.467,388,2.559,530,2.882,642,3.498,1106,5.138,1262,4.293,1624,6.869,1631,7.083,1632,5.381,1633,5.381,1634,8.067,1635,6.795,1636,5.381,1637,5.381]],["category/{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}",[758,19.484,1638,33.296]],["body/{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}",[1,0.01,2,0.134,3,0.211,27,0.828,30,0.12,31,0.081,32,0.147,33,0.009,35,0.147,37,0.147,38,0.043,39,0.147,40,0.147,41,0.53,42,0.588,43,0.588,44,0.588,46,0.094,47,0.262,48,0.247,49,0.277,50,0.139,51,0.232,52,0.107,54,0.134,55,0.175,56,0.203,57,0.247,58,0.262,59,0.277,63,0.982,64,1.216,65,1.487,66,1.128,67,1.406,68,0.788,69,0.955,70,1.446,71,1.829,72,1.446,73,1.487,74,1.446,75,1.446,76,1.446,77,1.62,78,1.62,79,1.62,96,1.881,115,1.446,121,1.879,124,2.294,261,2.294,304,1.038,311,1.159,348,2.68,417,2.215,418,2.07,442,3.692,483,3.452,485,1.77,513,3.692,541,2.68,542,2.472,607,3.452,630,2.799,758,4.053,833,4.394,980,2.14,1121,5.696,1638,6.32,1639,5.004,1640,5.004,1641,7.614,1642,6.486,1643,5.004,1644,5.004,1645,5.004,1646,5.004,1647,5.004,1648,5.004,1649,5.004,1650,5.004,1651,5.004,1652,5.004]],["category/{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}",[1653,36.455]],["body/{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}",[1,0.01,2,0.116,3,0.211,4,0.292,15,1.912,18,1.284,19,1.214,30,0.104,31,0.07,32,0.127,33,0.009,35,0.127,37,0.127,38,0.037,39,0.127,40,0.127,46,0.081,47,0.226,48,0.213,49,0.239,50,0.126,51,0.201,52,0.093,54,0.116,55,0.151,56,0.176,57,0.213,58,0.226,59,0.239,63,0.848,64,1.198,65,1.284,66,0.974,67,1.214,68,0.873,69,0.825,70,1.249,71,1.771,72,1.249,73,1.284,74,1.249,75,1.249,76,1.249,81,1.149,82,2.233,83,2.785,84,1.259,87,2.438,96,2.514,112,1.001,116,1.575,134,0.273,144,0.802,159,2.282,166,3.188,167,3.188,168,3.188,173,2.417,174,1.117,186,2.282,188,1.399,212,1.624,246,1.912,257,3.188,280,3.448,285,2.661,304,0.897,371,3.151,418,1.787,433,2.314,470,2.661,472,2.723,487,5.72,496,4.12,497,4.615,514,2.981,521,2.314,573,2.417,588,3.188,666,1.981,705,2.22,742,3.188,758,2.22,779,2.532,855,4.615,899,2.961,1117,3.824,1263,5.337,1373,5.337,1457,2.808,1653,6.04,1654,3.188,1655,4.321,1656,4.321,1657,4.321,1658,5.166,1659,5.166,1660,3.447,1661,5.166,1662,4.321,1663,3.794,1664,4.321]],["category/{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}",[212,14.252,1653,27.976]],["body/{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}",[1,0.01,2,0.1,3,0.212,4,0.322,15,2.36,18,1.844,19,1.054,24,2.844,29,2.36,30,0.09,31,0.061,32,0.111,33,0.008,35,0.111,37,0.111,38,0.032,39,0.111,40,0.111,46,0.071,47,0.196,48,0.185,49,0.208,50,0.133,51,0.174,52,0.114,54,0.1,55,0.131,56,0.152,57,0.185,58,0.196,59,0.208,62,2.36,63,1.046,64,1.178,65,1.115,66,0.845,67,1.054,68,0.821,69,0.716,70,1.084,71,1.71,72,1.084,73,1.115,74,1.084,75,1.084,76,1.084,80,4.253,81,1.649,82,2.008,83,2.067,84,1.293,85,3.465,86,4.253,87,1.943,88,2.194,96,1.41,97,1.885,98,2.008,99,2.198,102,2.95,116,1.367,117,2.32,125,2.098,134,0.288,144,0.696,159,2.067,161,0.893,166,2.767,167,2.767,168,2.767,169,1.287,173,2.098,174,0.97,177,0.822,188,2.008,191,1.604,206,1.214,209,2.633,211,1.777,212,3.115,213,0.893,219,1.367,220,3.293,231,3.465,248,1.115,249,1.551,256,2.198,270,2.633,280,3.124,304,0.778,382,1.084,386,2.004,387,1.783,409,2.198,414,3.465,418,1.551,472,1.287,487,2.767,494,1.72,496,2.31,497,2.587,573,2.098,588,2.767,676,2.992,689,1.927,690,2.438,742,2.767,855,2.587,866,2.438,885,3.293,899,1.66,960,2.992,1044,2.098,1064,2.992,1091,3.293,1263,2.992,1373,2.992,1457,2.438,1653,6.359,1658,4.681,1659,4.681,1660,4.949,1661,3.293,1665,3.75,1666,2.992,1667,3.75,1668,3.75,1669,3.75,1670,2.992,1671,3.293,1672,3.75,1673,3.75,1674,3.75,1675,3.75]],["category/{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}",[618,34.089]],["body/{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}",[1,0.01,2,0.121,3,0.209,4,0.278,12,0.55,20,1.871,27,1.004,30,0.109,31,0.073,32,0.133,33,0.009,35,0.133,37,0.133,38,0.039,39,0.133,40,0.133,41,0.48,42,0.532,43,0.532,44,0.532,46,0.085,47,0.237,48,0.223,49,0.251,50,0.13,51,0.21,52,0.097,54,0.121,55,0.158,56,0.184,57,0.223,58,0.237,59,0.251,60,0.706,61,1.107,63,0.888,64,1.204,65,1.345,66,1.02,67,1.271,68,0.738,69,1.397,70,1.307,71,1.812,72,1.307,73,1.345,74,1.307,75,1.307,76,1.307,77,1.465,78,1.465,79,1.465,82,1.345,88,1.6,97,2.146,109,1.804,110,1.237,117,1.659,133,3.738,134,0.318,160,1.659,161,1.445,174,1.57,177,0.992,181,3.031,191,2.596,206,1.465,208,2.325,213,1.077,217,2.51,238,1.587,246,2.002,249,1.871,251,2.941,254,3.121,258,2.786,288,2.531,332,2.531,346,1.423,368,2.151,381,1.935,382,1.307,402,2.423,422,2.651,472,1.553,575,1.871,576,3.338,577,2.235,578,1.811,618,5.947,623,2.023,624,3.738,625,3.609,626,2.651,627,3.609,628,2.531,630,2.531,631,5.329,632,1.871,634,2.531,635,2.651,883,2.651,1271,2.423,1676,4.524,1677,6.069,1678,6.069,1679,4.524]],["category/{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}",[1680,32.118]],["body/{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}",[1,0.011,2,0.045,3,0.204,4,0.151,5,1.046,7,3.134,11,0.873,12,0.349,13,1.358,15,1.649,19,0.478,27,0.809,30,0.041,31,0.028,32,0.05,33,0.005,35,0.05,37,0.05,38,0.015,39,0.05,40,0.05,46,0.032,47,0.089,48,0.084,49,0.094,50,0.105,51,0.133,52,0.062,54,0.045,55,0.059,56,0.199,57,0.084,58,0.089,59,0.094,60,0.448,61,0.416,63,0.334,64,1.1,66,0.647,67,0.478,68,0.721,69,0.835,70,0.491,71,1.477,72,0.491,74,0.491,75,0.491,76,0.491,77,0.55,78,0.55,79,0.55,80,2.29,81,1.748,82,0.505,83,1.113,84,0.926,85,1.105,86,1.356,90,0.659,93,2.118,97,1.548,98,0.91,99,0.996,101,0.937,105,1.047,108,0.703,110,0.465,111,0.996,112,0.863,116,0.62,117,2.127,121,0.405,128,1.98,133,3.012,134,0.305,135,2.183,136,1.356,137,0.957,140,0.912,142,0.951,144,0.315,161,0.405,162,1.995,170,1.708,174,0.44,177,0.63,186,0.659,188,0.55,196,0.681,197,0.84,202,0.779,211,0.957,213,0.684,231,3.179,233,2.812,235,0.808,240,1.872,242,1.228,243,1.254,248,0.505,249,0.703,250,2.118,252,1.493,257,2.118,258,3.268,269,1.356,270,1.418,273,2.249,281,1.047,295,1.475,304,0.353,309,3.478,310,2.696,333,1.98,337,0.91,346,0.903,369,0.779,378,1.493,379,0.681,387,1.365,390,1.541,414,2.422,423,3.492,433,0.91,434,1.866,471,2.118,472,0.583,485,1.015,496,1.047,502,0.752,508,0.779,521,0.91,525,1.047,578,0.681,598,3.012,600,0.996,602,1.537,617,0.91,619,1.866,623,0.957,632,2.023,644,1.047,688,0.91,697,1.047,705,0.873,707,1.606,709,2.084,717,1.866,823,1.105,845,0.681,859,2.082,922,0.727,936,2.294,940,5.696,945,3.02,980,0.727,1078,0.996,1086,1.356,1212,1.047,1245,2.29,1265,1.173,1270,1.254,1291,1.493,1292,1.493,1315,4.627,1321,1.105,1330,1.254,1345,0.996,1359,1.493,1360,1.105,1375,1.356,1391,1.254,1397,2.422,1409,1.768,1457,1.105,1527,1.356,1529,1.356,1538,2.972,1546,1.493,1571,6.209,1587,1.254,1590,1.254,1663,1.493,1680,5.61,1681,6.391,1682,2.87,1683,2.87,1684,6.834,1685,6.565,1686,1.7,1687,1.7,1688,1.7,1689,1.7,1690,1.7,1691,1.7,1692,2.87,1693,1.7,1694,1.493,1695,1.7,1696,1.493,1697,1.7,1698,2.52,1699,1.7,1700,1.493,1701,1.7,1702,1.493,1703,1.493,1704,1.7,1705,1.7,1706,1.7,1707,1.7,1708,1.7,1709,1.7,1710,5.212,1711,3.726,1712,1.493,1713,3.844,1714,3.844,1715,3.844,1716,3.492,1717,5.936,1718,3.726,1719,5.936,1720,4.378,1721,4.378,1722,4.378,1723,4.891,1724,4.378,1725,4.378,1726,5.936,1727,6.039,1728,5.936,1729,5.936,1730,4.378,1731,5.649,1732,4.378,1733,4.378,1734,4.378,1735,4.378,1736,4.378,1737,3.844,1738,4.378,1739,1.7,1740,1.7,1741,1.7,1742,2.52,1743,1.7,1744,1.7,1745,1.493,1746,2.87,1747,1.7,1748,1.7,1749,1.7,1750,1.7,1751,1.7,1752,1.7,1753,1.7,1754,1.356,1755,1.7,1756,3.726,1757,1.493,1758,1.7,1759,1.493,1760,1.7,1761,1.7,1762,1.7,1763,2.87,1764,1.7,1765,2.87,1766,1.7,1767,1.7,1768,1.7,1769,1.7,1770,1.254,1771,1.7,1772,1.493,1773,1.7,1774,1.7,1775,1.7,1776,1.7,1777,2.87,1778,1.7,1779,1.7,1780,1.7,1781,1.7,1782,1.7,1783,1.7,1784,1.7,1785,1.7,1786,1.7]],["category/{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}",[64,6.826]],["body/{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}",[1,0.009,2,0.085,3,0.216,4,0.315,6,1.269,12,0.758,14,2.018,24,2.163,27,1.033,30,0.076,31,0.051,32,0.093,33,0.008,35,0.093,37,0.093,38,0.027,39,0.093,40,0.093,41,0.336,42,0.373,43,0.373,44,0.373,46,0.06,47,0.166,48,0.157,49,0.176,50,0.121,51,0.147,52,0.068,54,0.085,55,0.111,56,0.129,57,0.157,58,0.166,59,0.176,63,0.622,64,1.249,65,0.942,66,1.27,67,0.891,68,0.758,69,0.605,70,0.916,71,1.914,72,0.916,73,0.942,74,0.916,75,0.916,76,0.916,77,1.026,78,1.026,79,1.026,84,0.974,85,4.546,96,2.629,102,3.326,108,2.331,109,1.402,115,0.916,117,2.034,121,1.124,134,0.29,137,1.057,140,1.379,142,1.773,170,3.207,175,2.163,176,1.402,196,1.889,211,1.572,214,3.018,215,1.629,238,0.735,244,2.088,248,1.675,253,1.356,256,1.858,280,2.764,294,2.061,368,2.68,369,1.453,381,2.018,402,2.526,408,1.773,501,3.481,503,2.244,508,1.453,573,2.639,666,1.453,705,2.424,773,4.142,808,1.698,834,2.526,1068,3.662,1138,2.529,1159,2.339,1176,2.784,1256,2.187,1275,3.764,1518,3.764,1700,4.142,1702,4.142,1703,4.142,1787,3.17,1788,2.529,1789,3.17,1790,3.481,1791,3.481,1792,2.339,1793,2.784,1794,4.718,1795,4.718,1796,4.718,1797,4.718,1798,4.718,1799,4.718,1800,4.718,1801,4.718,1802,4.718,1803,3.17,1804,3.17]],["category/{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}",[64,5.238,71,8.316]],["body/{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}",[1,0.01,2,0.154,3,0.202,5,2.097,12,0.699,14,2.46,30,0.139,31,0.093,32,0.17,33,0.01,35,0.17,37,0.17,38,0.049,39,0.17,40,0.17,41,0.61,42,0.676,43,0.676,44,0.676,46,0.108,47,0.301,48,0.284,49,0.319,50,0.152,51,0.267,52,0.123,54,0.154,55,0.201,56,0.234,57,0.284,58,0.301,59,0.319,60,0.897,64,1.157,68,0.861,71,1.804,84,0.897,109,1.71,117,2.098,134,0.267,140,1.408,144,1.314,211,1.917,218,2.546,282,2.546,668,3.218,858,3.739,1096,3.543,1276,5.651,1529,4.589,1790,5.226,1791,5.226,1792,4.244,1793,5.051]],["category/{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}",[64,6.826]],["body/{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}",[1,0.01,2,0.147,3,0.2,4,0.321,12,0.959,14,2.357,27,0.912,28,1.593,30,0.133,31,0.089,32,0.162,33,0.01,35,0.162,37,0.162,38,0.047,39,0.162,40,0.162,41,0.584,42,0.648,43,0.648,44,0.648,46,0.104,47,0.289,48,0.272,49,0.305,50,0.161,51,0.256,52,0.118,54,0.147,55,0.193,56,0.224,57,0.272,58,0.289,59,0.305,60,0.86,64,1.185,68,0.915,71,1.209,84,0.86,87,2.009,89,1.949,96,2.593,117,1.885,176,2.05,239,1.892,245,2.207,246,2.439,248,1.638,371,2.952,379,2.207,387,2.621,504,3.394,573,3.083,834,2.952,977,3.582,1068,3.582,1442,4.839,1790,5.089,1791,5.089,1792,4.066,1805,4.839,1806,5.511,1807,5.511,1808,5.511,1809,5.511,1810,4.397,1811,5.511]],["category/{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}",[64,5.238,1349,30.25]],["body/{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}",[1,0.009,2,0.153,3,0.198,4,0.287,14,2.443,24,2.619,30,0.138,31,0.093,32,0.168,33,0.01,35,0.168,37,0.168,38,0.049,39,0.168,40,0.168,41,0.606,42,0.672,43,0.672,44,0.672,46,0.133,47,0.299,48,0.282,54,0.153,55,0.2,56,0.232,60,0.891,64,1.171,116,2.082,128,4.866,134,0.327,140,1.398,155,2.619,214,3.06,248,1.698,260,1.852,278,2.443,304,1.464,436,3.713,786,4.215,791,6.194,849,3.196,859,2.717,969,3.713,1248,3.941,1321,3.713,1338,4.558,1349,6.105,1790,5.204,1791,5.204,1792,4.215,1812,5.016,1813,5.713,1814,5.713,1815,5.713,1816,5.713,1817,5.016,1818,5.713]],["category/{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}",[467,26.462]],["body/{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}",[1,0.01,2,0.155,3,0.198,4,0.289,7,2.172,12,0.702,30,0.139,31,0.094,32,0.17,33,0.01,35,0.17,37,0.17,38,0.05,39,0.17,40,0.17,41,0.613,42,0.679,43,0.679,44,0.679,46,0.109,47,0.303,48,0.285,49,0.32,50,0.152,51,0.268,52,0.124,54,0.155,55,0.202,56,0.235,57,0.285,58,0.303,59,0.32,60,0.901,61,1.415,68,0.863,87,2.106,96,2.172,134,0.268,161,1.376,184,4.264,212,2.172,242,2.471,366,2.969,419,7.045,467,4.595,473,4.61,847,3.987,852,3.756,1008,3.386,1819,5.779,1820,5.779,1821,5.779,1822,7.104,1823,7.104,1824,5.779]],["category/{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}",[853,34.089]],["body/{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}",[1,0.01,2,0.104,3,0.212,4,0.257,12,0.767,14,1.656,27,1.044,28,1.824,30,0.131,31,0.063,32,0.114,33,0.008,35,0.114,37,0.114,38,0.033,39,0.114,40,0.114,41,0.41,42,0.455,43,0.455,44,0.455,46,0.073,47,0.203,48,0.191,49,0.214,50,0.117,51,0.18,52,0.083,54,0.169,55,0.135,56,0.294,57,0.191,58,0.203,59,0.214,61,0.948,63,0.76,64,1.213,65,1.151,66,1.229,67,1.088,68,0.833,69,0.739,70,1.119,71,1.813,72,1.119,73,1.151,74,1.119,75,1.119,76,1.119,77,1.254,78,1.254,79,1.254,81,1.029,84,0.851,101,1.372,109,1.876,121,1.299,134,0.253,137,1.291,140,1.335,144,0.719,146,1.99,155,1.775,157,1.218,161,1.299,170,2.894,175,2.5,177,0.849,183,2.857,191,2.332,197,1.913,200,2.802,202,1.775,207,2.269,215,1.99,238,0.897,239,2.897,260,1.264,273,2.802,372,2.857,377,1.656,397,2.517,401,2.074,417,2.414,470,2.385,478,3.089,504,2.385,508,2.5,535,2.671,541,2.074,589,1.502,623,1.291,629,2.517,634,4.041,666,1.775,682,1.55,727,2.857,803,1.775,807,4.039,808,2.074,809,1.841,810,2.671,811,2.857,812,2.671,813,2.857,814,2.857,815,2.857,816,2.857,817,2.857,818,2.857,838,2.074,851,1.775,853,5.423,869,4.355,899,1.714,946,3.834,979,2.517,1033,2.517,1220,2.385,1248,2.671,1321,2.517,1435,2.671,1456,2.517,1680,2.517,1825,3.4,1826,4.789,1827,4.789,1828,3.872,1829,4.789,1830,3.4,1831,4.789,1832,3.872,1833,5.453,1834,5.453,1835,3.872,1836,3.872,1837,3.872]],["category/{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}",[1838,49.412]],["body/{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}",[1,0.01,2,0.104,3,0.212,4,0.279,12,0.834,14,1.664,27,0.905,28,1.829,30,0.132,31,0.063,32,0.115,33,0.008,35,0.115,37,0.115,38,0.033,39,0.115,40,0.115,41,0.412,42,0.457,43,0.457,44,0.457,46,0.073,47,0.204,48,0.192,49,0.215,50,0.117,51,0.181,52,0.083,54,0.169,55,0.136,56,0.158,57,0.192,58,0.204,59,0.215,61,0.952,63,0.764,64,1.214,65,1.156,66,1.233,67,1.093,68,0.834,69,0.743,70,1.124,71,1.814,72,1.124,73,1.156,74,1.124,75,1.124,76,1.124,77,1.26,78,1.26,79,1.26,81,1.034,84,0.607,101,1.377,109,1.881,121,1.303,122,2.529,128,2.684,134,0.294,137,1.297,138,2.684,140,1.339,144,0.722,146,1.999,155,1.784,157,1.224,161,0.927,170,2.902,175,1.784,191,1.664,197,1.922,200,1.999,202,2.509,207,2.28,215,1.999,238,0.901,239,2.914,248,1.156,260,1.268,372,2.87,377,1.664,397,2.529,401,2.083,417,2.422,431,5.049,433,2.083,434,2.529,470,2.396,478,3.104,504,2.396,508,2.509,535,2.684,541,2.083,589,1.509,623,1.297,629,2.529,634,4.048,642,4.114,666,1.784,682,1.558,803,1.784,807,4.044,808,2.083,809,1.85,810,2.684,811,2.87,812,2.684,813,2.87,814,2.87,815,2.87,816,2.87,817,2.87,818,2.87,853,5.318,869,4.366,899,1.722,946,4.048,979,2.529,1033,2.529,1248,2.684,1321,2.529,1435,2.684,1456,2.529,1680,2.529,1770,2.87,1826,4.804,1827,4.804,1829,4.804,1830,3.416,1839,3.89,1840,7.505,1841,3.89,1842,3.89]],["category/{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}",[1843,43.387]],["body/{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}",[1,0.009,2,0.103,3,0.215,4,0.277,6,1.534,7,1.44,12,0.829,27,0.634,30,0.092,31,0.062,32,0.113,33,0.008,35,0.113,37,0.113,38,0.033,39,0.113,40,0.113,41,0.406,42,0.45,43,0.45,44,0.45,46,0.072,47,0.201,48,0.267,49,0.212,50,0.116,51,0.178,52,0.082,54,0.103,55,0.134,56,0.156,57,0.189,58,0.201,59,0.212,63,0.752,64,1.238,66,0.864,67,1.077,68,0.763,69,0.731,71,1.914,81,1.018,84,0.598,85,2.49,87,1.396,96,2.563,101,1.362,115,1.107,117,1.715,134,0.317,140,1.669,144,0.711,145,1.534,157,1.205,161,0.912,162,2.052,177,0.84,200,1.968,202,1.756,213,0.912,242,1.638,244,1.695,260,0.888,270,1.892,284,2.49,285,2.359,304,1.123,346,1.205,366,3.225,368,1.822,418,2.239,427,2.359,447,3.364,448,3.364,449,3.364,450,3.364,451,3.364,452,3.364,453,3.364,454,3.364,455,3.364,456,3.364,457,3.364,458,3.364,459,3.364,460,3.364,461,3.364,462,3.364,463,3.364,464,3.364,475,3.056,496,2.359,514,2.643,515,2.643,588,2.826,610,2.359,613,2.826,626,2.245,697,3.865,712,2.49,774,2.359,819,1.822,1037,2.643,1068,2.49,1270,2.826,1290,5.152,1772,3.364,1843,7.096,1844,5.412,1845,5.412,1846,3.831,1847,3.831,1848,3.831,1849,3.831,1850,3.831,1851,3.831,1852,3.831,1853,3.831,1854,3.831,1855,5.412,1856,3.831,1857,3.831,1858,5.412,1859,3.056,1860,3.831,1861,3.831,1862,3.831]],["category/{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}",[403,39.419]],["body/{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}",[1,0.01,2,0.153,3,0.192,4,0.286,5,2.078,27,0.943,30,0.137,31,0.092,32,0.168,33,0.01,35,0.168,37,0.168,38,0.049,39,0.168,40,0.168,41,0.604,42,0.67,43,0.67,44,0.67,46,0.107,47,0.298,48,0.281,49,0.316,50,0.151,51,0.265,52,0.122,54,0.153,55,0.199,56,0.232,57,0.281,58,0.298,59,0.316,60,0.889,110,1.925,121,1.357,124,2.613,126,1.793,140,1.395,161,1.357,238,1.321,288,3.941,383,4.547,403,6.545,415,3.053,417,2.523,505,2.142,513,4.205,517,5.005,630,3.189,632,2.913,899,2.523,969,3.705,1285,4.547,1411,5.005,1863,5.7,1864,5.7,1865,7.044,1866,7.044,1867,5.7,1868,5.7]],["category/{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}",[375,30.431]],["body/{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}",[1,0.01,2,0.138,3,0.185,12,0.627,13,2.662,27,0.853,29,2.283,30,0.124,31,0.084,32,0.152,33,0.01,35,0.152,37,0.152,38,0.044,39,0.152,40,0.152,41,0.547,42,0.606,43,0.606,44,0.606,46,0.097,47,0.27,48,0.255,49,0.286,50,0.142,51,0.24,52,0.111,54,0.138,55,0.181,56,0.21,57,0.255,58,0.27,59,0.286,60,0.805,61,1.263,68,0.627,82,1.533,101,1.837,110,1.808,116,1.88,121,1.834,124,2.365,134,0.24,141,3.806,142,2.886,158,4.116,160,1.41,161,1.229,177,1.131,188,1.67,196,2.065,207,3.876,212,1.939,218,2.283,223,3.559,260,1.195,296,3.353,330,2.651,331,3.409,346,1.623,366,2.651,375,5.168,402,2.763,410,2.886,417,2.928,418,2.134,432,3.353,507,2.283,508,2.365,513,3.806,583,1.824,606,4.564,623,1.719,807,2.651,1102,4.564,1252,3.806,1424,4.116,1516,4.53,1869,6.615,1870,6.615,1871,5.159,1872,5.159,1873,5.159,1874,5.159,1875,5.159,1876,5.159,1877,5.159,1878,5.159,1879,5.159,1880,5.159,1881,5.159,1882,6.615]],["category/{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}",[507,16.782,1883,33.296]],["body/{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}",[1,0.009,2,0.155,3,0.194,4,0.236,7,2.182,12,0.706,30,0.14,31,0.094,32,0.171,33,0.01,35,0.171,37,0.171,38,0.05,39,0.171,40,0.171,41,0.615,42,0.682,43,0.682,44,0.682,46,0.109,47,0.304,48,0.287,49,0.322,50,0.124,51,0.27,52,0.124,54,0.155,55,0.203,56,0.236,57,0.352,58,0.304,59,0.322,60,0.906,64,0.802,112,1.345,117,1.587,211,1.935,238,1.345,293,4.387,304,1.205,346,1.826,386,2.182,507,3.557,544,4.005,1302,5.098,1503,3.774,1831,5.098,1883,7.372,1884,5.098,1885,7.124,1886,8.037,1887,7.124,1888,5.806,1889,5.806,1890,5.806]],["category/{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}",[1891,43.387]],["body/{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}",[1,0.01,2,0.155,3,0.186,4,0.236,12,0.937,13,2.116,30,0.14,31,0.094,32,0.171,33,0.01,35,0.171,37,0.171,38,0.05,39,0.171,40,0.171,46,0.109,47,0.304,48,0.287,49,0.322,50,0.153,51,0.27,52,0.124,54,0.155,55,0.203,56,0.236,57,0.287,58,0.304,59,0.322,64,0.802,95,2.324,101,1.461,126,2.241,134,0.331,157,1.826,188,1.88,197,2.868,217,2.401,238,1.345,248,1.726,253,2.483,329,2.761,331,2.57,346,1.826,355,4.175,356,3.576,384,2.483,388,2.761,407,3.774,415,3.109,590,4.283,727,4.283,745,3.774,1013,5.098,1891,7.057,1892,5.806,1893,5.806,1894,7.124,1895,7.124]],["category/{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}",[]],["title/{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}",[759,34.089]],["body/{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}",[1,0.009,2,0.155,3,0.199,4,0.29,12,0.866,30,0.14,31,0.115,32,0.171,33,0.01,35,0.171,37,0.171,38,0.05,39,0.171,40,0.171,46,0.109,47,0.304,48,0.287,49,0.322,50,0.153,51,0.27,52,0.153,54,0.155,55,0.203,56,0.236,57,0.287,58,0.304,59,0.322,60,0.906,110,1.587,112,1.345,120,2.761,126,1.826,134,0.27,179,3.576,218,2.57,219,2.116,331,3.153,353,2.182,384,3.047,407,3.774,505,2.182,638,2.868,728,2.868,742,4.283,756,5.256,759,5.544,1271,3.109,1290,4.005,1367,5.098,1427,5.098,1788,4.632,1812,5.098,1896,5.098,1897,5.806,1898,7.124,1899,7.124]],["category/{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}",[54,1.322]],["body/{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}",[1,0.009,2,0.107,3,0.176,4,0.34,5,1.454,12,0.944,20,2.303,21,1.547,24,1.829,29,2.465,30,0.134,31,0.065,32,0.118,33,0.008,35,0.118,37,0.118,38,0.034,39,0.118,40,0.118,50,0.119,51,0.185,52,0.137,54,0.149,55,0.224,56,0.226,57,0.197,58,0.209,59,0.221,61,0.977,62,1.766,68,0.844,82,2.064,84,1.001,88,1.411,95,1.597,101,1.747,112,0.924,115,1.609,126,2.018,134,0.185,142,3.115,144,1.19,145,2.23,169,2.202,178,2.457,196,1.597,197,2.751,205,2.338,206,1.292,211,1.33,219,1.454,235,1.897,238,0.924,239,1.369,242,1.706,245,2.924,248,1.186,249,3.276,255,1.971,256,2.338,260,0.924,268,1.766,275,2.752,276,3.183,278,1.706,282,1.766,353,1.5,363,1.766,376,3.183,377,1.706,382,1.609,418,1.65,435,1.706,485,1.969,491,3.183,503,1.897,505,2.093,508,2.553,541,2.137,542,1.971,573,2.232,583,1.411,623,1.33,638,1.971,644,2.457,690,2.593,728,1.971,753,3.503,758,2.05,835,2.943,839,2.943,844,3.589,845,2.23,849,3.115,850,3.115,855,2.752,883,2.338,886,3.183,905,3.43,947,3.62,962,2.232,980,1.706,990,2.137,1049,4.28,1067,2.232,1081,3.503,1125,2.943,1220,2.457,1235,3.183,1261,4.17,1265,2.752,1289,2.943,1293,2.457,1332,2.457,1340,3.183,1345,2.338,1363,3.503,1393,3.503,1501,2.457,1503,2.593,1587,2.943,1590,2.943,1754,3.183,1900,4.89,1901,7.764,1902,3.183,1903,6.954,1904,4.433,1905,3.503,1906,3.99,1907,4.443,1908,5.569,1909,5.569,1910,4.89,1911,3.99,1912,3.99,1913,3.99,1914,3.99,1915,3.99,1916,3.99,1917,3.99,1918,4.89,1919,3.99,1920,4.513,1921,3.183,1922,4.109,1923,3.183,1924,3.183,1925,3.99,1926,3.99,1927,3.99,1928,3.99,1929,4.89,1930,3.503,1931,3.99]],["category/{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}",[1014,30.431]],["body/{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}",[1,0.009,2,0.13,15,2.154,18,1.447,19,1.368,21,2.754,30,0.117,31,0.079,32,0.143,33,0.01,35,0.143,37,0.143,38,0.07,39,0.143,40,0.143,41,0.516,46,0.142,47,0.255,48,0.24,49,0.27,50,0.104,51,0.226,52,0.152,54,0.17,55,0.223,56,0.198,57,0.24,58,0.255,59,0.27,61,1.192,101,1.225,134,0.296,165,4.274,176,2.239,201,3.564,209,2.404,211,1.622,256,2.852,260,1.746,278,2.082,303,5.082,304,1.474,311,1.921,314,3.923,363,2.154,365,3.591,386,2.394,390,2.013,442,3.591,494,2.921,502,2.154,575,2.013,601,3.591,602,2.607,617,2.607,619,3.164,785,4.415,801,2.501,851,2.232,865,4.415,868,3.164,902,2.232,963,2.315,966,3.164,980,3.037,1010,3.923,1014,4.941,1084,3.591,1092,3.591,1124,4.274,1329,2.607,1360,3.164,1418,3.591,1884,4.274,1932,6.236,1933,4.868,1934,4.274,1935,3.591,1936,4.868,1937,4.274,1938,3.883,1939,4.868,1940,3.883,1941,6.371,1942,4.274,1943,3.883,1944,5.594,1945,4.868,1946,4.868,1947,6.371,1948,4.868]],["category/{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}",[629,32.118]],["body/{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}",[1,0.011,2,0.182,3,0.173,4,0.324,5,1.392,6,1.529,7,2.56,13,1.392,30,0.092,31,0.062,32,0.113,33,0.008,35,0.113,37,0.113,38,0.033,39,0.113,40,0.113,46,0.072,47,0.2,48,0.189,49,0.211,50,0.164,51,0.177,52,0.082,54,0.102,55,0.189,56,0.155,57,0.189,58,0.283,59,0.211,60,0.596,61,0.935,64,0.528,81,1.015,82,1.135,83,2.094,84,0.977,97,1.351,108,1.58,117,1.476,126,1.201,140,1.322,144,1.002,170,1.751,180,2.028,202,1.751,205,2.238,218,1.69,219,1.392,231,2.482,233,2.679,240,1.633,245,1.529,246,1.69,248,1.135,264,2.352,294,2.482,295,2.775,309,3.165,310,2.352,366,3.219,368,1.816,387,1.816,418,1.58,423,3.047,434,4.072,436,4.072,465,3.353,586,5.951,598,2.352,608,2.482,611,3.353,612,5.433,613,2.818,629,5.178,632,1.58,638,1.886,689,1.962,707,3.021,779,3.165,845,1.529,851,2.476,859,2.979,860,3.353,882,2.818,936,2.352,940,5.496,945,2.635,967,2.352,1173,3.726,1315,4.671,1472,3.353,1549,3.047,1571,5.951,1710,3.353,1713,3.353,1714,3.353,1715,3.353,1716,3.047,1727,3.353,1737,3.353,1742,5.501,1920,2.482,1949,3.819,1950,3.819,1951,3.819,1952,3.047,1953,3.353,1954,2.818,1955,3.353,1956,3.819,1957,3.819,1958,3.819,1959,3.819,1960,3.819,1961,5.4,1962,5.4,1963,5.4,1964,3.819,1965,3.819,1966,3.819,1967,3.819,1968,3.819,1969,3.819,1970,3.819,1971,3.819,1972,3.819,1973,3.819,1974,3.819,1975,5.4,1976,3.819,1977,3.819,1978,3.819,1979,3.819,1980,3.819,1981,3.819,1982,3.353,1983,3.819,1984,3.819,1985,3.819,1986,3.819,1987,3.819,1988,3.819,1989,3.819,1990,3.819,1991,3.819,1992,3.819,1993,3.819,1994,3.819,1995,3.819,1996,3.819,1997,3.819,1998,3.819]],["category/{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}",[701,30.25,1859,30.25]],["body/{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}",[1,0.009,2,0.163,30,0.147,33,0.007,46,0.115,52,0.131,55,0.257,90,2.367,112,1.414,134,0.341,135,3.577,137,2.448,145,2.444,174,1.579,178,3.759,186,2.367,219,2.677,231,3.967,260,1.825,277,5.359,282,2.701,311,1.414,346,1.92,377,2.61,390,2.525,502,2.701,583,2.158,623,2.788,632,2.525,701,6.672,859,2.903,922,2.61,1206,4.869,1293,3.759,1859,6.521,1999,5.359,2000,6.284]],["category/{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}",[261,17.386,1162,24.648]],["body/{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}",[1,0.009,2,0.165,21,2.39,33,0.009,52,0.132,63,1.21,64,0.851,112,1.428,134,0.286,137,2.054,161,1.468,169,2.116,201,4.133,230,4.917,260,1.833,261,3.627,311,1.712,415,3.301,503,2.931,809,2.931,901,3.044,902,2.826,1162,5.331,1315,4.006,1462,4.006,1581,4.917,2001,6.164,2002,7.387,2003,6.164,2004,6.164,2005,6.164,2006,4.917,2007,5.412,2008,6.164,2009,4.917,2010,6.164,2011,6.164,2012,6.164,2013,6.164,2014,4.917,2015,6.164]],["category/{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}",[4,1.541,2009,30.25]],["body/{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}",[1,0.009,2,0.137,4,0.354,12,0.8,30,0.123,31,0.083,32,0.151,33,0.009,35,0.151,37,0.151,38,0.044,39,0.151,40,0.151,46,0.096,50,0.141,52,0.141,57,0.253,60,1.198,82,1.956,84,0.798,101,1.287,157,1.61,177,1.122,180,2.13,182,3.775,209,3.25,211,2.71,245,2.912,255,2.527,261,3.335,282,2.265,295,2.629,304,1.509,332,2.862,346,1.61,369,3.335,386,1.923,529,3.326,689,3.381,717,3.326,819,3.459,838,3.524,843,4.627,859,2.433,907,3.326,947,3.326,980,2.188,988,4.082,1044,2.862,1261,5.164,1281,3.53,1293,4.48,1494,3.775,1501,4.48,1754,4.082,1788,4.082,2016,7.274,2017,4.493,2018,6.126,2019,5.25,2020,6.58,2021,5.117,2022,4.493,2023,5.117,2024,5.117,2025,4.493,2026,5.117,2027,5.117,2028,5.117,2029,4.493]],["category/{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}",[838,20.307,2014,30.25]],["body/{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}",[1,0.009,2,0.146,4,0.319,21,2.114,30,0.131,31,0.088,32,0.161,33,0.009,35,0.161,37,0.161,38,0.047,39,0.161,40,0.161,46,0.103,50,0.117,52,0.117,54,0.146,60,0.85,61,1.677,81,1.449,97,1.928,105,3.357,108,2.255,109,1.62,112,1.263,143,4.787,145,2.999,180,2.426,209,2.693,211,1.817,216,4.022,218,2.413,231,3.543,261,3.435,387,2.592,388,3.258,401,2.919,431,4.349,485,1.928,502,2.413,589,2.114,632,2.834,809,2.592,838,4.209,851,3.141,881,3.761,905,3.357,983,4.453,990,2.919,1030,2.801,1044,3.05,1162,4.453,1204,3.543,1252,4.022,1282,3.761,1329,2.919,1501,4.614,1770,4.022,2014,5.977,2017,7.111,2018,6.27,2019,5.465,2030,5.451,2031,5.451,2032,8.098,2033,5.451,2034,5.451]],["category/{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}",[64,4.25,1315,19.997,1952,24.542]],["body/{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}",[1,0.01,2,0.107,3,0.182,4,0.356,5,2.76,18,1.659,19,1.125,20,1.655,27,0.923,28,1.857,30,0.155,31,0.065,32,0.118,33,0.008,35,0.118,37,0.118,38,0.034,39,0.118,40,0.118,46,0.075,50,0.175,51,0.186,60,0.624,61,0.98,62,1.771,64,0.771,69,1.327,83,2.492,87,1.459,88,1.415,90,1.552,100,2.465,101,1.905,105,2.465,109,1.19,110,1.094,117,1.526,126,1.259,144,1.192,146,2.868,157,1.259,160,1.999,161,0.953,169,1.374,177,1.224,180,1.296,186,1.552,196,1.602,200,2.057,203,3.193,212,1.504,214,2.143,215,2.057,219,1.459,233,2.387,235,1.903,238,1.293,245,1.602,246,1.771,249,1.655,251,2.602,255,1.977,261,2.946,270,2.757,274,2.465,294,4.519,295,3.757,296,2.602,304,1.158,346,1.259,350,2.143,366,3.993,368,3.056,369,2.559,376,3.193,377,1.712,529,2.602,602,2.143,617,2.143,628,2.239,629,2.602,638,1.977,668,2.239,682,2.573,709,2.239,735,2.953,786,2.953,799,3.514,800,4.453,808,2.143,809,1.903,843,3.122,847,2.761,851,1.835,858,2.602,859,3.601,922,1.712,946,2.239,1092,4.118,1103,4.901,1104,4.901,1132,3.437,1154,2.953,1173,3.85,1256,2.761,1368,3.514,1400,2.953,1403,3.193,1443,2.761,1448,3.628,1466,2.465,1572,3.514,1921,3.193,1952,3.193,1953,3.514,1954,2.953,1955,3.514,2018,5.547,2019,4.453,2035,4.002,2036,5.581,2037,6.953,2038,4.002,2039,4.002,2040,6.42,2041,5.581,2042,6.953,2043,3.514,2044,4.002,2045,4.002,2046,4.002,2047,4.002,2048,4.002,2049,4.002,2050,4.002,2051,4.002]],["category/{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}",[1096,30.431]],["body/{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}",[1,0.01,2,0.112,4,0.34,5,1.522,12,0.508,19,1.847,26,3.368,28,1.661,30,0.101,31,0.068,32,0.123,33,0.009,35,0.123,37,0.123,38,0.036,39,0.123,40,0.123,46,0.079,52,0.123,54,0.189,55,0.201,57,0.284,61,1.407,81,1.11,82,1.241,84,0.651,89,1.477,97,2.324,102,1.986,108,1.727,115,1.207,116,1.522,126,1.314,134,0.305,135,2.447,144,0.775,145,1.672,155,3.014,194,2.063,197,2.839,211,1.392,213,0.995,239,2.43,244,2.544,245,2.835,248,1.953,260,1.332,268,1.848,272,2.063,304,0.867,311,0.968,330,2.146,332,2.336,346,1.314,366,3.377,368,3.367,369,1.915,373,1.848,381,1.786,382,1.207,485,2.033,499,2.237,539,2.447,575,1.727,578,1.672,580,3.081,583,1.477,601,3.081,604,2.715,617,2.237,619,2.715,623,1.392,635,2.447,717,4.272,728,2.063,758,2.954,774,2.572,800,3.332,801,2.146,808,3.52,839,5.224,844,3.677,850,2.336,855,2.881,859,3.126,881,2.881,889,4.586,947,3.736,967,2.572,980,1.786,1008,2.447,1012,2.881,1030,2.146,1044,2.336,1068,3.736,1096,2.572,1108,3.332,1142,3.081,1213,3.081,1252,3.081,1269,3.081,1289,3.081,1293,3.54,1329,2.237,1351,3.332,1378,3.081,1405,4.586,1457,2.715,1462,2.715,1464,2.715,1510,2.881,1553,3.332,1770,3.081,1902,3.332,1904,2.447,1929,3.667,2000,3.332,2025,5.047,2052,5.748,2053,5.748,2054,5.748,2055,4.176,2056,4.176,2057,5.047,2058,4.176,2059,4.176,2060,4.176,2061,4.176,2062,4.176,2063,4.176,2064,4.176,2065,4.176,2066,4.176,2067,4.176,2068,4.176,2069,4.176,2070,4.176,2071,5.748,2072,4.176,2073,4.176,2074,4.176,2075,4.176,2076,4.176,2077,5.748,2078,3.667,2079,5.748,2080,4.176,2081,5.748,2082,6.573,2083,4.176,2084,5.243,2085,4.176,2086,4.176,2087,4.176,2088,4.176,2089,4.176]],["category/{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}",[623,16.469]],["body/{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}",[1,0.01,2,0.103,3,0.093,4,0.157,23,2.067,30,0.093,31,0.063,32,0.114,33,0.009,35,0.114,37,0.114,38,0.054,39,0.114,40,0.114,50,0.117,63,0.758,81,1.676,84,0.602,104,2.067,115,1.116,116,1.983,134,0.179,144,1.169,145,2.888,177,1.687,179,2.377,186,1.497,213,2.03,235,1.836,238,0.894,248,1.147,249,1.597,260,1.586,297,5.419,311,1.672,361,4.866,363,3.029,377,1.651,379,1.545,382,2.163,420,4.034,472,2.937,507,2.408,546,3.08,578,1.545,583,2.894,602,4.009,623,1.287,637,5.106,758,3.516,788,4.796,801,1.984,850,4.394,901,1.907,916,3.08,967,2.377,1010,2.377,1049,4.508,1448,2.509,1589,6.529,1920,3.537,2090,3.86,2091,3.39,2092,3.86,2093,3.39,2094,3.08,2095,3.39,2096,5.442,2097,4.778,2098,6.266,2099,6.69,2100,7.855,2101,6.009,2102,6.009,2103,6.009,2104,6.843,2105,5.459,2106,5.442,2107,3.86,2108,3.86,2109,3.86]],["category/{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}",[]],["title/{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}",[1049,28.954]],["body/{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}",[1,0.01,2,0.067,3,0.193,4,0.311,10,2.2,12,0.729,15,1.109,18,1.447,19,1.369,20,1.036,21,0.972,27,0.993,29,1.109,30,0.133,31,0.064,32,0.074,33,0.009,35,0.074,37,0.074,38,0.052,39,0.074,40,0.074,41,0.266,46,0.137,47,0.131,48,0.124,49,0.139,50,0.084,51,0.226,52,0.129,54,0.067,55,0.088,56,0.102,57,0.124,58,0.131,59,0.139,60,0.76,63,0.773,68,0.592,69,1.272,81,1.295,82,1.171,84,1.077,88,0.886,90,0.972,97,1.393,98,1.342,101,1.389,115,1.595,116,1.775,117,0.685,120,1.874,121,1.16,122,1.629,134,0.344,137,1.313,140,0.613,142,2.204,144,1.114,145,2.21,149,1.072,150,3.46,157,1.888,159,1.528,162,1.342,169,0.86,174,0.648,177,1.068,180,1.276,192,1.729,201,1.402,205,2.854,206,2.4,209,1.238,210,1.999,211,1.313,213,0.597,219,1.775,230,1.999,233,1.072,235,1.192,239,1.353,240,1.072,243,1.849,245,1.95,248,1.447,249,2.636,253,1.072,256,1.468,260,1.391,261,1.149,262,2.2,265,4.404,268,1.109,270,1.238,273,2.837,281,1.543,296,3.165,297,1.729,304,0.52,309,2.309,310,1.543,311,1.718,337,2.608,340,1.629,353,2.075,361,2.561,369,1.807,373,1.744,377,2.083,382,0.724,390,1.036,408,1.402,435,1.072,472,2.587,485,0.886,494,1.149,502,1.744,505,1.481,508,1.807,528,1.342,529,3.165,575,1.036,583,0.886,602,2.957,604,1.629,613,1.849,617,2.11,618,1.729,619,1.629,630,1.402,644,1.543,653,1.849,676,1.999,682,2.21,683,1.342,707,1.402,712,2.561,717,1.629,725,2.2,727,2.907,751,1.543,756,1.849,758,3.084,788,2.309,803,1.149,825,1.946,836,1.729,845,1.003,850,2.204,851,1.149,859,1.192,882,1.849,898,3.593,899,2.155,905,2.999,922,2.083,923,1.999,924,1.999,940,4.141,942,1.999,943,1.999,944,3.36,945,1.729,946,2.204,947,2.561,948,1.999,957,1.999,958,1.999,961,1.849,974,2.561,979,1.629,989,1.999,1002,2.427,1003,1.999,1014,1.543,1025,1.729,1030,1.288,1049,5.027,1057,1.629,1078,2.854,1083,1.849,1087,1.849,1089,2.2,1105,1.468,1156,4.073,1157,1.999,1162,1.629,1171,1.629,1184,2.2,1217,1.543,1261,3.165,1265,1.729,1283,2.2,1332,1.543,1345,1.468,1350,1.629,1371,2.2,1397,1.629,1409,1.543,1443,3.36,1452,1.849,1459,1.999,1466,1.543,1515,1.999,1567,1.999,1578,2.2,1589,5.913,1619,2.2,1680,1.629,1696,2.2,1698,2.2,1745,2.2,1817,4.276,1900,2.2,1903,3.46,1904,2.309,1921,1.999,1922,1.849,1924,1.999,1935,2.907,1943,1.999,2043,2.2,2094,4.788,2095,2.2,2097,2.2,2099,1.999,2101,3.46,2102,4.848,2103,3.46,2110,3.941,2111,3.941,2112,3.46,2113,2.506,2114,5.521,2115,2.2,2116,1.849,2117,2.506,2118,2.506,2119,2.506,2120,2.506,2121,2.506,2122,3.941,2123,3.941,2124,5.521,2125,2.506,2126,2.506,2127,2.2,2128,2.506,2129,2.506,2130,1.999,2131,2.506,2132,4.87,2133,2.506,2134,2.506,2135,2.506,2136,2.506,2137,2.506,2138,2.506,2139,2.506,2140,2.506,2141,2.506,2142,2.506,2143,2.506,2144,2.506,2145,2.506,2146,2.506,2147,2.506,2148,3.941,2149,2.506,2150,2.506,2151,2.506,2152,2.506,2153,2.2,2154,2.506,2155,2.506,2156,2.2,2157,2.2,2158,2.506,2159,2.506,2160,2.506,2161,2.506]],["category/{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}",[477,23.353,825,18.729]],["body/{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}",[1,0.007,3,0.193,4,0.151,6,1.488,11,1.91,13,1.355,15,2.345,18,1.105,22,2.178,23,1.991,30,0.089,31,0.06,33,0.01,38,0.058,46,0.1,51,0.287,52,0.114,54,0.099,57,0.184,60,0.826,90,2.054,91,1.91,95,2.471,115,1.074,117,1.016,119,3.264,126,1.169,134,0.287,144,0.69,145,1.488,155,2.429,160,1.016,162,2.837,172,2.742,177,0.815,201,2.964,206,1.203,208,2.722,211,1.239,219,1.931,237,2.742,260,1.901,304,1.099,311,1.86,337,1.991,371,1.991,382,1.074,386,1.397,390,1.537,406,2.289,409,2.178,433,1.991,436,2.416,467,1.991,471,2.742,477,4.144,485,1.314,492,3.264,496,3.262,503,1.768,508,1.704,578,1.488,583,1.314,589,1.441,600,4.885,602,1.991,623,2.057,624,2.289,632,1.537,637,3.443,682,1.488,697,2.289,698,2.289,801,3.172,825,3.91,845,1.488,889,2.965,898,2.742,901,1.836,902,3.489,907,2.416,917,2.742,922,1.59,932,2.742,946,2.079,962,2.079,966,2.416,967,2.289,974,4.012,975,2.289,990,1.991,1002,3.262,1003,4.226,1008,2.178,1011,2.564,1014,3.262,1030,1.91,1048,4.554,1049,3.104,1057,2.416,1067,2.079,1076,2.965,1170,3.262,1178,3.264,1214,2.079,1217,2.289,1256,2.564,1271,1.991,1305,2.742,1329,2.837,1332,2.289,1345,2.178,1350,2.416,1365,4.924,1418,2.742,1448,2.416,1556,2.965,1581,2.965,1654,2.742,1904,3.104,1922,2.742,1932,4.652,1935,2.742,1940,4.226,2094,2.965,2112,3.264,2116,2.742,2162,3.717,2163,2.079,2164,2.079,2165,2.079,2166,3.717,2167,3.717,2168,5.297,2169,3.717,2170,3.717,2171,3.717,2172,3.717,2173,3.717,2174,6.172,2175,3.717,2176,4.652,2177,3.717,2178,3.717,2179,3.264,2180,3.717,2181,3.717,2182,3.655,2183,3.717,2184,2.965,2185,3.717,2186,3.264,2187,3.717,2188,3.717,2189,3.717,2190,3.717,2191,3.717,2192,3.717,2193,3.717,2194,3.717,2195,3.717,2196,3.717,2197,3.264,2198,5.297,2199,3.717,2200,3.264,2201,3.717,2202,3.717,2203,5.297,2204,3.717,2205,3.717,2206,3.717,2207,3.717,2208,3.717,2209,3.717,2210,3.717,2211,3.717,2212,2.742,2213,3.717,2214,3.717,2215,3.717,2216,3.717,2217,3.717,2218,3.717,2219,3.717,2220,3.717,2221,3.264,2222,4.652,2223,3.264,2224,4.226,2225,5.297,2226,3.717,2227,3.717,2228,3.717,2229,3.717,2230,3.717]],["category/{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}",[118,24.648,2231,30.25]],["body/{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}",[1,0.008,3,0.097,4,0.227,6,1.605,8,3.198,15,1.774,19,1.127,20,1.658,22,3.274,30,0.135,33,0.009,38,0.048,46,0.075,50,0.086,51,0.186,52,0.086,56,0.227,60,0.872,61,1.368,81,1.486,82,1.912,84,0.625,90,2.494,104,2.992,108,1.658,112,0.929,115,1.615,118,5.358,122,2.606,134,0.186,144,1.037,146,2.871,157,1.261,159,1.555,160,1.096,161,0.955,162,2.147,178,2.469,179,2.469,188,1.298,201,3.892,206,1.809,211,1.862,219,1.461,221,3.198,222,3.198,238,1.49,241,2.766,254,3.855,260,1.801,261,1.838,264,2.469,268,2.473,272,1.98,304,1.444,311,1.756,332,3.598,333,2.766,363,3.079,381,1.714,382,1.158,387,1.906,388,3.059,396,3.52,401,3.726,405,5.736,416,3.52,484,2.958,485,1.976,489,2.958,499,2.147,516,2.606,528,2.147,530,2.147,541,2.147,589,1.555,591,2.766,682,2.237,683,2.147,705,2.06,755,2.766,760,3.52,779,3.274,801,2.06,808,2.992,849,2.243,865,3.769,883,2.349,899,2.473,901,3.436,903,2.766,974,2.606,975,2.469,990,2.147,1002,2.469,1026,3.52,1027,2.766,1170,2.469,1190,3.198,1261,2.606,1265,2.766,1282,3.855,1329,3.445,1330,2.958,1348,3.198,1351,4.458,1357,5.131,1456,2.606,1462,2.606,1510,2.766,1587,2.958,1597,3.52,1666,3.198,1670,4.458,1905,3.52,1940,5.131,1954,2.958,2006,4.458,2084,3.198,2127,3.52,2163,2.243,2164,2.243,2165,2.243,2231,6.635,2232,3.52,2233,4.009,2234,4.009,2235,4.009,2236,4.009,2237,4.009,2238,4.009,2239,4.009,2240,4.009,2241,4.009,2242,4.009,2243,4.009,2244,3.198,2245,4.009,2246,4.009,2247,4.009,2248,4.009,2249,4.009,2250,4.009,2251,4.009,2252,4.009,2253,4.009,2254,6.957,2255,4.009,2256,5.588,2257,4.009,2258,4.009,2259,2.606,2260,4.009,2261,4.009,2262,4.009,2263,3.52,2264,4.009,2265,3.52,2266,4.009,2267,4.009,2268,4.009,2269,4.009]],["category/{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}",[2270,33.296,2271,33.296]],["body/{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}",[1,0.008,4,0.296,6,2.414,9,2.629,15,1.577,18,1.059,21,3.085,27,0.85,31,0.058,33,0.009,38,0.07,41,0.378,46,0.097,50,0.076,61,0.872,62,3.226,63,0.699,88,2.334,101,1.76,109,1.528,114,3.129,115,1.03,120,1.694,126,1.896,134,0.165,136,2.843,137,1.188,144,1.119,177,0.781,181,1.577,205,3.012,206,1.154,212,1.339,213,1.436,240,2.198,255,1.76,260,1.903,263,2.316,264,2.194,268,1.577,272,1.76,274,2.194,282,3.097,284,2.316,311,1.529,337,1.908,348,1.908,352,2.629,363,1.577,369,1.634,388,1.694,390,2.126,402,2.752,410,2.875,418,1.474,420,1.694,437,3.546,467,1.908,483,2.458,485,1.26,502,1.577,528,1.908,529,2.316,533,2.843,577,1.76,589,1.382,590,2.629,602,1.908,606,2.458,618,2.458,635,2.088,666,2.356,689,1.831,690,2.316,698,2.194,807,1.831,819,3.327,835,2.629,837,2.629,862,3.129,869,2.458,883,2.088,899,1.577,901,1.76,905,3.713,906,3.129,914,4.448,968,2.629,1002,2.194,1008,2.088,1010,5.192,1016,2.088,1048,2.629,1067,1.993,1096,3.713,1140,4.1,1213,2.629,1261,2.316,1329,1.908,1357,2.843,1409,2.194,1431,3.129,1452,2.629,1464,2.316,1466,2.194,1495,2.843,1510,2.458,1623,3.129,1630,3.129,1670,2.843,1671,3.129,1716,2.843,1918,3.129,1920,2.316,1923,2.843,1935,2.629,2006,2.843,2007,6.401,2009,5.994,2057,3.129,2130,2.843,2163,1.993,2164,1.993,2165,1.993,2182,4.553,2223,3.129,2231,2.843,2232,3.129,2259,2.316,2265,4.513,2270,6.598,2271,6.144,2272,3.563,2273,3.563,2274,3.563,2275,3.563,2276,5.14,2277,3.129,2278,3.563,2279,5.14,2280,3.563,2281,3.563,2282,5.14,2283,3.563,2284,3.563,2285,3.563,2286,4.513,2287,5.14,2288,3.129,2289,3.563,2290,3.563,2291,3.563,2292,3.563,2293,3.563,2294,2.843,2295,3.563,2296,3.563,2297,3.563,2298,3.129,2299,3.563,2300,3.563,2301,3.563,2302,5.378,2303,3.563,2304,5.14,2305,3.563,2306,3.563,2307,3.563,2308,5.14,2309,3.563,2310,3.563,2311,7.289,2312,3.563,2313,3.563,2314,3.563,2315,3.129,2316,3.563,2317,3.563,2318,3.563,2319,3.563,2320,3.563,2321,3.563,2322,3.563,2323,3.129,2324,3.563,2325,3.563,2326,3.563,2327,3.563,2328,3.563,2329,3.563,2330,3.563,2331,3.563,2332,3.563,2333,3.563,2334,3.563,2335,3.563,2336,3.563]],["category/{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}",[260,8.786,272,18.729]],["body/{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}",[1,0.009,3,0.204,4,0.19,5,1.701,7,0.707,12,0.629,13,0.686,15,1.774,18,0.929,20,0.778,22,1.831,24,1.838,27,0.517,28,0.903,31,0.084,33,0.01,38,0.016,50,0.04,51,0.259,54,0.125,55,0.262,60,0.872,61,0.981,62,0.833,68,0.753,69,0.765,81,0.831,82,1.387,84,0.294,90,0.73,91,1.606,104,1.008,110,0.854,115,0.903,116,2.036,120,0.895,121,0.448,125,1.053,126,1.468,134,0.335,135,1.831,144,0.744,145,3.253,155,2.375,160,1.813,174,0.487,176,0.559,177,0.413,180,0.609,181,1.383,191,1.337,197,0.929,201,3.126,213,1.112,219,1.139,236,1.298,240,1.996,245,2.886,253,0.805,254,2.156,258,2.469,260,1.962,261,1.433,264,1.925,272,0.929,273,1.606,280,1.103,281,1.159,285,1.159,304,0.649,306,1.103,309,1.831,311,1.897,346,0.983,348,1.008,353,0.707,369,0.863,373,2.292,377,1.337,379,0.753,382,1.497,386,0.707,388,1.486,398,2.744,402,1.674,404,1.652,406,1.159,408,1.053,420,3.058,422,1.103,424,1.298,437,1.298,467,1.674,477,1.159,485,1.651,499,1.008,502,2.066,507,0.833,514,1.298,519,1.103,521,1.008,524,1.652,525,2.469,530,1.008,541,2.147,544,1.298,578,1.869,583,1.105,589,0.73,590,3.444,591,2.156,600,5.15,607,2.156,623,2.066,630,1.053,632,1.658,635,1.103,638,1.544,644,1.159,645,1.053,668,1.053,682,1.605,693,1.501,696,1.501,709,1.053,711,1.501,712,1.223,738,1.388,755,1.298,758,0.967,825,0.929,838,1.008,843,1.748,844,3.467,845,2.237,847,1.298,851,0.863,858,2.031,859,1.486,898,1.388,899,0.833,901,1.544,902,2.14,905,1.159,914,2.306,917,2.306,922,0.805,962,1.053,963,0.895,972,1.223,979,1.223,980,0.805,1001,1.388,1011,1.298,1012,2.156,1044,1.748,1057,1.223,1067,1.748,1085,1.501,1111,1.501,1117,2.031,1125,1.388,1132,1.925,1142,2.957,1156,1.388,1171,1.223,1194,1.298,1196,1.008,1214,1.748,1220,1.159,1237,2.744,1262,1.501,1293,1.159,1329,3.319,1330,1.388,1332,1.159,1336,3.52,1338,1.501,1345,3.274,1346,4.368,1403,1.501,1428,1.501,1435,1.298,1456,2.031,1461,1.388,1462,1.223,1464,2.031,1466,3.19,1499,1.501,1501,3.441,1503,1.223,1510,1.298,1518,1.501,1527,1.501,1556,1.501,1567,1.501,1590,1.388,1654,1.388,1660,1.501,1694,2.744,1759,2.744,1825,2.744,1896,1.652,1904,3.769,1922,2.306,1924,1.501,1943,1.501,1944,1.652,2000,2.493,2029,5.198,2078,2.744,2084,2.493,2091,2.744,2098,1.501,2099,1.501,2116,1.388,2153,1.652,2163,1.053,2164,1.053,2165,1.053,2179,1.652,2182,2.765,2197,1.652,2221,1.652,2224,6.287,2259,2.031,2302,1.388,2315,1.652,2323,1.652,2337,1.223,2338,1.298,2339,1.652,2340,1.652,2341,1.882,2342,4.668,2343,4.008,2344,4.008,2345,1.882,2346,1.882,2347,1.882,2348,1.882,2349,1.882,2350,4.668,2351,3.125,2352,3.125,2353,3.125,2354,1.882,2355,3.125,2356,3.125,2357,3.125,2358,1.882,2359,1.882,2360,3.125,2361,1.882,2362,1.882,2363,3.125,2364,3.125,2365,1.882,2366,1.882,2367,1.882,2368,1.882,2369,3.125,2370,1.882,2371,1.882,2372,3.125,2373,3.125,2374,3.198,2375,4.548,2376,1.882,2377,1.882,2378,4.008,2379,1.882,2380,1.882,2381,5.92,2382,2.744,2383,3.198,2384,3.125,2385,4.008,2386,1.882,2387,1.882,2388,1.882,2389,1.882,2390,3.125,2391,1.882,2392,1.882,2393,1.882,2394,1.882,2395,1.652,2396,1.882,2397,1.882,2398,3.125,2399,3.125,2400,1.882,2401,1.882,2402,1.882,2403,3.125,2404,1.882,2405,1.882,2406,1.882,2407,1.882,2408,1.882,2409,1.882,2410,1.882,2411,4.008,2412,1.882,2413,1.882,2414,1.882,2415,1.882,2416,1.882,2417,1.882,2418,1.882,2419,1.882,2420,1.882,2421,1.882,2422,1.882,2423,1.882,2424,1.882,2425,3.125,2426,1.882,2427,1.882,2428,1.882,2429,1.882,2430,1.882,2431,3.125,2432,1.882,2433,1.882,2434,1.882,2435,1.882,2436,1.882,2437,1.882,2438,1.882,2439,1.882,2440,1.882,2441,1.882,2442,1.882,2443,1.882,2444,1.882,2445,2.493,2446,1.882,2447,1.882,2448,1.882]],["category/{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}",[22,22.22,2184,30.25]],["body/{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}",[1,0.009,6,1.695,12,0.705,15,1.873,18,1.724,19,1.19,21,1.641,22,4.515,27,0.7,33,0.009,38,0.036,61,1.036,69,0.808,91,4.054,95,3.085,101,1.065,111,2.48,134,0.331,135,4.173,162,2.267,169,1.453,201,3.246,202,1.941,211,1.934,213,1.879,260,1.785,282,1.873,295,2.175,304,1.374,311,1.65,344,2.607,345,3.4,358,3.573,363,1.873,365,3.123,369,1.941,373,2.93,395,3.717,406,2.607,409,2.48,415,2.267,420,3.752,442,3.123,477,2.607,502,1.873,503,2.013,519,2.48,521,2.267,535,2.92,542,2.091,583,2.341,589,1.641,598,2.607,623,1.411,669,3.377,693,3.377,735,3.123,825,3.517,838,2.267,842,4.002,845,2.65,883,2.48,901,2.091,902,3.618,903,2.92,904,3.377,922,1.81,927,3.123,936,2.607,962,2.368,963,2.013,973,3.377,1002,2.607,1038,3.377,1044,3.246,1049,3.4,1142,3.123,1159,3.123,1173,2.92,1214,2.368,1217,2.607,1220,2.607,1230,5.094,1248,2.92,1271,2.267,1305,3.123,1329,2.267,1345,3.879,1372,3.377,1397,2.751,1452,3.123,1462,2.751,1474,3.377,1810,4.628,1907,3.377,2156,3.717,2163,2.368,2164,2.368,2165,2.368,2176,6.766,2182,4.002,2184,3.377,2212,4.28,2288,5.812,2294,3.377,2302,3.123,2337,2.751,2338,4.002,2339,3.717,2374,5.681,2383,3.377,2395,3.717,2445,5.281,2449,4.233,2450,4.233,2451,3.717,2452,4.233,2453,4.233,2454,6.619,2455,3.717,2456,4.233,2457,4.233,2458,4.233,2459,4.233,2460,3.717,2461,4.233,2462,4.233,2463,4.233,2464,4.233,2465,5.801,2466,4.233,2467,5.094,2468,4.233,2469,4.233,2470,3.717,2471,4.233,2472,4.233,2473,4.233]],["category/{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}",[260,8.786,972,24.648]],["body/{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}",[1,0.008,3,0.165,4,0.201,6,2.344,12,0.411,13,1.234,18,1.472,19,0.951,20,1.4,27,0.56,31,0.055,33,0.009,38,0.071,46,0.11,49,0.187,50,0.073,51,0.272,52,0.106,54,0.091,55,0.118,56,0.201,87,1.234,88,1.197,90,1.313,95,1.355,108,1.4,109,1.006,110,0.925,111,1.983,115,1.431,116,1.234,121,0.806,125,1.893,134,0.272,135,4.017,145,2.867,146,2.544,155,2.27,157,2.027,160,0.925,169,1.162,173,1.893,177,0.742,186,1.313,240,2.117,245,1.355,248,1.006,260,1.928,268,1.498,272,2.446,278,1.447,281,2.084,303,2.7,304,1.215,311,1.846,358,3.049,363,1.498,373,3.632,375,2.084,379,1.982,382,0.978,390,2.048,394,2.972,406,3.605,409,1.983,418,2.048,420,3.405,428,2.335,469,2.7,503,2.355,505,1.861,539,1.983,541,1.813,575,1.4,577,2.446,578,1.355,583,1.751,589,1.313,600,4.67,624,2.084,637,2.2,682,1.982,705,3.008,751,2.084,801,2.544,802,1.983,825,1.672,843,1.893,844,1.893,845,2.579,865,3.431,883,1.983,901,2.446,902,2.684,903,2.335,904,2.7,932,2.497,936,2.084,946,2.77,961,2.497,962,3.604,963,2.355,972,4.929,974,3.218,975,3.049,990,1.813,1001,2.497,1010,3.049,1014,3.049,1027,2.335,1037,2.335,1038,2.7,1062,2.972,1116,2.2,1196,1.813,1214,3.275,1223,2.7,1301,2.972,1305,2.497,1332,2.084,1342,2.7,1345,1.983,1346,2.497,1350,2.2,1360,2.2,1400,2.497,1409,2.084,1448,5.239,1461,2.497,1464,2.2,1466,3.605,1502,3.416,1503,3.218,1757,2.972,1904,3.431,2105,2.7,2116,4.319,2163,1.893,2164,1.893,2165,1.893,2182,4.039,2186,2.972,2200,2.972,2212,3.653,2222,2.972,2224,3.95,2244,2.7,2259,2.2,2286,2.972,2302,4.319,2337,2.2,2338,2.335,2374,2.7,2382,2.972,2383,5.139,2445,3.95,2451,2.972,2470,2.972,2474,3.385,2475,4.951,2476,3.385,2477,3.385,2478,4.951,2479,3.385,2480,3.385,2481,3.385,2482,5.854,2483,5.854,2484,3.385,2485,3.385,2486,3.385,2487,3.385,2488,4.951,2489,4.951,2490,3.385,2491,3.385,2492,4.951,2493,3.385,2494,3.385,2495,3.385,2496,3.385,2497,3.385,2498,3.385,2499,3.385,2500,3.385,2501,3.385,2502,3.385,2503,3.385,2504,3.385,2505,3.385,2506,3.385,2507,3.385,2508,3.385,2509,3.385,2510,3.385,2511,3.385,2512,3.385]],["category/{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}",[311,8.786,2259,24.648]],["body/{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}",[1,0.008,4,0.207,11,2.618,18,1.515,19,2.155,22,2.986,28,1.473,33,0.008,38,0.062,50,0.109,52,0.141,55,0.254,60,0.795,61,1.247,84,1.024,88,1.802,115,1.473,134,0.237,144,0.946,145,2.628,155,2.336,177,1.592,186,1.976,237,3.76,240,2.807,245,2.04,260,1.776,268,2.255,269,4.065,304,1.057,306,2.986,311,1.96,353,1.915,358,3.138,366,2.618,382,1.897,420,3.121,485,1.802,530,2.729,583,2.711,589,1.976,591,3.515,617,2.729,623,1.698,779,2.986,788,2.986,801,2.618,809,2.423,844,2.851,866,3.312,905,3.138,962,2.851,963,3.121,972,3.312,1015,3.76,1194,3.515,1204,3.312,1235,4.065,1293,5.002,1405,5.236,1432,5.792,1461,3.76,1464,3.312,1501,3.138,1654,3.76,1712,4.474,1805,4.474,1904,2.986,1920,3.312,1930,4.474,2093,4.474,2105,5.236,2163,2.851,2164,2.851,2165,2.851,2259,4.984,2337,3.312,2375,5.763,2513,5.096,2514,5.096,2515,5.096,2516,5.096,2517,5.096,2518,5.096,2519,5.096,2520,5.096,2521,5.096,2522,5.096,2523,5.096,2524,6.563,2525,4.474,2526,5.096]],["category/{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}",[1238,22.697,1239,27.013,2527,27.013]],["body/{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}",[1,0.009,3,0.083,4,0.28,5,1.254,6,1.377,11,1.768,19,0.967,21,2.292,30,0.083,33,0.01,38,0.056,46,0.094,50,0.074,54,0.134,57,0.17,60,0.537,63,0.984,64,0.475,84,1.076,93,2.538,110,0.94,112,0.797,115,0.994,120,1.636,134,0.301,157,1.082,169,1.181,176,2.309,177,0.755,196,1.377,206,1.114,209,2.919,219,1.254,233,1.471,234,2.745,240,1.471,249,1.423,260,1.765,264,2.119,268,1.523,275,2.374,278,1.471,282,2.218,296,3.841,304,1.04,311,1.874,314,2.119,348,1.843,352,2.538,357,2.016,358,2.119,362,2.236,382,1.448,386,1.293,408,1.925,410,2.803,411,2.745,420,1.636,467,1.843,484,2.538,526,3.021,528,2.683,577,2.475,578,2.976,580,2.538,589,1.334,598,2.119,632,1.423,637,2.236,643,3.021,678,2.119,683,1.843,705,1.768,709,1.925,712,3.257,754,4.4,774,2.119,785,2.016,836,2.374,843,1.925,851,1.578,865,4.043,868,4.681,899,2.218,901,2.919,902,2.71,922,1.471,927,2.538,966,4.22,967,5.274,968,2.538,970,2.745,990,2.683,1002,2.119,1010,4.578,1014,3.086,1016,2.016,1020,2.745,1058,2.538,1096,2.119,1140,3.997,1171,3.257,1194,2.374,1212,2.119,1214,3.306,1217,2.119,1231,2.745,1238,2.538,1285,2.745,1340,2.745,1342,2.745,1348,2.745,1365,4.715,1372,2.745,1397,2.236,1407,3.021,1447,2.745,1549,2.745,1666,2.745,1680,5.198,1684,4.4,1685,3.021,1902,3.997,1904,2.016,1910,4.4,1920,3.257,1938,5.179,1942,5.701,1954,2.538,2022,4.4,2157,5.189,2163,1.925,2164,1.925,2165,1.925,2277,3.021,2294,2.745,2337,2.236,2338,4.077,2460,3.021,2527,3.021,2528,5.701,2529,5.011,2530,3.441,2531,3.441,2532,3.441,2533,3.441,2534,3.441,2535,5.011,2536,3.441,2537,5.011,2538,5.011,2539,3.021,2540,6.9,2541,3.441,2542,3.441,2543,5.011,2544,3.441,2545,3.441,2546,3.441,2547,3.441,2548,3.441,2549,7.618,2550,3.441,2551,5.011,2552,6.492,2553,5.011,2554,3.441,2555,3.441,2556,5.011,2557,3.441,2558,6.492,2559,3.441,2560,5.011,2561,3.441,2562,3.441,2563,5.011,2564,3.441,2565,3.441,2566,3.441,2567,3.441,2568,3.441,2569,3.021,2570,3.441,2571,3.441,2572,3.441,2573,3.441,2574,3.441,2575,3.441,2576,3.441]],["category/{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}",[]],["title/{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}",[1238,22.697,2577,30.764,2578,30.764]],["body/{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}",[1,0.009,3,0.185,4,0.319,11,1.984,12,1,15,1.081,18,1.148,19,1.53,20,1.01,26,2.263,28,0.706,29,2.12,30,0.093,31,0.063,33,0.008,46,0.111,47,0.128,48,0.191,52,0.155,56,0.195,61,0.598,62,1.081,63,0.479,64,0.533,66,0.551,68,0.72,81,0.649,82,1.148,84,0.602,90,1.497,93,1.802,95,2.74,97,2.552,100,3.651,101,1.369,102,1.161,104,1.308,105,2.949,109,0.726,112,0.566,115,1.384,117,1.055,124,1.12,125,1.366,126,1.215,134,0.179,137,1.287,138,1.685,144,0.453,145,2.74,149,1.044,155,1.12,157,1.507,161,0.582,162,2.068,169,1.325,172,1.802,174,0.632,175,2.196,177,1.05,183,1.802,186,0.947,188,1.919,200,1.255,206,2.281,211,1.596,219,1.407,221,1.948,233,1.651,234,4.342,235,1.836,236,1.685,241,2.664,245,2.643,260,0.895,261,2.196,272,1.907,278,1.651,282,1.081,289,2.849,309,2.263,310,1.504,311,1.46,330,2.461,331,3.64,332,2.679,342,1.431,346,1.215,348,1.308,353,0.918,354,4.348,355,1.431,356,1.504,362,1.587,363,1.081,371,1.308,373,2.922,375,1.504,379,1.546,380,2.263,384,1.651,386,2.046,387,1.161,388,3.872,390,1.597,402,1.308,408,2.16,409,1.431,415,1.308,417,1.081,433,2.915,435,1.044,484,2.849,485,2.492,490,1.802,491,1.948,499,1.308,505,1.451,506,4.978,507,2.12,516,1.587,518,1.802,528,1.308,530,1.308,539,1.431,541,1.308,542,1.206,573,2.16,579,2.144,583,0.864,584,2.51,589,0.947,591,1.685,608,1.587,610,1.504,614,3.391,623,1.287,638,1.206,689,1.255,690,1.587,705,1.984,728,1.206,745,2.51,751,1.504,802,1.431,809,1.836,819,1.836,825,1.206,826,1.504,843,2.16,844,1.366,849,1.366,859,2.277,881,1.685,897,2.378,899,2.409,901,1.907,902,1.12,963,1.161,977,1.587,980,1.651,990,2.068,1008,2.263,1010,3.882,1011,1.685,1016,1.431,1025,1.685,1030,1.255,1033,3.853,1037,1.685,1048,1.802,1058,1.802,1067,3.045,1078,2.263,1083,2.849,1084,1.802,1098,1.802,1100,2.144,1105,1.431,1170,1.504,1196,2.068,1204,1.587,1249,2.144,1250,2.144,1253,1.948,1256,2.664,1269,1.802,1271,1.308,1276,3.82,1286,4.205,1289,2.849,1290,3.304,1295,3.391,1299,2.144,1307,2.144,1308,2.144,1309,2.144,1310,2.144,1311,2.144,1312,2.144,1321,1.587,1334,2.144,1341,4.205,1350,1.587,1364,4.342,1366,3.391,1370,2.144,1375,1.948,1383,3.08,1391,1.802,1395,2.144,1397,1.587,1399,2.144,1402,2.144,1409,1.504,1410,2.144,1416,2.144,1422,3.391,1423,2.144,1424,1.948,1428,3.08,1450,2.144,1456,1.587,1466,1.504,1494,1.802,1502,1.685,1537,3.82,1538,1.948,1553,1.948,1603,2.144,1810,1.948,1907,1.948,1923,1.948,1934,4.205,1937,2.144,1938,1.948,1982,2.144,1999,2.144,2040,4.205,2098,1.948,2115,2.144,2130,1.948,2163,1.366,2164,1.366,2165,1.366,2212,3.533,2244,3.08,2263,3.391,2298,2.144,2337,1.587,2338,2.664,2340,2.144,2455,2.144,2467,2.144,2525,2.144,2528,4.779,2539,2.144,2569,2.144,2579,3.861,2580,2.442,2581,2.442,2582,2.442,2583,2.442,2584,2.442,2585,2.442,2586,2.442,2587,5.443,2588,2.442,2589,2.442,2590,5.928,2591,2.442,2592,2.442,2593,2.442,2594,2.442,2595,2.442,2596,2.442,2597,2.442,2598,2.442,2599,2.442,2600,2.442,2601,2.442,2602,2.442,2603,2.442,2604,2.442,2605,2.442,2606,2.442,2607,2.442,2608,2.442,2609,3.861,2610,3.861,2611,4.789,2612,2.442,2613,2.442,2614,2.442,2615,2.442,2616,2.442,2617,2.442,2618,2.442,2619,2.442,2620,2.442,2621,2.442,2622,3.861,2623,2.442,2624,2.442,2625,2.442,2626,2.442,2627,2.442,2628,2.442,2629,2.442,2630,2.442,2631,2.442]],["category/{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}",[]]],"invertedIndex":[["",{"_index":1,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["0",{"_index":707,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["0.01",{"_index":1182,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["0.30.0",{"_index":2287,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["0.37.0",{"_index":2580,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["0.45",{"_index":1179,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["09",{"_index":2532,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["1",{"_index":709,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["1.2/#kbd_roving_tabindex",{"_index":1955,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["10",{"_index":1144,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["10/15/18",{"_index":1994,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["100",{"_index":1178,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["1000m",{"_index":1381,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{}},"category":{}}],["10px",{"_index":1969,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["11",{"_index":1239,"title":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["18",{"_index":2578,"title":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"body":{},"category":{}}],["192",{"_index":723,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["1px",{"_index":1983,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["2",{"_index":1171,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["2.0",{"_index":2540,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["2.0](https://lit.dev/blog/2021",{"_index":2531,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["200",{"_index":1971,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["2021",{"_index":2527,"title":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["2021/11/8",{"_index":2529,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["2023",{"_index":2577,"title":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"body":{},"category":{}}],["2023/8/18",{"_index":2579,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["20px",{"_index":943,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["21",{"_index":2533,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["240",{"_index":726,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["2400",{"_index":722,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["2o9a",{"_index":2074,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["3",{"_index":424,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["300",{"_index":1972,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["300m",{"_index":193,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{}},"category":{}}],["4",{"_index":2113,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["45",{"_index":1180,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["5",{"_index":1237,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["5327797",{"_index":2624,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["54cd01dc2d46",{"_index":156,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["6px",{"_index":2210,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["75",{"_index":2208,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["8",{"_index":1238,"title":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["_\"luminosity\"_",{"_index":673,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{}},"category":{}}],["_\"saturation\"_",{"_index":672,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{}},"category":{}}],["_$rowtyp",{"_index":1756,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["__swc",{"_index":2269,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["_all_",{"_index":961,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["_also_",{"_index":2289,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["_and_",{"_index":1407,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["_before_",{"_index":1390,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{}},"category":{}}],["_clipped_",{"_index":1343,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["_de",{"_index":2290,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["_default_",{"_index":2150,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["_do_",{"_index":2587,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["_element",{"_index":2046,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["_everything_",{"_index":2190,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["_first_",{"_index":1617,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["_force_",{"_index":2296,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["_hoisted_",{"_index":2292,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["_last_",{"_index":1618,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["_may_",{"_index":2630,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["_multiple_",{"_index":259,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["_not_",{"_index":1406,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{}},"category":{}}],["_note",{"_index":1814,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["_only_",{"_index":1355,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["_property_",{"_index":1339,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["_remove_",{"_index":1335,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["_single_",{"_index":252,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["_static_",{"_index":1221,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["a.k.a",{"_index":1882,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{}},"category":{}}],["abc",{"_index":992,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["abcicon",{"_index":994,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["abil",{"_index":504,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["abov",{"_index":682,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["above`’",{"_index":670,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{}},"category":{}}],["area?style=for",{"_index":648,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{}},"category":{}}],["aren't",{"_index":2241,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["argument",{"_index":1375,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["aria",{"_index":246,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["around",{"_index":1321,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["around`outlin",{"_index":568,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["blackcss",{"_index":2384,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["button.css\">slot",{"_index":2429,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["button>buttonsspectrum",{"_index":2341,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components\">thes",{"_index":2503,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components\">webcomponents.devexist",{"_index":2437,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/button/src/button.ts\">button.tson",{"_index":2447,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/checkbox/src/checkbox.ts\">recr",{"_index":2410,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/checkbox/src/spectrum",{"_index":2413,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/slider/src/spectrum",{"_index":2421,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/scripts/process",{"_index":2386,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/master/src/button/spectrum",{"_index":2377,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/master/tasks/process",{"_index":2370,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/bundl",{"_index":1932,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/bundle\">it",{"_index":2192,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/bundle/icons.j",{"_index":1947,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{}},"category":{}}],["components/bundle?style=for",{"_index":1941,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{}},"category":{}}],["components/button",{"_index":533,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["components/button?style=for",{"_index":532,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["components/card",{"_index":596,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{}},"category":{}}],["components/card?style=for",{"_index":595,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{}},"category":{}}],["components/checkbox",{"_index":621,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{}},"category":{}}],["components/checkbox?style=for",{"_index":620,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{}},"category":{}}],["components/coachmark",{"_index":640,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{}},"category":{}}],["components/coachmark?style=for",{"_index":639,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{}},"category":{}}],["components/color",{"_index":647,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["components/components/icon",{"_index":933,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["components/components/overlay",{"_index":1873,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{}},"category":{}}],["components/custom",{"_index":2138,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/customelements\">web",{"_index":2351,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/dialog",{"_index":730,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{}},"category":{}}],["components/dialog/sp",{"_index":2593,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/dialog?style=for",{"_index":729,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{}},"category":{}}],["components/discuss",{"_index":2507,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components/discussions/2308",{"_index":2264,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["components/discussions/2764",{"_index":2585,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/discussions/2764#discussioncom",{"_index":2623,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/divid",{"_index":771,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{}},"category":{}}],["components/divider/sp",{"_index":312,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["components/divider?style=for",{"_index":770,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{}},"category":{}}],["components/dropzon",{"_index":796,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{}},"category":{}}],["components/dropzone?style=for",{"_index":795,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{}},"category":{}}],["components/field",{"_index":805,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{}},"category":{}}],["components/get",{"_index":2171,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/grid",{"_index":1962,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["components/grid?style=for",{"_index":1961,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["components/help",{"_index":830,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["components/icon",{"_index":314,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["components/icon?style=for",{"_index":887,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["components/icons?style=for",{"_index":908,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{}},"category":{}}],["components/iconset",{"_index":1007,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{}},"category":{}}],["components/iconset?style=for",{"_index":1006,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{}},"category":{}}],["components/illustr",{"_index":1021,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{}},"category":{}}],["components/infield",{"_index":1028,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{}},"category":{}}],["components/issu",{"_index":1301,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components/link",{"_index":1042,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["components/link?style=for",{"_index":1041,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["components/menu",{"_index":1071,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{}},"category":{}}],["components/menu?style=for",{"_index":1070,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{}},"category":{}}],["components/met",{"_index":1119,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["components/meter?style=for",{"_index":1118,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["components/numb",{"_index":1146,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["components/overlay",{"_index":338,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["components/overlay/overlay",{"_index":2595,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/overlay?style=for",{"_index":1251,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{}},"category":{}}],["components/packagenamehere`](https://docs.npmjs.com/cli/v8/commands/npm",{"_index":2309,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["components/pick",{"_index":1439,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{}},"category":{}}],["components/picker?style=for",{"_index":1438,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{}},"category":{}}],["components/popov",{"_index":1469,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["components/popover/sp",{"_index":2597,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/popover?style=for",{"_index":1468,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["components/progress",{"_index":1485,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{}},"category":{}}],["components/quick",{"_index":1519,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{}},"category":{}}],["components/radio",{"_index":1531,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{}},"category":{}}],["components/radio?style=for",{"_index":1530,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{}},"category":{}}],["components/react",{"_index":2018,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["components/search",{"_index":1543,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["components/search?style=for",{"_index":1542,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["components/shadowdom\">shadow",{"_index":2352,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/shar",{"_index":2053,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["components/shared?style=for",{"_index":2052,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["components/sidenav",{"_index":1561,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{}},"category":{}}],["components/sidenav?style=for",{"_index":1560,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{}},"category":{}}],["components/slid",{"_index":1576,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["components/slider?style=for",{"_index":1575,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["components/spectrum",{"_index":2492,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components/split",{"_index":1624,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["components/splitbutton",{"_index":1625,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["components/statu",{"_index":1641,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["components/storybook",{"_index":2219,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/styl",{"_index":2097,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/styles?style=for",{"_index":2096,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{}},"category":{}}],["components/swatch",{"_index":1659,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["components/swatch?style=for",{"_index":1658,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["components/switch",{"_index":1678,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["components/switch?style=for",{"_index":1677,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["components/t",{"_index":1683,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["components/tab",{"_index":1791,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["components/table?style=for",{"_index":1682,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["components/tabs?style=for",{"_index":1790,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["components/tag",{"_index":1823,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{}},"category":{}}],["components/tags?style=for",{"_index":1822,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{}},"category":{}}],["components/textfield",{"_index":1827,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["components/textfield?style=for",{"_index":1826,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["components/them",{"_index":2112,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/theme/sp",{"_index":2120,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/theme?style=for",{"_index":2111,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/theme`.similar",{"_index":2433,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/tree/main/projects/exampl",{"_index":2225,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/tree/master/src/button\">`src/components/button`annot",{"_index":2506,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["config.j",{"_index":2375,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["config.js\">`host",{"_index":2405,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">`id",{"_index":2414,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">`slot",{"_index":2426,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">`spectrum",{"_index":2378,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">exampl",{"_index":2422,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js``spectrum",{"_index":2389,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css\">spectrum",{"_index":2343,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/2.13.0/docs/#button",{"_index":2400,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/2.13.0/docs/#checkbox\">sampl",{"_index":2409,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/button/dist/index",{"_index":2392,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/spectrumpattern",{"_index":2481,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["css/spectrumpattern/metadata/spectrumpattern.yml",{"_index":2497,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["css/typography.html",{"_index":2109,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{}},"category":{}}],["cssrefer",{"_index":2401,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["culmin",{"_index":1605,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["culprit",{"_index":1356,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["currenc",{"_index":1185,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["currencydisplay",{"_index":1187,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["currencysign",{"_index":1189,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["current",{"_index":108,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["currentcolor",{"_index":894,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["cursor",{"_index":692,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{}},"category":{}}],["custmiz",{"_index":757,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{}},"category":{}}],["custom",{"_index":144,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["customelements.whendefined('cod",{"_index":1735,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["customelements.whendefined('sp",{"_index":1737,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["customevent('sp",{"_index":2142,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["customiz",{"_index":916,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{}},"category":{}}],["cut.j",{"_index":328,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["dark",{"_index":2102,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["darkest",{"_index":2101,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["data",{"_index":414,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["date",{"_index":1716,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["de",{"_index":2332,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["deactiv",{"_index":1676,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["decid",{"_index":172,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["decim",{"_index":1163,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["decis",{"_index":1395,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["declar",{"_index":614,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["decor",{"_index":1248,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["decoupl",{"_index":2570,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["decreas",{"_index":1141,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["decrement",{"_index":1183,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["dedup",{"_index":2311,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["dedupe?v=tru",{"_index":2279,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["dedupe`](https://docs.npmjs.com/cli/v9/commands/npm",{"_index":2307,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["deduped](https://docs.npmjs.com/cli/v9/commands/npm",{"_index":2278,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["dedupl",{"_index":906,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["deep",{"_index":389,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{}},"category":{}}],["deepest",{"_index":2056,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["deepli",{"_index":1454,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{}},"category":{}}],["default",{"_index":27,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["default)${text}`](../components/numb",{"_index":2159,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["field?style=for",{"_index":1147,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["fieldgroup",{"_index":806,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["fieldlabel",{"_index":822,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{}},"category":{}}],["figur",{"_index":1272,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["file",{"_index":420,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["filecomplet",{"_index":931,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["gitignor",{"_index":2454,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["give",{"_index":519,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["given",{"_index":1068,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["glass",{"_index":1541,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["global",{"_index":2098,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["go",{"_index":1810,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["goal",{"_index":1495,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["goe",{"_index":1770,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["good",{"_index":236,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["grab",{"_index":2186,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["gradient",{"_index":1655,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{}},"category":{}}],["graph",{"_index":2152,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["graphic",{"_index":896,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["gray",{"_index":2207,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["great",{"_index":442,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["greater",{"_index":1231,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["green?style=for",{"_index":44,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{}},"category":{}}],["greet",{"_index":2252,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["grid",{"_index":629,"title":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["grid').then",{"_index":1998,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.focusableselector",{"_index":1967,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.gap",{"_index":1968,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.item",{"_index":1965,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.items",{"_index":1970,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.renderitem",{"_index":1973,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["group",{"_index":212,"title":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["grouppackageversionanchorsy",{"_index":2187,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["href=\"guides/develop",{"_index":2502,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"guides/spectrum",{"_index":2505,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"http://opensource.adobe.com/spectrum",{"_index":2399,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://bundlephobia.com/result?p=@spectrum",{"_index":2191,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["href=\"https://developer.mozilla.org/en",{"_index":2360,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://developers.google.com/web/fundamentals/web",{"_index":2350,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://github.com/adobe/spectrum",{"_index":2224,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"https://github.com/runem/web",{"_index":2440,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://lit",{"_index":2355,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://open",{"_index":2169,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["href=\"https://opensource.adobe.com/spectrum",{"_index":932,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"https://storybook.js.org/\">storybookwebcomponents.org...${redoicon()}`",{"_index":1094,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{}},"category":{}}],["item>`](./components/accordion",{"_index":25,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{}},"category":{}}],["item>`](./components/sidenav",{"_index":1558,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["items",{"_index":1958,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["items.push",{"_index":1714,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["items.sort((a",{"_index":1780,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["items.splice(3",{"_index":1761,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["itemtext",{"_index":1446,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{}},"category":{}}],["itemvalu",{"_index":1746,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["itself",{"_index":435,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["it’",{"_index":399,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{}},"category":{}}],["javascript",{"_index":264,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["join",{"_index":221,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["jpg",{"_index":1980,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["js",{"_index":990,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["jsdoc",{"_index":2443,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["jsdoc\">appropri",{"_index":2442,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["json",{"_index":269,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["json#overrid",{"_index":2301,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["json.stringify(event.target.select",{"_index":1753,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["jspm",{"_index":2204,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["jump",{"_index":2625,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["justifi",{"_index":283,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["justify.j",{"_index":322,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["kb",{"_index":2240,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["kbd>arrowdownarrowupshifttypescriptconfig",{"_index":2388,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["plugin](https://www.npmjs.com/package/@rollup/plugin",{"_index":2250,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["plural",{"_index":1222,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["pnpm",{"_index":2304,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["point",{"_index":1170,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["pointer",{"_index":190,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["pointercancel",{"_index":199,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{}},"category":{}}],["pointerdown",{"_index":195,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{}},"category":{}}],["pointerup",{"_index":198,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{}},"category":{}}],["polyfil",{"_index":1213,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["polyfill](https://formatjs.io/docs/polyfills/intl",{"_index":1202,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["popov",{"_index":584,"title":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["popover.j",{"_index":2598,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["popul",{"_index":885,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["portal",{"_index":2608,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["portion",{"_index":2407,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["portray",{"_index":1892,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{}},"category":{}}],["posit",{"_index":124,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["possess",{"_index":810,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["possibl",{"_index":268,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["possible](https://w3c.github.io/webcompon",{"_index":840,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["post",{"_index":2541,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["postcss",{"_index":2387,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["postiv",{"_index":1881,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{}},"category":{}}],["potenti",{"_index":416,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["power",{"_index":850,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["practic",{"_index":1954,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["pre",{"_index":968,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["pre.2",{"_index":1951,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["preact",{"_index":981,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["predict",{"_index":1937,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["prefer",{"_index":352,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["prepar",{"_index":897,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["presenc",{"_index":197,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["present",{"_index":253,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["preserv",{"_index":711,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["press",{"_index":735,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["pretti",{"_index":2131,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["prettier",{"_index":344,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["prettierrc.yaml",{"_index":2464,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["prevent",{"_index":573,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["preventdefault",{"_index":1667,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["preview",{"_index":613,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["preview.j",{"_index":2466,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["previou",{"_index":1537,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["previous",{"_index":234,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["previous/nextelements",{"_index":1616,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["primari",{"_index":544,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["primarili",{"_index":1367,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{}},"category":{}}],["prior",{"_index":1427,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{}},"category":{}}],["priorit",{"_index":1554,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["prioriti",{"_index":136,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["prive",{"_index":538,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["probabl",{"_index":2397,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["process",{"_index":963,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["processor",{"_index":2428,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["processorlit",{"_index":2356,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["project?](https://img.shields.io/bundlephobia/minzip/@spectrum",{"_index":39,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["promin",{"_index":627,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["prompt",{"_index":1062,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["pronounc",{"_index":1455,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{}},"category":{}}],["prop",{"_index":520,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["propag",{"_index":1286,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["proper",{"_index":1371,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["properli",{"_index":1320,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["properti",{"_index":81,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["properties`",{"_index":1695,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["rowtyp",{"_index":1758,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["rowtype.inform",{"_index":1760,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["rule",{"_index":1336,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["rules](https://developer.mozilla.org/en",{"_index":1065,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["run",{"_index":2182,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["runner",{"_index":2178,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["runtim",{"_index":2237,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["s",{"_index":891,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["safari",{"_index":1201,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["safe",{"_index":2542,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["same",{"_index":282,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["sampl",{"_index":1654,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["san",{"_index":2521,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["sanit",{"_index":1018,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{}},"category":{}}],["satisfi",{"_index":2281,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["satur",{"_index":710,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["saw",{"_index":2050,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["scaffold",{"_index":2475,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["scale",{"_index":1589,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["scale](https://spectrum.adobe.com/page/platform",{"_index":2154,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["scope",{"_index":905,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["screen",{"_index":355,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["scrim",{"_index":1274,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["script",{"_index":309,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["scroll",{"_index":128,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["scroller",{"_index":1765,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["seafoam",{"_index":1648,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["search",{"_index":852,"title":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{}},"category":{}}],["search.icon",{"_index":955,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["second",{"_index":243,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["second.localecompare(first",{"_index":1786,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["secondari",{"_index":422,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["section",{"_index":1922,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["sectionmarkdown`](./components/slid",{"_index":2160,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["slider?style=for",{"_index":702,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{}},"category":{}}],["slightli",{"_index":2412,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["slot",{"_index":28,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["slot=\"click",{"_index":1414,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["slot=\"head",{"_index":1097,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{}},"category":{}}],["slot=\"hov",{"_index":1415,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["slot=\"icon",{"_index":1442,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{}},"category":{}}],["slot=\"trigg",{"_index":1412,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["slot>`",{"_index":2079,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["slotchang",{"_index":2082,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["slug",{"_index":2165,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["small",{"_index":470,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["smallconfig",{"_index":2371,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["spectrumel",{"_index":1900,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["spectrummixin",{"_index":1901,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{}},"category":{}}],["spectrumpattern",{"_index":2478,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["spent",{"_index":151,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["split",{"_index":1106,"title":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["splitbutton",{"_index":1627,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["splitview",{"_index":1637,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["squar",{"_index":1855,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["src",{"_index":884,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["src=\"data:text/html;base64,phnjcmlwdcbzcmm9imh0dhbzoi8vannwbs5kzxyvqhnwzwn0cnvtlxdlyi1jb21wb25lbnrzl2j1bmrszs9lbgvtzw50cy5qcyigdhlwzt0ibw9kdwxlij48l3njcmlwdd4ncg0kphnwlxrozw1lihnjywxlpsjsyxjnzsigy29sb3i9imrhcmsipg0kicagphnwlwj1dhrvbibvbmnsawnrpsjhbgvydcgnssb3yxmgy2xpy2tlzccpoyi+q2xpy2sgbwuhpc9zcc1idxr0b24+dqo8l3nwlxrozw1lpg==\">project",{"_index":2172,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["state",{"_index":109,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["statement",{"_index":1817,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["static",{"_index":342,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["statu",{"_index":1638,"title":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["status",{"_index":1639,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["statuslight",{"_index":1644,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["steam",{"_index":1608,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["step",{"_index":1142,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["stepper",{"_index":1137,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["sticki",{"_index":147,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["still",{"_index":1016,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["stop",{"_index":1400,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["stori",{"_index":2465,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["storiesifram",{"_index":2206,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["stylu",{"_index":685,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{}},"category":{}}],["sub",{"_index":1447,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["subclass",{"_index":2060,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["subdivis",{"_index":1570,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{}},"category":{}}],["subdu",{"_index":1047,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["subhead",{"_index":609,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{}},"category":{}}],["subject",{"_index":1385,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["submenu",{"_index":1100,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["submit",{"_index":1545,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["subsequ",{"_index":882,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["success",{"_index":158,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{}},"category":{}}],["successfulli",{"_index":1278,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["such",{"_index":418,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["suggest",{"_index":1418,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["summary>packag",{"_index":2546,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["suppli",{"_index":180,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["support",{"_index":485,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["support/test",{"_index":1306,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["supported._",{"_index":1816,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["suppress",{"_index":764,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["supress",{"_index":347,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{}},"category":{}}],["sure",{"_index":149,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["surfac",{"_index":387,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["surround",{"_index":824,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{}},"category":{}}],["sustain",{"_index":2607,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["svg",{"_index":978,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{}},"category":{}}],["swatch",{"_index":1653,"title":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["swatchgroup",{"_index":1665,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["swc",{"_index":2288,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["switch",{"_index":618,"title":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["symbol",{"_index":1188,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["system",{"_index":788,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["t",{"_index":2042,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["tab",{"_index":64,"title":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["tab>\"thre",{"_index":1592,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["target=\"_blank\">issuesrais",{"_index":2508,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["target=\"_blank\">rollupspectrum",{"_index":2499,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["target=\"_blank\">storybookwebpack`](./components/them",{"_index":1161,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["themselv",{"_index":430,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["theori",{"_index":2313,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["therein",{"_index":907,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["there’",{"_index":1123,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["they'r",{"_index":475,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["thick",{"_index":1862,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["thing",{"_index":1397,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["this.](https://www.npmjs.com/package/focu",{"_index":2069,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["this.formatoptions).format(this.valu",{"_index":1151,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["this.isltr",{"_index":1926,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{}},"category":{}}],["this.requestupd",{"_index":2080,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["this.resolvedelement.el",{"_index":2021,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{}},"category":{}}],["this.resolvedlanguag",{"_index":1155,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["this.shadowroot",{"_index":1908,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{}},"category":{}}],["those",{"_index":219,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["though",{"_index":262,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["thought",{"_index":1416,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["three",{"_index":500,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["through",{"_index":1256,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["throughout",{"_index":1001,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["throw",{"_index":367,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["thrown",{"_index":747,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{}},"category":{}}],["thumbail",{"_index":1861,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["thumbnail",{"_index":1843,"title":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["tick",{"_index":1584,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["tight",{"_index":1513,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{}},"category":{}}],["time",{"_index":20,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["tinycolor",{"_index":713,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["tip",{"_index":1471,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["titl",{"_index":2163,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["toast",{"_index":403,"title":{"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{}},"category":{}}],["today",{"_index":2629,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["togeth",{"_index":297,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["toggl",{"_index":99,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["togglabl",{"_index":1559,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["toggleabl",{"_index":94,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["togglig",{"_index":1069,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{}},"category":{}}],["token",{"_index":2124,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["tokens\">https://opensource.adobe.com/spectrum",{"_index":934,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{}},"category":{}}],["ui/.css",{"_index":2361,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["us/docs/web/html/element/a",{"_index":1066,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["us/docs/web/html/element/dialog",{"_index":1308,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["us/docs/web/html/element/slot\">slot",{"_index":2424,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["us/docs/web/html/global_attributes/popov",{"_index":1310,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["us/docs/web/javascript/reference/statements/import",{"_index":2284,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["usag",{"_index":30,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["usd",{"_index":1186,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["user",{"_index":161,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["user'",{"_index":478,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["usual",{"_index":804,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{}},"category":{}}],["util",{"_index":791,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["utilis",{"_index":1692,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["v1",{"_index":2605,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["v2",{"_index":2604,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["valid",{"_index":869,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["valid](https://docs.npmjs.com/about",{"_index":2280,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["valu",{"_index":84,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["value=\"",{"_index":72,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"100",{"_index":452,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["value=\"100\">10010002003004005050060070075800900manag",{"_index":816,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"acc",{"_index":550,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["value=\"accent\">accentblackbottomcompactdisabledfield",{"_index":871,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["value=\"fil",{"_index":565,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["value=\"fill\">filliconslargeleftmedium",{"_index":1707,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["value=\"m\">mediumnegativeoutlineprimaryquietquiet",{"_index":1800,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{}},"category":{}}],["value=\"radio",{"_index":875,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["value=\"radio\">radio",{"_index":874,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["value=\"right",{"_index":1480,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["value=\"right\">rightsmallsecondaryself",{"_index":813,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"spaci",{"_index":1705,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["value=\"spacious\">spacioustextareatextfieldtopwhiteextra",{"_index":77,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"xs\">extra",{"_index":166,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["value`",{"_index":1693,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["vanilla",{"_index":989,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["var",{"_index":2094,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["variabl",{"_index":2099,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["variant",{"_index":121,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["variant=\"fix",{"_index":139,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["variant=\"neg",{"_index":1133,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["variant=\"notic",{"_index":1130,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["variant=\"posit",{"_index":1126,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["variant=\"sticki",{"_index":148,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["variant=sticki",{"_index":127,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["variat",{"_index":501,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{}},"category":{}}],["varient=\"fix",{"_index":123,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["varieti",{"_index":588,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["variou",{"_index":377,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["vars.css\">match",{"_index":2393,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["varsview",{"_index":2135,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["varsviewer.dispatchevent(querythemeev",{"_index":2145,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["varsviewer.themecolor",{"_index":2143,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["vaue",{"_index":1669,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["verbos",{"_index":2254,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["veri",{"_index":1132,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["verifi",{"_index":2285,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["verion",{"_index":2602,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["verit",{"_index":1815,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["version",{"_index":1010,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["versions`’",{"_index":721,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["wheel?style=for",{"_index":718,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["wherebi",{"_index":2035,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["whether",{"_index":1030,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["white",{"_index":545,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{}},"category":{}}],["white\">outlin",{"_index":570,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["whitehttps://opensource.adobe.com/spectrum",{"_index":996,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["workflow/.`’",{"_index":670,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{}},"category":{}}],["area?style=for",{"_index":648,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{}},"category":{}}],["aren't",{"_index":2242,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["argument",{"_index":1375,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["aria",{"_index":246,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["around",{"_index":1321,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["around`outlin",{"_index":568,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["blackcss",{"_index":2385,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["button.css\">slot",{"_index":2430,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["button>buttonsspectrum",{"_index":2342,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components\">thes",{"_index":2504,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components\">webcomponents.devexist",{"_index":2438,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/button/src/button.ts\">button.tson",{"_index":2448,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/checkbox/src/checkbox.ts\">recr",{"_index":2411,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/checkbox/src/spectrum",{"_index":2414,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/packages/slider/src/spectrum",{"_index":2422,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/main/scripts/process",{"_index":2387,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/master/src/button/spectrum",{"_index":2378,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/blob/master/tasks/process",{"_index":2371,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/bundl",{"_index":1933,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/bundle\">it",{"_index":2193,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/bundle/icons.j",{"_index":1948,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{}},"category":{}}],["components/bundle?style=for",{"_index":1942,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{}},"category":{}}],["components/button",{"_index":533,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["components/button?style=for",{"_index":532,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["components/card",{"_index":596,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{}},"category":{}}],["components/card?style=for",{"_index":595,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{}},"category":{}}],["components/checkbox",{"_index":621,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{}},"category":{}}],["components/checkbox?style=for",{"_index":620,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{}},"category":{}}],["components/coachmark",{"_index":640,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{}},"category":{}}],["components/coachmark?style=for",{"_index":639,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{}},"category":{}}],["components/color",{"_index":647,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["components/components/icon",{"_index":933,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["components/components/overlay",{"_index":1874,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{}},"category":{}}],["components/custom",{"_index":2139,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/customelements\">web",{"_index":2352,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/dialog",{"_index":730,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{}},"category":{}}],["components/dialog/sp",{"_index":2594,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/dialog?style=for",{"_index":729,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{}},"category":{}}],["components/discuss",{"_index":2508,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components/discussions/2308",{"_index":2265,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["components/discussions/2764",{"_index":2586,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/discussions/2764#discussioncom",{"_index":2624,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/divid",{"_index":771,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{}},"category":{}}],["components/divider/sp",{"_index":312,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["components/divider?style=for",{"_index":770,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{}},"category":{}}],["components/dropzon",{"_index":796,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{}},"category":{}}],["components/dropzone?style=for",{"_index":795,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{}},"category":{}}],["components/field",{"_index":805,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{}},"category":{}}],["components/get",{"_index":2172,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/grid",{"_index":1963,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["components/grid?style=for",{"_index":1962,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["components/help",{"_index":830,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["components/icon",{"_index":314,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["components/icon?style=for",{"_index":887,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["components/icons?style=for",{"_index":908,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{}},"category":{}}],["components/iconset",{"_index":1007,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{}},"category":{}}],["components/iconset?style=for",{"_index":1006,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{}},"category":{}}],["components/illustr",{"_index":1021,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{}},"category":{}}],["components/infield",{"_index":1028,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{}},"category":{}}],["components/issu",{"_index":1301,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components/link",{"_index":1042,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["components/link?style=for",{"_index":1041,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["components/menu",{"_index":1071,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{}},"category":{}}],["components/menu?style=for",{"_index":1070,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{}},"category":{}}],["components/met",{"_index":1119,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["components/meter?style=for",{"_index":1118,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["components/numb",{"_index":1146,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["components/overlay",{"_index":338,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["components/overlay/overlay",{"_index":2596,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/overlay?style=for",{"_index":1251,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{}},"category":{}}],["components/packagenamehere`](https://docs.npmjs.com/cli/v8/commands/npm",{"_index":2310,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["components/pick",{"_index":1439,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{}},"category":{}}],["components/picker?style=for",{"_index":1438,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{}},"category":{}}],["components/popov",{"_index":1469,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["components/popover/sp",{"_index":2598,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["components/popover?style=for",{"_index":1468,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["components/progress",{"_index":1485,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{}},"category":{}}],["components/quick",{"_index":1519,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{}},"category":{}}],["components/radio",{"_index":1531,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{}},"category":{}}],["components/radio?style=for",{"_index":1530,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{}},"category":{}}],["components/react",{"_index":2019,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["components/search",{"_index":1543,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["components/search?style=for",{"_index":1542,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["components/shadowdom\">shadow",{"_index":2353,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/shar",{"_index":2054,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["components/shared?style=for",{"_index":2053,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["components/sidenav",{"_index":1561,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{}},"category":{}}],["components/sidenav?style=for",{"_index":1560,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{}},"category":{}}],["components/slid",{"_index":1576,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["components/slider?style=for",{"_index":1575,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["components/spectrum",{"_index":2493,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["components/split",{"_index":1624,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["components/splitbutton",{"_index":1625,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["components/statu",{"_index":1642,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["components/storybook",{"_index":2220,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/styl",{"_index":2098,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/styles?style=for",{"_index":2097,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{}},"category":{}}],["components/swatch",{"_index":1660,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["components/swatch?style=for",{"_index":1659,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["components/switch",{"_index":1679,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["components/switch?style=for",{"_index":1678,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["components/t",{"_index":1684,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["components/tab",{"_index":1792,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["components/table?style=for",{"_index":1683,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["components/tabs?style=for",{"_index":1791,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["components/tag",{"_index":1824,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{}},"category":{}}],["components/tags?style=for",{"_index":1823,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{}},"category":{}}],["components/textfield",{"_index":1828,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["components/textfield?style=for",{"_index":1827,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["components/them",{"_index":2113,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/theme/sp",{"_index":2121,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/theme?style=for",{"_index":2112,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["components/theme`.similar",{"_index":2434,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["components/tree/main/projects/exampl",{"_index":2226,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["components/tree/master/src/button\">`src/components/button`annot",{"_index":2507,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["config.j",{"_index":2376,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["config.js\">`host",{"_index":2406,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">`id",{"_index":2415,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">`slot",{"_index":2427,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">`spectrum",{"_index":2379,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js\">exampl",{"_index":2423,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["config.js``spectrum",{"_index":2390,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css\">spectrum",{"_index":2344,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/2.13.0/docs/#button",{"_index":2401,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/2.13.0/docs/#checkbox\">sampl",{"_index":2410,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/button/dist/index",{"_index":2393,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["css/spectrumpattern",{"_index":2482,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["css/spectrumpattern/metadata/spectrumpattern.yml",{"_index":2498,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["css/typography.html",{"_index":2110,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{}},"category":{}}],["cssrefer",{"_index":2402,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["culmin",{"_index":1605,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["culprit",{"_index":1356,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["currenc",{"_index":1185,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["currencydisplay",{"_index":1187,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["currencysign",{"_index":1189,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["current",{"_index":108,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["currentcolor",{"_index":894,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["cursor",{"_index":692,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{}},"category":{}}],["custmiz",{"_index":757,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{}},"category":{}}],["custom",{"_index":144,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["customelements.whendefined('cod",{"_index":1736,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["customelements.whendefined('sp",{"_index":1738,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["customevent('sp",{"_index":2143,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["customiz",{"_index":916,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{}},"category":{}}],["cut.j",{"_index":328,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["dark",{"_index":2103,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["darkest",{"_index":2102,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["data",{"_index":414,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["date",{"_index":1717,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["de",{"_index":2333,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["deactiv",{"_index":1677,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["decid",{"_index":172,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["decim",{"_index":1163,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["decis",{"_index":1395,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["declar",{"_index":614,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["decor",{"_index":1248,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["decoupl",{"_index":2571,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["decreas",{"_index":1141,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["decrement",{"_index":1183,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["dedup",{"_index":2312,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["dedupe?v=tru",{"_index":2280,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["dedupe`](https://docs.npmjs.com/cli/v9/commands/npm",{"_index":2308,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["deduped](https://docs.npmjs.com/cli/v9/commands/npm",{"_index":2279,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["dedupl",{"_index":906,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["deep",{"_index":389,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{}},"category":{}}],["deepest",{"_index":2057,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["deepli",{"_index":1454,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{}},"category":{}}],["default",{"_index":27,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["default)${text}`](../components/numb",{"_index":2160,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["field?style=for",{"_index":1147,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["fieldgroup",{"_index":806,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["fieldlabel",{"_index":822,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{}},"category":{}}],["figur",{"_index":1272,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["file",{"_index":420,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["filecomplet",{"_index":931,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["gitignor",{"_index":2455,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["give",{"_index":519,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["given",{"_index":1068,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["glass",{"_index":1541,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["global",{"_index":2099,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["go",{"_index":1811,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["goal",{"_index":1495,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["goe",{"_index":1771,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["good",{"_index":236,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["grab",{"_index":2187,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["gradient",{"_index":1656,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{}},"category":{}}],["graph",{"_index":2153,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["graphic",{"_index":896,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["gray",{"_index":2208,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["great",{"_index":442,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["greater",{"_index":1231,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["green?style=for",{"_index":44,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{}},"category":{}}],["greet",{"_index":2253,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["grid",{"_index":629,"title":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["grid').then",{"_index":1999,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.focusableselector",{"_index":1968,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.gap",{"_index":1969,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.item",{"_index":1966,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.items",{"_index":1971,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["grid.renderitem",{"_index":1974,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["group",{"_index":212,"title":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["grouppackageversionanchorsy",{"_index":2188,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["href=\"guides/develop",{"_index":2503,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"guides/spectrum",{"_index":2506,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"http://opensource.adobe.com/spectrum",{"_index":2400,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://bundlephobia.com/result?p=@spectrum",{"_index":2192,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["href=\"https://developer.mozilla.org/en",{"_index":2361,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://developers.google.com/web/fundamentals/web",{"_index":2351,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://github.com/adobe/spectrum",{"_index":2225,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"https://github.com/runem/web",{"_index":2441,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://lit",{"_index":2356,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["href=\"https://open",{"_index":2170,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["href=\"https://opensource.adobe.com/spectrum",{"_index":932,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["href=\"https://storybook.js.org/\">storybookwebcomponents.org...${redoicon()}`",{"_index":1094,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{}},"category":{}}],["item>`](./components/accordion",{"_index":25,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{}},"category":{}}],["item>`](./components/sidenav",{"_index":1558,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["items",{"_index":1959,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["items.push",{"_index":1715,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["items.sort((a",{"_index":1781,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["items.splice(3",{"_index":1762,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["itemtext",{"_index":1446,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{}},"category":{}}],["itemvalu",{"_index":1747,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["itself",{"_index":435,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["it’",{"_index":399,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{}},"category":{}}],["javascript",{"_index":264,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["join",{"_index":221,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["jpg",{"_index":1981,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["js",{"_index":990,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["jsdoc",{"_index":2444,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["jsdoc\">appropri",{"_index":2443,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["json",{"_index":269,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["json#overrid",{"_index":2302,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["json.stringify(event.target.select",{"_index":1754,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["jspm",{"_index":2205,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["jump",{"_index":2626,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["justifi",{"_index":283,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["justify.j",{"_index":322,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{}},"category":{}}],["kb",{"_index":2241,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["kbd>arrowdownarrowupshifttypescriptconfig",{"_index":2389,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["plugin](https://www.npmjs.com/package/@rollup/plugin",{"_index":2251,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["plural",{"_index":1222,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["pnpm",{"_index":2305,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["point",{"_index":1170,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["pointer",{"_index":190,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["pointercancel",{"_index":199,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{}},"category":{}}],["pointerdown",{"_index":195,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{}},"category":{}}],["pointerup",{"_index":198,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{}},"category":{}}],["polyfil",{"_index":1213,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["polyfill](https://formatjs.io/docs/polyfills/intl",{"_index":1202,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["popov",{"_index":584,"title":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["popover.j",{"_index":2599,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["popul",{"_index":885,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["portal",{"_index":2609,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["portion",{"_index":2408,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["portray",{"_index":1893,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{}},"category":{}}],["posit",{"_index":124,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["possess",{"_index":810,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["possibl",{"_index":268,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["possible](https://w3c.github.io/webcompon",{"_index":840,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["post",{"_index":2542,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["postcss",{"_index":2388,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["postiv",{"_index":1882,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{}},"category":{}}],["potenti",{"_index":416,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["power",{"_index":850,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["practic",{"_index":1955,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["pre",{"_index":968,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["pre.2",{"_index":1952,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{}},"category":{}}],["preact",{"_index":981,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["predict",{"_index":1938,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["prefer",{"_index":352,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["prepar",{"_index":897,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["presenc",{"_index":197,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["present",{"_index":253,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["preserv",{"_index":711,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["press",{"_index":735,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["pretti",{"_index":2132,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["prettier",{"_index":344,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["prettierrc.yaml",{"_index":2465,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["prevent",{"_index":573,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["preventdefault",{"_index":1668,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["preview",{"_index":613,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["preview.j",{"_index":2467,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["previou",{"_index":1537,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["previous",{"_index":234,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["previous/nextelements",{"_index":1616,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{}},"category":{}}],["primari",{"_index":544,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["primarili",{"_index":1367,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{}},"category":{}}],["prior",{"_index":1427,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{}},"category":{}}],["priorit",{"_index":1554,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["prioriti",{"_index":136,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["prive",{"_index":538,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["probabl",{"_index":2398,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["process",{"_index":963,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["processor",{"_index":2429,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["processorlit",{"_index":2357,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["project?](https://img.shields.io/bundlephobia/minzip/@spectrum",{"_index":39,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["promin",{"_index":627,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"category":{}}],["prompt",{"_index":1062,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["pronounc",{"_index":1455,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{}},"category":{}}],["prop",{"_index":520,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["propag",{"_index":1286,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["proper",{"_index":1371,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["properli",{"_index":1320,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["properti",{"_index":81,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["properties`",{"_index":1696,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["rowtyp",{"_index":1759,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["rowtype.inform",{"_index":1761,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["rule",{"_index":1336,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["rules](https://developer.mozilla.org/en",{"_index":1065,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["run",{"_index":2183,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["runner",{"_index":2179,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["runtim",{"_index":2238,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["s",{"_index":891,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["safari",{"_index":1201,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["safe",{"_index":2543,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["same",{"_index":282,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["sampl",{"_index":1655,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["san",{"_index":2522,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["sanit",{"_index":1018,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{}},"category":{}}],["satisfi",{"_index":2282,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["satur",{"_index":710,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["saw",{"_index":2051,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["scaffold",{"_index":2476,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["scale",{"_index":1589,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["scale](https://spectrum.adobe.com/page/platform",{"_index":2155,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["scope",{"_index":905,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["screen",{"_index":355,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["scrim",{"_index":1274,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["script",{"_index":309,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["scroll",{"_index":128,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["scroller",{"_index":1766,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["seafoam",{"_index":1649,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["search",{"_index":852,"title":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{}},"category":{}}],["search.icon",{"_index":955,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["second",{"_index":243,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["second.localecompare(first",{"_index":1787,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["secondari",{"_index":422,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["section",{"_index":1923,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["sectionmarkdown`](./components/slid",{"_index":2161,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["slider?style=for",{"_index":702,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{}},"category":{}}],["slightli",{"_index":2413,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["slot",{"_index":28,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["slot=\"click",{"_index":1414,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["slot=\"head",{"_index":1097,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{}},"category":{}}],["slot=\"hov",{"_index":1415,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["slot=\"icon",{"_index":1442,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{}},"category":{}}],["slot=\"trigg",{"_index":1412,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["slot>`",{"_index":2080,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["slotchang",{"_index":2083,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["slug",{"_index":2166,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["small",{"_index":470,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["smallconfig",{"_index":2372,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["spectrumel",{"_index":1901,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["spectrummixin",{"_index":1902,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{}},"category":{}}],["spectrumpattern",{"_index":2479,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["spent",{"_index":151,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["split",{"_index":1106,"title":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["splitbutton",{"_index":1627,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["splitview",{"_index":1637,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{}},"category":{}}],["squar",{"_index":1856,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["src",{"_index":884,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{}},"category":{}}],["src=\"data:text/html;base64,phnjcmlwdcbzcmm9imh0dhbzoi8vannwbs5kzxyvqhnwzwn0cnvtlxdlyi1jb21wb25lbnrzl2j1bmrszs9lbgvtzw50cy5qcyigdhlwzt0ibw9kdwxlij48l3njcmlwdd4ncg0kphnwlxrozw1lihnjywxlpsjsyxjnzsigy29sb3i9imrhcmsipg0kicagphnwlwj1dhrvbibvbmnsawnrpsjhbgvydcgnssb3yxmgy2xpy2tlzccpoyi+q2xpy2sgbwuhpc9zcc1idxr0b24+dqo8l3nwlxrozw1lpg==\">project",{"_index":2173,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["state",{"_index":109,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["statement",{"_index":1818,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["static",{"_index":342,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["statu",{"_index":1639,"title":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["status",{"_index":1640,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["statuslight",{"_index":1645,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{}},"category":{}}],["steam",{"_index":1608,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["step",{"_index":1142,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["stepper",{"_index":1137,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["sticki",{"_index":147,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["still",{"_index":1016,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["stop",{"_index":1400,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["stori",{"_index":2466,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["storiesifram",{"_index":2207,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["stylu",{"_index":685,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{}},"category":{}}],["sub",{"_index":1447,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["subclass",{"_index":2061,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["subdivis",{"_index":1570,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{}},"category":{}}],["subdu",{"_index":1047,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["subhead",{"_index":609,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{}},"category":{}}],["subject",{"_index":1385,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{}},"category":{}}],["submenu",{"_index":1100,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["submit",{"_index":1545,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{}},"category":{}}],["subsequ",{"_index":882,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["success",{"_index":158,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{}},"category":{}}],["successfulli",{"_index":1278,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["such",{"_index":418,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["suggest",{"_index":1418,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["summary>packag",{"_index":2547,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{}},"category":{}}],["suppli",{"_index":180,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["support",{"_index":485,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["support/test",{"_index":1306,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["supported._",{"_index":1817,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["suppress",{"_index":764,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["supress",{"_index":347,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{}},"category":{}}],["sure",{"_index":149,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["surfac",{"_index":387,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["surround",{"_index":824,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{}},"category":{}}],["sustain",{"_index":2608,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["svg",{"_index":978,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{}},"category":{}}],["swatch",{"_index":1654,"title":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["swatchgroup",{"_index":1666,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["swc",{"_index":2289,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{}},"category":{}}],["switch",{"_index":618,"title":{"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["symbol",{"_index":1188,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{}},"category":{}}],["system",{"_index":788,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{}},"category":{}}],["t",{"_index":2043,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["tab",{"_index":64,"title":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["tab>\"thre",{"_index":1592,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["target=\"_blank\">issuesrais",{"_index":2509,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["target=\"_blank\">rollupspectrum",{"_index":2500,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["target=\"_blank\">storybookwebpack`](./components/them",{"_index":1161,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["themselv",{"_index":430,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Asset\",\"url\":\"/spectrum-web-components/components/asset\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["theori",{"_index":2314,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["therein",{"_index":907,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["there’",{"_index":1123,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["they'r",{"_index":475,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["thick",{"_index":1863,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["thing",{"_index":1397,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["this.](https://www.npmjs.com/package/focu",{"_index":2070,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["this.formatoptions).format(this.valu",{"_index":1151,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["this.isltr",{"_index":1927,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{}},"category":{}}],["this.requestupd",{"_index":2081,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{}},"category":{}}],["this.resolvedelement.el",{"_index":2022,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{}},"category":{}}],["this.resolvedlanguag",{"_index":1155,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["this.shadowroot",{"_index":1909,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{}},"category":{}}],["those",{"_index":219,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["though",{"_index":262,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["thought",{"_index":1416,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay Trigger\",\"url\":\"/spectrum-web-components/components/overlay-trigger\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["three",{"_index":500,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["through",{"_index":1256,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["throughout",{"_index":1001,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["throw",{"_index":367,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["thrown",{"_index":747,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{}},"category":{}}],["thumbail",{"_index":1862,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["thumbnail",{"_index":1844,"title":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["tick",{"_index":1584,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{}},"category":{}}],["tight",{"_index":1513,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{}},"category":{}}],["time",{"_index":20,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["tinycolor",{"_index":713,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["tip",{"_index":1471,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["titl",{"_index":2164,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Configuring Openwc\",\"url\":\"/spectrum-web-components/guides/configuring-openwc\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["toast",{"_index":403,"title":{"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{}},"body":{"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{}},"category":{}}],["today",{"_index":2630,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["togeth",{"_index":297,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["toggl",{"_index":99,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["togglabl",{"_index":1559,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{}},"category":{}}],["toggleabl",{"_index":94,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{}},"category":{}}],["togglig",{"_index":1069,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{}},"category":{}}],["token",{"_index":2125,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["tokens\">https://opensource.adobe.com/spectrum",{"_index":934,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{}},"category":{}}],["ui/.css",{"_index":2362,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["us/docs/web/html/element/a",{"_index":1066,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{}},"category":{}}],["us/docs/web/html/element/dialog",{"_index":1308,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["us/docs/web/html/element/slot\">slot",{"_index":2425,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["us/docs/web/html/global_attributes/popov",{"_index":1310,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["us/docs/web/javascript/reference/statements/import",{"_index":2285,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["usag",{"_index":30,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Accordion Item\",\"url\":\"/spectrum-web-components/components/accordion-item\"}":{},"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Button Group\",\"url\":\"/spectrum-web-components/components/button-group\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Coachmark\",\"url\":\"/spectrum-web-components/components/coachmark\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Handle\",\"url\":\"/spectrum-web-components/components/color-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Color Loupe\",\"url\":\"/spectrum-web-components/components/color-loupe\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Base\",\"url\":\"/spectrum-web-components/components/dialog-base\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons\",\"url\":\"/spectrum-web-components/components/icons\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Components\",\"name\":\"Top Nav\",\"url\":\"/spectrum-web-components/components/top-nav\"}":{},"{\"category\":\"Components\",\"name\":\"Tray\",\"url\":\"/spectrum-web-components/components/tray\"}":{},"{\"category\":\"Components\",\"name\":\"Underlay\",\"url\":\"/spectrum-web-components/components/underlay\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["usd",{"_index":1186,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{}},"category":{}}],["user",{"_index":161,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Quick Actions\",\"url\":\"/spectrum-web-components/components/quick-actions\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tags\",\"url\":\"/spectrum-web-components/components/tags\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Reactive Controllers\",\"url\":\"/spectrum-web-components/tools/reactive-controllers\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["user'",{"_index":478,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["usual",{"_index":804,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Illustrated Message\",\"url\":\"/spectrum-web-components/components/illustrated-message\"}":{}},"category":{}}],["util",{"_index":791,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Dropzone\",\"url\":\"/spectrum-web-components/components/dropzone\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["utilis",{"_index":1693,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["v1",{"_index":2606,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["v2",{"_index":2605,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["valid",{"_index":869,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["valid](https://docs.npmjs.com/about",{"_index":2281,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["valu",{"_index":84,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Slider\",\"url\":\"/spectrum-web-components/components/color-slider\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog Wrapper\",\"url\":\"/spectrum-web-components/components/dialog-wrapper\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Group\",\"url\":\"/spectrum-web-components/components/menu-group\"}":{},"{\"category\":\"Components\",\"name\":\"Menu Item\",\"url\":\"/spectrum-web-components/components/menu-item\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav Item\",\"url\":\"/spectrum-web-components/components/sidenav-item\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Tab Panel\",\"url\":\"/spectrum-web-components/components/tab-panel\"}":{},"{\"category\":\"Components\",\"name\":\"Tab\",\"url\":\"/spectrum-web-components/components/tab\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Grid\",\"url\":\"/spectrum-web-components/tools/grid\"}":{},"{\"category\":\"Tools\",\"name\":\"Element Resolution\",\"url\":\"/spectrum-web-components/tools/element-resolution\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Spectrum Config\",\"url\":\"/spectrum-web-components/guides/spectrum-config\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["value=\"",{"_index":72,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Divider\",\"url\":\"/spectrum-web-components/components/divider\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"100",{"_index":452,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Avatar\",\"url\":\"/spectrum-web-components/components/avatar\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["value=\"100\">10010002003004005050060070075800900manag",{"_index":816,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"acc",{"_index":550,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["value=\"accent\">accentblackbottomcompactdisabledfield",{"_index":871,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["value=\"fil",{"_index":565,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["value=\"fill\">filliconslargeleftmedium",{"_index":1708,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["value=\"m\">mediumnegativeoutlineprimaryquietquiet",{"_index":1801,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{}},"category":{}}],["value=\"radio",{"_index":875,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["value=\"radio\">radio",{"_index":874,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Help Text Mixin\",\"url\":\"/spectrum-web-components/components/help-text-mixin\"}":{}},"category":{}}],["value=\"right",{"_index":1480,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{}},"category":{}}],["value=\"right\">rightsmallsecondaryself",{"_index":813,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"spaci",{"_index":1706,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["value=\"spacious\">spacioustextareatextfieldtopwhiteextra",{"_index":77,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Accordion\",\"url\":\"/spectrum-web-components/components/accordion\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Field Label\",\"url\":\"/spectrum-web-components/components/field-label\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Components\",\"name\":\"Picker Button\",\"url\":\"/spectrum-web-components/components/picker-button\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Switch\",\"url\":\"/spectrum-web-components/components/switch\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{}},"category":{}}],["value=\"xs\">extra",{"_index":166,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Group\",\"url\":\"/spectrum-web-components/components/action-group\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["value`",{"_index":1694,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{}},"category":{}}],["vanilla",{"_index":989,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["var",{"_index":2095,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{}},"category":{}}],["variabl",{"_index":2100,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["variant",{"_index":121,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Action Button\",\"url\":\"/spectrum-web-components/components/action-button\"}":{},"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Alert Dialog\",\"url\":\"/spectrum-web-components/components/alert-dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Badge\",\"url\":\"/spectrum-web-components/components/badge\"}":{},"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Checkbox\",\"url\":\"/spectrum-web-components/components/checkbox\"}":{},"{\"category\":\"Components\",\"name\":\"Color Area\",\"url\":\"/spectrum-web-components/components/color-area\"}":{},"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{},"{\"category\":\"Components\",\"name\":\"Dialog\",\"url\":\"/spectrum-web-components/components/dialog\"}":{},"{\"category\":\"Components\",\"name\":\"Field Group\",\"url\":\"/spectrum-web-components/components/field-group\"}":{},"{\"category\":\"Components\",\"name\":\"Help Text\",\"url\":\"/spectrum-web-components/components/help-text\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Popover\",\"url\":\"/spectrum-web-components/components/popover\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Radio\",\"url\":\"/spectrum-web-components/components/radio\"}":{},"{\"category\":\"Components\",\"name\":\"Search\",\"url\":\"/spectrum-web-components/components/search\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Components\",\"name\":\"Split Button\",\"url\":\"/spectrum-web-components/components/split-button\"}":{},"{\"category\":\"Components\",\"name\":\"Split View\",\"url\":\"/spectrum-web-components/components/split-view\"}":{},"{\"category\":\"Components\",\"name\":\"Status Light\",\"url\":\"/spectrum-web-components/components/status-light\"}":{},"{\"category\":\"Components\",\"name\":\"Table\",\"url\":\"/spectrum-web-components/components/table\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Components\",\"name\":\"Toast\",\"url\":\"/spectrum-web-components/components/toast\"}":{},"{\"category\":\"Components\",\"name\":\"Tooltip\",\"url\":\"/spectrum-web-components/components/tooltip\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{}},"category":{}}],["variant=\"fix",{"_index":139,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["variant=\"neg",{"_index":1133,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["variant=\"notic",{"_index":1130,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["variant=\"posit",{"_index":1126,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{}},"category":{}}],["variant=\"sticki",{"_index":148,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["variant=sticki",{"_index":127,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["variat",{"_index":501,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Banner\",\"url\":\"/spectrum-web-components/components/banner\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Sidenav\",\"url\":\"/spectrum-web-components/components/sidenav\"}":{},"{\"category\":\"Components\",\"name\":\"Tabs\",\"url\":\"/spectrum-web-components/components/tabs\"}":{}},"category":{}}],["varient=\"fix",{"_index":123,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Bar\",\"url\":\"/spectrum-web-components/components/action-bar\"}":{}},"category":{}}],["varieti",{"_index":588,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Card\",\"url\":\"/spectrum-web-components/components/card\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch\",\"url\":\"/spectrum-web-components/components/swatch\"}":{},"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{},"{\"category\":\"Components\",\"name\":\"Thumbnail\",\"url\":\"/spectrum-web-components/components/thumbnail\"}":{}},"category":{}}],["variou",{"_index":377,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Action Menu\",\"url\":\"/spectrum-web-components/components/action-menu\"}":{},"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Icon\",\"url\":\"/spectrum-web-components/components/icon\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Ui\",\"url\":\"/spectrum-web-components/components/icons-ui\"}":{},"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{},"{\"category\":\"Components\",\"name\":\"Textfield\",\"url\":\"/spectrum-web-components/components/textfield\"}":{},"{\"category\":\"Components\",\"name\":\"Textarea\",\"url\":\"/spectrum-web-components/components/textarea\"}":{},"{\"category\":\"Tools\",\"name\":\"Base\",\"url\":\"/spectrum-web-components/tools/base\"}":{},"{\"category\":\"Tools\",\"name\":\"Opacity Checkerboard\",\"url\":\"/spectrum-web-components/tools/opacity-checkerboard\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["vars.css\">match",{"_index":2394,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["varsview",{"_index":2136,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["varsviewer.dispatchevent(querythemeev",{"_index":2146,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["varsviewer.themecolor",{"_index":2144,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{}},"category":{}}],["vaue",{"_index":1670,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Swatch Group\",\"url\":\"/spectrum-web-components/components/swatch-group\"}":{}},"category":{}}],["verbos",{"_index":2255,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Dev Mode\",\"url\":\"/spectrum-web-components/dev-mode\"}":{}},"category":{}}],["veri",{"_index":1132,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Meter\",\"url\":\"/spectrum-web-components/components/meter\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Slider\",\"url\":\"/spectrum-web-components/components/slider\"}":{},"{\"category\":\"Components\",\"name\":\"Slider Handle\",\"url\":\"/spectrum-web-components/components/slider-handle\"}":{},"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{},"{\"category\":\"Guides\",\"name\":\"Adding Component\",\"url\":\"/spectrum-web-components/guides/adding-component\"}":{}},"category":{}}],["verifi",{"_index":2286,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{}},"category":{}}],["verion",{"_index":2603,"title":{},"body":{"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["verit",{"_index":1816,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Tabs Overflow\",\"url\":\"/spectrum-web-components/components/tabs-overflow\"}":{}},"category":{}}],["version",{"_index":1010,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Iconset\",\"url\":\"/spectrum-web-components/components/iconset\"}":{},"{\"category\":\"Tools\",\"name\":\"Bundle\",\"url\":\"/spectrum-web-components/tools/bundle\"}":{},"{\"category\":\"Tools\",\"name\":\"Styles\",\"url\":\"/spectrum-web-components/tools/styles\"}":{},"{\"category\":\"Guides\",\"name\":\"Registry Conflicts\",\"url\":\"/spectrum-web-components/registry-conflicts\"}":{},"{\"category\":\"Guides\",\"name\":\"Generating Components\",\"url\":\"/spectrum-web-components/guides/generating-components\"}":{},"{\"category\":\"Guides\",\"name\":\"2021 8 11\",\"url\":\"/spectrum-web-components/migrations/2021-8-11\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["versions`’",{"_index":721,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["wheel?style=for",{"_index":718,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Color Wheel\",\"url\":\"/spectrum-web-components/components/color-wheel\"}":{}},"category":{}}],["wherebi",{"_index":2036,"title":{},"body":{"{\"category\":\"Tools\",\"name\":\"Roving Tab Index\",\"url\":\"/spectrum-web-components/tools/roving-tab-index\"}":{}},"category":{}}],["whether",{"_index":1030,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Infield Button\",\"url\":\"/spectrum-web-components/components/infield-button\"}":{},"{\"category\":\"Components\",\"name\":\"Menu\",\"url\":\"/spectrum-web-components/components/menu\"}":{},"{\"category\":\"Components\",\"name\":\"Number Field\",\"url\":\"/spectrum-web-components/components/number-field\"}":{},"{\"category\":\"Components\",\"name\":\"Overlay\",\"url\":\"/spectrum-web-components/components/overlay\"}":{},"{\"category\":\"Components\",\"name\":\"Imperative Api\",\"url\":\"/spectrum-web-components/components/imperative-api\"}":{},"{\"category\":\"Components\",\"name\":\"Picker\",\"url\":\"/spectrum-web-components/components/picker\"}":{},"{\"category\":\"Tools\",\"name\":\"Match Media\",\"url\":\"/spectrum-web-components/tools/match-media\"}":{},"{\"category\":\"Tools\",\"name\":\"Shared\",\"url\":\"/spectrum-web-components/tools/shared\"}":{},"{\"category\":\"Tools\",\"name\":\"Theme\",\"url\":\"/spectrum-web-components/tools/theme\"}":{},"{\"category\":\"Guides\",\"name\":\"Getting Started\",\"url\":\"/spectrum-web-components/getting-started\"}":{},"{\"category\":\"Guides\",\"name\":\"2023 8 18\",\"url\":\"/spectrum-web-components/migrations/2023-8-18\"}":{}},"category":{}}],["white",{"_index":545,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{},"{\"category\":\"Components\",\"name\":\"Link\",\"url\":\"/spectrum-web-components/components/link\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Bar\",\"url\":\"/spectrum-web-components/components/progress-bar\"}":{},"{\"category\":\"Components\",\"name\":\"Progress Circle\",\"url\":\"/spectrum-web-components/components/progress-circle\"}":{}},"category":{}}],["white\">outlin",{"_index":570,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Button\",\"url\":\"/spectrum-web-components/components/button\"}":{}},"category":{}}],["whitehttps://opensource.adobe.com/spectrum",{"_index":996,"title":{},"body":{"{\"category\":\"Components\",\"name\":\"Icons Workflow\",\"url\":\"/spectrum-web-components/components/icons-workflow\"}":{}},"category":{}}],["workflow/. Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file + Getting started Dev mode Registry conflicts Components Accordion Accordion Item Action Bar Action Button Action Group Action Menu Alert Dialog Asset Avatar Badge Banner Button Button Group Card Checkbox Coachmark Color Area Color Handle Color Loupe Color Slider Color Wheel Dialog Dialog Base Dialog Wrapper Divider Dropzone Field Group Field Label Help Text Help Text Mixin Icon Icons Icons UI Icons Workflow Iconset Illustrated Message Infield Button Link Menu Menu Group Menu Item Meter Number Field Overlay Imperative Api Overlay Trigger Picker Picker Button Popover Progress Bar Progress Circle Quick Actions Radio Search Sidenav Sidenav Item Slider Slider Handle Split Button Split View Status Light Swatch Swatch Group Switch Table Tabs Tab Panel Tab Tabs Overflow Tags Textfield Textarea Thumbnail Toast Tooltip Top Nav Tray Underlay Tools Base Bundle Grid Opacity Checkerboard Reactive Controllers Element Resolution Match Media Roving Tab Index Shared Styles Theme Contributing Developing a Component Configuring your project Generating a new component Spectrum Config Migration Guides 2021/11/8 2023/8/18 Using swc-react Storybook Spectrum Spectrum CSS \ No newline at end of file diff --git a/storybook/AlertDialog-567c08af.js b/storybook/AlertDialog-09588482.js similarity index 98% rename from storybook/AlertDialog-567c08af.js rename to storybook/AlertDialog-09588482.js index 346e681057..39e3f1daef 100644 --- a/storybook/AlertDialog-567c08af.js +++ b/storybook/AlertDialog-09588482.js @@ -1,10 +1,10 @@ -import './sp-button-d4cd36d2.js'; +import './sp-button-c571335c.js'; import { c as conditionAttributeWithId } from './condition-attribute-with-id-62869347.js'; import { s as s$1 } from './resize-controller-55608b66.js'; import { i } from './lit-element-9354aa77.js'; import { F as FocusVisiblePolyfillMixin } from './focus-visible-03398d98.js'; import { i as i$1 } from './query-d0113d5a.js'; -import { n, S as SpectrumElement } from './define-element-43d4edd5.js'; +import { n, S as SpectrumElement } from './define-element-467f3dc4.js'; import { x } from './lit-html-126adc72.js'; const e=i` diff --git a/storybook/ButtonBase-a71d6ce3.js b/storybook/ButtonBase-4ebd5d24.js similarity index 96% rename from storybook/ButtonBase-a71d6ce3.js rename to storybook/ButtonBase-4ebd5d24.js index f5e6d0f2e1..d95c4b46f6 100644 --- a/storybook/ButtonBase-a71d6ce3.js +++ b/storybook/ButtonBase-4ebd5d24.js @@ -1,9 +1,9 @@ -import { L as LikeAnchor } from './like-anchor-0c856f1c.js'; -import { F as Focusable } from './focusable-d03021f6.js'; -import { O as ObserveSlotText } from './observe-slot-text-dbd83f39.js'; +import { L as LikeAnchor } from './like-anchor-79c92c76.js'; +import { F as Focusable } from './focusable-df7b829e.js'; +import { O as ObserveSlotText } from './observe-slot-text-2a3e6366.js'; import { i } from './lit-element-9354aa77.js'; import { x } from './lit-html-126adc72.js'; -import { n } from './define-element-43d4edd5.js'; +import { n } from './define-element-467f3dc4.js'; import { i as i$1 } from './query-d0113d5a.js'; const s$1=i` diff --git a/storybook/CheckboxBase-694e006f.js b/storybook/CheckboxBase-694e006f.js deleted file mode 100644 index 9c3ab20ae0..0000000000 --- a/storybook/CheckboxBase-694e006f.js +++ /dev/null @@ -1,15 +0,0 @@ -import { F as Focusable } from './focusable-d03021f6.js'; -import { x } from './lit-html-126adc72.js'; -import { n } from './define-element-43d4edd5.js'; -import { i } from './query-d0113d5a.js'; - -var u=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var l=(i,t,c,n)=>{for(var e=n>1?void 0:n?s(t,c):t,p=i.length-1,r;p>=0;p--)(r=i[p])&&(e=(n?r(t,c,e):r(e))||e);return n&&e&&u(t,c,e),e};class CheckboxBase extends Focusable{constructor(){super(...arguments);this.checked=!1;this.readonly=!1;}get focusElement(){return this.inputElement}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;const c=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(c)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked);}render(){return x` - - `}}l([n({type:Boolean,reflect:!0})],CheckboxBase.prototype,"checked",2),l([n({type:Boolean,reflect:!0})],CheckboxBase.prototype,"readonly",2),l([i("#input")],CheckboxBase.prototype,"inputElement",2); - -export { CheckboxBase as C }; diff --git a/storybook/CheckboxBase-d69c7aeb.js b/storybook/CheckboxBase-d69c7aeb.js new file mode 100644 index 0000000000..27fb57fcbb --- /dev/null +++ b/storybook/CheckboxBase-d69c7aeb.js @@ -0,0 +1,17 @@ +import { F as Focusable } from './focusable-df7b829e.js'; +import { x } from './lit-html-126adc72.js'; +import { l } from './if-defined-ae83b405.js'; +import { n } from './define-element-467f3dc4.js'; +import { i } from './query-d0113d5a.js'; + +var h=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=(l,t,n,i)=>{for(var e=i>1?void 0:i?d(t,n):t,r=l.length-1,p;r>=0;r--)(p=l[r])&&(e=(i?p(t,n,e):p(e))||e);return i&&e&&h(t,n,e),e};class CheckboxBase extends Focusable{constructor(){super(...arguments);this.checked=!1;this.readonly=!1;}get focusElement(){return this.inputElement}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;const n=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(n)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked);}render(){return x` + + `}}c([n({type:Boolean,reflect:!0})],CheckboxBase.prototype,"checked",2),c([n({type:Boolean,reflect:!0})],CheckboxBase.prototype,"readonly",2),c([n({type:String,reflect:!0})],CheckboxBase.prototype,"name",2),c([i("#input")],CheckboxBase.prototype,"inputElement",2); + +export { CheckboxBase as C }; diff --git a/storybook/Color-6VNJS4EI-971f344b.js b/storybook/Color-6VNJS4EI-772a9702.js similarity index 99% rename from storybook/Color-6VNJS4EI-971f344b.js rename to storybook/Color-6VNJS4EI-772a9702.js index ebf95ab354..925926cd45 100644 --- a/storybook/Color-6VNJS4EI-971f344b.js +++ b/storybook/Color-6VNJS4EI-772a9702.js @@ -1,6 +1,6 @@ -import { r as react_default, d as __export30, e as __export28, f as __export23, g as __export31, h as __export19, i as __export27, n as newStyled, j as WithTooltip, T as TooltipNote, F as Form, I as Icons, k as getControlId } from './DocsRenderer-NNNQARDV-56cbea69.js'; +import { r as react_default, d as __export30, e as __export28, f as __export23, g as __export31, h as __export19, i as __export27, n as newStyled, j as WithTooltip, T as TooltipNote, F as Form, I as Icons, k as getControlId } from './DocsRenderer-NNNQARDV-a8699e9f.js'; import { i as init_define_process_env_NODE_PATH, _ as __export } from './chunk-4XTOY3BZ-2d9ac4e7.js'; -import { i as isObject_default, b as isSymbol_default, r as root_default } from './index-a1e16c32.js'; +import { i as isObject_default, a as isSymbol_default, r as root_default } from './chunk-NWF3D3HY-11d33ffe.js'; import './index-f1f4f800.js'; import './chunk-QKGAIYDF-dbf583e3.js'; diff --git a/storybook/DialogBase-26f6a314.js b/storybook/DialogBase-dd54052e.js similarity index 95% rename from storybook/DialogBase-26f6a314.js rename to storybook/DialogBase-dd54052e.js index 6a1c8d8819..9564fec4d3 100644 --- a/storybook/DialogBase-26f6a314.js +++ b/storybook/DialogBase-dd54052e.js @@ -1,12 +1,12 @@ -import './sp-underlay-b7553659.js'; -import './sp-button-d4cd36d2.js'; -import './sp-dialog-012d7280.js'; +import './sp-underlay-fdfe1df4.js'; +import './sp-button-c571335c.js'; +import './sp-dialog-cda58311.js'; import { i } from './lit-element-9354aa77.js'; import { v } from './modal.css-ad9e835e.js'; import { f as firstFocusableIn } from './first-focusable-in-184a26e2.js'; import { F as FocusVisiblePolyfillMixin } from './focus-visible-03398d98.js'; import { x, A } from './lit-html-126adc72.js'; -import { n, S as SpectrumElement } from './define-element-43d4edd5.js'; +import { n, S as SpectrumElement } from './define-element-467f3dc4.js'; const e=i` :host{align-items:center;box-sizing:border-box;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:visibility 0s linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden;width:100vw;z-index:2}:host([open]){visibility:visible}@media only screen and (max-device-height:350px),only screen and (max-device-width:400px){:host([responsive]){border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}:host([responsive]){margin-top:0}} diff --git a/storybook/DocsRenderer-NNNQARDV-56cbea69.js b/storybook/DocsRenderer-NNNQARDV-a8699e9f.js similarity index 99% rename from storybook/DocsRenderer-NNNQARDV-56cbea69.js rename to storybook/DocsRenderer-NNNQARDV-a8699e9f.js index e65dadc145..f0ac534367 100644 --- a/storybook/DocsRenderer-NNNQARDV-56cbea69.js +++ b/storybook/DocsRenderer-NNNQARDV-a8699e9f.js @@ -1,6 +1,6 @@ import { _ as __export, i as init_define_process_env_NODE_PATH, a as __require } from './chunk-4XTOY3BZ-2d9ac4e7.js'; import { L as L$3, v as v$3 } from './index-f1f4f800.js'; -import { c as eq_default$1, d as baseAssignValue_default, f as baseGet_default, g as castPath_default, i as isObject_default$1, t as toKey_default, h as isIndex_default, j as isArrayLike_default, k as arrayLikeKeys_default, l as isPrototype_default, o as overArg_default, m as baseGetAllKeys_default, s as stubArray_default, n as arrayPush_default, p as getSymbols_default, q as arrayMap_default, u as baseIteratee_default, v as Set_default, w as setToArray_default, x as SetCache_default, y as cacheHas_default, r as root_default$1, U as Uint8Array_default, z as Symbol_default$1, A as nodeUtil_default, B as getTag_default, C as isBuffer_default, D as Stack_default, E as isArray_default, F as getAllKeys_default, G as keys_default, H as baseUnary_default, I as isObjectLike_default, a as SNIPPET_RENDERED, J as str, S as SourceType } from './index-a1e16c32.js'; +import { e as eq_default$1, b as baseAssignValue_default, c as baseGet_default, d as castPath_default, i as isObject_default$1, t as toKey_default, f as isIndex_default, g as isArrayLike_default, h as arrayLikeKeys_default, j as isPrototype_default, o as overArg_default, k as baseGetAllKeys_default, s as stubArray_default, l as arrayPush_default, m as getSymbols_default, n as arrayMap_default, p as baseIteratee_default, S as Set_default, q as setToArray_default, u as SetCache_default, v as cacheHas_default, r as root_default$1, U as Uint8Array_default, w as Symbol_default$1, x as nodeUtil_default, y as getTag_default, z as isBuffer_default, A as Stack_default, B as isArray_default, C as getAllKeys_default, D as keys_default, E as baseUnary_default, F as isObjectLike_default } from './chunk-NWF3D3HY-11d33ffe.js'; import { e as esm_default } from './chunk-QKGAIYDF-dbf583e3.js'; // node_modules/react/index.js @@ -8790,7 +8790,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' `,77:`remToPx expects a value in "rem" but you provided it in "%s". `,78:`base must be set in "px" or "%" but you set it in "%s". -`};function format$1(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format$1.apply(void 0,[ERRORS$1[code]].concat(args)))||this,_assertThisInitialized$2(_this)}return PolishedError2}(_wrapNativeSuper$2(Error));function colorToInt$2(color2){return Math.round(color2*255)}function convertToInt$2(red,green,blue){return colorToInt$2(red)+","+colorToInt$2(green)+","+colorToInt$2(blue)}function hslToRgb$2(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt$2),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap$2={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex$2(color2){if(typeof color2!="string")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap$2[normalizedColorName]?"#"+namedColorMap$2[normalizedColorName]:color2}var hexRegex$2=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex$2=/^#[a-fA-F0-9]{8}$/,reducedHexRegex$2=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex$2=/^#[a-fA-F0-9]{4}$/,rgbRegex$2=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex$2=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex$2=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex$2=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb$2(color2){if(typeof color2!="string")throw new PolishedError$2(3);var normalizedColor=nameToHex$2(color2);if(normalizedColor.match(hexRegex$2))return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex$2)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex$2))return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex$2)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex$2.exec(normalizedColor);if(rgbMatched)return {red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex$2.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex$2.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb$2(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex$2.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError$2(4,normalizedColor,rgbColorString);return {red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex$2.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb$2(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex$2.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError$2(4,normalizedColor,_rgbColorString);return {red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError$2(5)}function rgbToHsl$2(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex$2(value,saturation,lightness):"rgba("+hslToRgb$2(value,saturation,lightness)+","+alpha+")";if(typeof value=="object"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex$2(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb$2(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError$2(2)}function rgb$2(value,green,blue){if(typeof value=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1$2("#"+numberToHex$2(value)+numberToHex$2(green)+numberToHex$2(blue));if(typeof value=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1$2("#"+numberToHex$2(value.red)+numberToHex$2(value.green)+numberToHex$2(value.blue));throw new PolishedError$2(6)}function rgba$2(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb$2(firstValue);return "rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else {if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb$2(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb$2(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError$2(7)}var isRgb$2=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isRgba$2=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&typeof color2.alpha=="number"},isHsl$2=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isHsla$2=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&typeof color2.alpha=="number"};function toColorString$2(color2){if(typeof color2!="object")throw new PolishedError$2(8);if(isRgba$2(color2))return rgba$2(color2);if(isRgb$2(color2))return rgb$2(color2);if(isHsla$2(color2))return hsla$2(color2);if(isHsl$2(color2))return hsl$2(color2);throw new PolishedError$2(8)}function curried$2(f,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried$2(f,length,combined)}}function curry$2(f){return curried$2(f,f.length,[])}function guard$2(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken$2(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl$2(color2);return toColorString$2(_extends$2({},hslColor,{lightness:guard$2(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken$3=curry$2(darken$2),curriedDarken$1$2=curriedDarken$3;function lighten$2(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl$2(color2);return toColorString$2(_extends$2({},hslColor,{lightness:guard$2(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten$3=curry$2(lighten$2),curriedLighten$1$2=curriedLighten$3;function opacify$1(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb$2(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends$2({},parsedColor,{alpha:guard$2(0,1,(alpha*100+parseFloat(amount)*100)/100)});return rgba$2(colorWithAlpha)}var curriedOpacify$2=curry$2(opacify$1),curriedOpacify$1$1=curriedOpacify$2;function transparentize$2(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb$2(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends$2({},parsedColor,{alpha:guard$2(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba$2(colorWithAlpha)}var curriedTransparentize$3=curry$2(transparentize$2),curriedTransparentize$1$2=curriedTransparentize$3;var color={primary:"#FF4785",secondary:"#029CFD",tertiary:"#FAFBFC",ancillary:"#22a699",orange:"#FC521F",gold:"#FFAE00",green:"#66BF3C",seafoam:"#37D5D3",purple:"#6F2CAC",ultraviolet:"#2A0481",lightest:"#FFFFFF",lighter:"#F7FAFC",light:"#EEF3F6",mediumlight:"#ECF4F9",medium:"#D9E8F2",mediumdark:"#73828C",dark:"#5C6870",darker:"#454E54",darkest:"#2E3438",border:"hsla(203, 50%, 30%, 0.15)",positive:"#66BF3C",negative:"#FF4400",warning:"#E69D00",critical:"#FFFFFF",defaultText:"#2E3438",inverseText:"#FFFFFF",positiveText:"#448028",negativeText:"#D43900",warningText:"#A15C20"},background={app:"#F6F9FC",bar:color.lightest,content:color.lightest,gridCellSize:10,hoverable:curriedTransparentize$1$2(.9,color.secondary),positive:"#E1FFD4",negative:"#FEDED2",warning:"#FFF5CF",critical:"#FF4400"},typography={fonts:{base:['"Nunito Sans"',"-apple-system",'".SFNSText-Regular"','"San Francisco"',"BlinkMacSystemFont",'"Segoe UI"','"Helvetica Neue"',"Helvetica","Arial","sans-serif"].join(", "),mono:["ui-monospace","Menlo","Monaco",'"Roboto Mono"','"Oxygen Mono"','"Ubuntu Monospace"','"Source Code Pro"','"Droid Sans Mono"','"Courier New"',"monospace"].join(", ")},weight:{regular:400,bold:700},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48,code:90}};var theme={base:"light",colorPrimary:"#FF4785",colorSecondary:"#029CFD",appBg:background.app,appContentBg:color.lightest,appBorderColor:color.border,appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:color.darkest,textInverseColor:color.lightest,textMutedColor:color.mediumdark,barTextColor:color.mediumdark,barHoverColor:color.secondary,barSelectedColor:color.secondary,barBg:color.lightest,buttonBg:background.app,buttonBorder:color.medium,booleanBg:color.mediumlight,booleanSelectedBg:color.lightest,inputBg:color.lightest,inputBorder:color.border,inputTextColor:color.darkest,inputBorderRadius:4},light_default=theme;var theme2={base:"dark",colorPrimary:"#FF4785",colorSecondary:"#029CFD",appBg:"#222425",appContentBg:"#1B1C1D",appBorderColor:"rgba(255,255,255,.1)",appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:"#C9CDCF",textInverseColor:"#222425",textMutedColor:"#798186",barTextColor:"#798186",barHoverColor:color.secondary,barSelectedColor:color.secondary,barBg:"#292C2E",buttonBg:"#222425",buttonBorder:"rgba(255,255,255,.1)",booleanBg:"#222425",booleanSelectedBg:"#2E3438",inputBg:"#1B1C1D",inputBorder:"rgba(255,255,255,.1)",inputTextColor:color.lightest,inputBorderRadius:4},dark_default=theme2;var {window:globalWindow$2}=__STORYBOOK_MODULE_GLOBAL__.global,mkColor=color2=>({color:color2}),isColorString=color2=>typeof color2!="string"?(__STORYBOOK_MODULE_CLIENT_LOGGER__.logger.warn(`Color passed to theme object should be a string. Instead ${color2}(${typeof color2}) was passed.`),!1):!0,isValidColorForPolished=color2=>!/(gradient|var|calc)/.test(color2),applyPolished=(type,color2)=>type==="darken"?rgba$2(`${curriedDarken$1$2(1,color2)}`,.95):type==="lighten"?rgba$2(`${curriedLighten$1$2(1,color2)}`,.95):color2,colorFactory=type=>color2=>{if(!isColorString(color2)||!isValidColorForPolished(color2))return color2;try{return applyPolished(type,color2)}catch{return color2}},lightenColor=colorFactory("lighten"),getPreferredColorScheme=()=>!globalWindow$2||!globalWindow$2.matchMedia?"light":globalWindow$2.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";var themes={light:light_default,dark:dark_default,normal:light_default};getPreferredColorScheme(); +`};function format$1(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format$1.apply(void 0,[ERRORS$1[code]].concat(args)))||this,_assertThisInitialized$2(_this)}return PolishedError2}(_wrapNativeSuper$2(Error));function colorToInt$2(color2){return Math.round(color2*255)}function convertToInt$2(red,green,blue){return colorToInt$2(red)+","+colorToInt$2(green)+","+colorToInt$2(blue)}function hslToRgb$2(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt$2),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap$2={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex$2(color2){if(typeof color2!="string")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap$2[normalizedColorName]?"#"+namedColorMap$2[normalizedColorName]:color2}var hexRegex$2=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex$2=/^#[a-fA-F0-9]{8}$/,reducedHexRegex$2=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex$2=/^#[a-fA-F0-9]{4}$/,rgbRegex$2=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex$2=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex$2=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex$2=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb$2(color2){if(typeof color2!="string")throw new PolishedError$2(3);var normalizedColor=nameToHex$2(color2);if(normalizedColor.match(hexRegex$2))return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex$2)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex$2))return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex$2)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex$2.exec(normalizedColor);if(rgbMatched)return {red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex$2.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex$2.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb$2(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex$2.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError$2(4,normalizedColor,rgbColorString);return {red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex$2.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb$2(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex$2.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError$2(4,normalizedColor,_rgbColorString);return {red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError$2(5)}function rgbToHsl$2(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex$2(value,saturation,lightness):"rgba("+hslToRgb$2(value,saturation,lightness)+","+alpha+")";if(typeof value=="object"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex$2(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb$2(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError$2(2)}function rgb$2(value,green,blue){if(typeof value=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1$2("#"+numberToHex$2(value)+numberToHex$2(green)+numberToHex$2(blue));if(typeof value=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1$2("#"+numberToHex$2(value.red)+numberToHex$2(value.green)+numberToHex$2(value.blue));throw new PolishedError$2(6)}function rgba$2(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb$2(firstValue);return "rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else {if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb$2(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb$2(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError$2(7)}var isRgb$2=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isRgba$2=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&typeof color2.alpha=="number"},isHsl$2=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isHsla$2=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&typeof color2.alpha=="number"};function toColorString$2(color2){if(typeof color2!="object")throw new PolishedError$2(8);if(isRgba$2(color2))return rgba$2(color2);if(isRgb$2(color2))return rgb$2(color2);if(isHsla$2(color2))return hsla$2(color2);if(isHsl$2(color2))return hsl$2(color2);throw new PolishedError$2(8)}function curried$2(f,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried$2(f,length,combined)}}function curry$2(f){return curried$2(f,f.length,[])}function guard$2(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken$2(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl$2(color2);return toColorString$2(_extends$2({},hslColor,{lightness:guard$2(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken$3=curry$2(darken$2),curriedDarken$1$2=curriedDarken$3;function lighten$2(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl$2(color2);return toColorString$2(_extends$2({},hslColor,{lightness:guard$2(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten$3=curry$2(lighten$2),curriedLighten$1$2=curriedLighten$3;function opacify$1(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb$2(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends$2({},parsedColor,{alpha:guard$2(0,1,(alpha*100+parseFloat(amount)*100)/100)});return rgba$2(colorWithAlpha)}var curriedOpacify$2=curry$2(opacify$1),curriedOpacify$1$1=curriedOpacify$2;function transparentize$2(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb$2(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends$2({},parsedColor,{alpha:guard$2(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba$2(colorWithAlpha)}var curriedTransparentize$3=curry$2(transparentize$2),curriedTransparentize$1$2=curriedTransparentize$3;var color={primary:"#FF4785",secondary:"#029CFD",tertiary:"#FAFBFC",ancillary:"#22a699",orange:"#FC521F",gold:"#FFAE00",green:"#66BF3C",seafoam:"#37D5D3",purple:"#6F2CAC",ultraviolet:"#2A0481",lightest:"#FFFFFF",lighter:"#F7FAFC",light:"#EEF3F6",mediumlight:"#ECF4F9",medium:"#D9E8F2",mediumdark:"#73828C",dark:"#5C6870",darker:"#454E54",darkest:"#2E3438",border:"hsla(203, 50%, 30%, 0.15)",positive:"#66BF3C",negative:"#FF4400",warning:"#E69D00",critical:"#FFFFFF",defaultText:"#2E3438",inverseText:"#FFFFFF",positiveText:"#448028",negativeText:"#D43900",warningText:"#A15C20"},background={app:"#F6F9FC",bar:color.lightest,content:color.lightest,gridCellSize:10,hoverable:curriedTransparentize$1$2(.9,color.secondary),positive:"#E1FFD4",negative:"#FEDED2",warning:"#FFF5CF",critical:"#FF4400"},typography={fonts:{base:['"Nunito Sans"',"-apple-system",'".SFNSText-Regular"','"San Francisco"',"BlinkMacSystemFont",'"Segoe UI"','"Helvetica Neue"',"Helvetica","Arial","sans-serif"].join(", "),mono:["ui-monospace","Menlo","Monaco",'"Roboto Mono"','"Oxygen Mono"','"Ubuntu Monospace"','"Source Code Pro"','"Droid Sans Mono"','"Courier New"',"monospace"].join(", ")},weight:{regular:400,bold:700},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48,code:90}};var theme={base:"light",colorPrimary:"#FF4785",colorSecondary:"#029CFD",appBg:background.app,appContentBg:color.lightest,appBorderColor:color.border,appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:color.darkest,textInverseColor:color.lightest,textMutedColor:color.dark,barTextColor:color.mediumdark,barHoverColor:color.secondary,barSelectedColor:color.secondary,barBg:color.lightest,buttonBg:background.app,buttonBorder:color.medium,booleanBg:color.mediumlight,booleanSelectedBg:color.lightest,inputBg:color.lightest,inputBorder:color.border,inputTextColor:color.darkest,inputBorderRadius:4},light_default=theme;var theme2={base:"dark",colorPrimary:"#FF4785",colorSecondary:"#029CFD",appBg:"#222425",appContentBg:"#1B1C1D",appBorderColor:"rgba(255,255,255,.1)",appBorderRadius:4,fontBase:typography.fonts.base,fontCode:typography.fonts.mono,textColor:"#C9CDCF",textInverseColor:"#222425",textMutedColor:"#798186",barTextColor:"#798186",barHoverColor:color.secondary,barSelectedColor:color.secondary,barBg:"#292C2E",buttonBg:"#222425",buttonBorder:"rgba(255,255,255,.1)",booleanBg:"#222425",booleanSelectedBg:"#2E3438",inputBg:"#1B1C1D",inputBorder:"rgba(255,255,255,.1)",inputTextColor:color.lightest,inputBorderRadius:4},dark_default=theme2;var {window:globalWindow$2}=__STORYBOOK_MODULE_GLOBAL__.global,mkColor=color2=>({color:color2}),isColorString=color2=>typeof color2!="string"?(__STORYBOOK_MODULE_CLIENT_LOGGER__.logger.warn(`Color passed to theme object should be a string. Instead ${color2}(${typeof color2}) was passed.`),!1):!0,isValidColorForPolished=color2=>!/(gradient|var|calc)/.test(color2),applyPolished=(type,color2)=>type==="darken"?rgba$2(`${curriedDarken$1$2(1,color2)}`,.95):type==="lighten"?rgba$2(`${curriedLighten$1$2(1,color2)}`,.95):color2,colorFactory=type=>color2=>{if(!isColorString(color2)||!isValidColorForPolished(color2))return color2;try{return applyPolished(type,color2)}catch{return color2}},lightenColor=colorFactory("lighten"),getPreferredColorScheme=()=>!globalWindow$2||!globalWindow$2.matchMedia?"light":globalWindow$2.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";var themes={light:light_default,dark:dark_default,normal:light_default};getPreferredColorScheme(); var isBrowser$1 = typeof document !== 'undefined'; @@ -9508,9 +9508,9 @@ To pass a single animation please supply them in simple values, e.g. animation(' path { fill: currentColor; } -`,Icons=({icon,useSymbol,...props})=>react_default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?react_default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]);__export16$1(function({icons:keys=Object.keys(icons)}){return react_default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>react_default.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkInner=newStyled.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=newStyled.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1$1(.07,theme.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1$1(.1,theme.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path:not([fill])":{fill:colors[0]},"&:hover":{color:colors[1],"svg path:not([fill])":{fill:colors[1]}},"&:active":{color:colors[2],"svg path:not([fill])":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,":not([fill])":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path:not([fill])":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path:not([fill])":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>react_default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},react_default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&react_default.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};newStyled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));var languages=[],Comp=null,LazySyntaxHighlighter=__export15$1(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import('./syntaxhighlighter-NMPM6SWI-d93114ed.js');return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>react_default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=__export15$1(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import('./syntaxhighlighter-NMPM6SWI-d93114ed.js'),import('./formatter-SWP5E3XI-f3ce37e1.js')]);return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>react_default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},props.format!==!1?react_default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):react_default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter2.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args);};newStyled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return {marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return {marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return {}}});var Title$1=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=__export0$1.toArray(children);return react_default.createElement(Message,{...props},react_default.createElement(Title$1,null,title),desc&&react_default.createElement(Desc,null,desc))};var ZoomElementWrapper=newStyled.div(({scale=1,elementHeight})=>({height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=__export30(null),[elementHeight,setElementHeight]=__export31(0),onResize=__export19$1(({height})=>{height&&setElementHeight(height/scale);},[scale]);return __export23$1(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height);},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),react_default.createElement(ZoomElementWrapper,{scale,elementHeight},react_default.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=class extends __export1$1{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current;}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"});}catch{this.setIframeZoom(scale);}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"});}render(){let{children}=this.props;return react_default.createElement(react_default.Fragment,null,children)}};var Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame};var {document:document2$1}=__STORYBOOK_MODULE_GLOBAL__.global,ErrorName=newStyled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=newStyled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return react_default.createElement(__export2$1,null,"This error has no stack or message");if(!error.stack)return react_default.createElement(__export2$1,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message} +`,Icons=({icon,useSymbol,...props})=>react_default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?react_default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]);__export16$1(function({icons:keys=Object.keys(icons)}){return react_default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>react_default.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkInner=newStyled.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=newStyled.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1$1(.07,theme.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1$1(.1,theme.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path:not([fill])":{fill:colors[0]},"&:hover":{color:colors[1],"svg path:not([fill])":{fill:colors[1]}},"&:active":{color:colors[2],"svg path:not([fill])":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,":not([fill])":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path:not([fill])":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path:not([fill])":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>react_default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},react_default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&react_default.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};newStyled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));var languages=[],Comp=null,LazySyntaxHighlighter=__export15$1(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import('./syntaxhighlighter-NMPM6SWI-3a7f66fe.js');return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>react_default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=__export15$1(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import('./syntaxhighlighter-NMPM6SWI-3a7f66fe.js'),import('./formatter-SWP5E3XI-a12959fe.js')]);return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>react_default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},props.format!==!1?react_default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):react_default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter2.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args);};newStyled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return {marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return {marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return {}}});var Title$1=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=__export0$1.toArray(children);return react_default.createElement(Message,{...props},react_default.createElement(Title$1,null,title),desc&&react_default.createElement(Desc,null,desc))};var ZoomElementWrapper=newStyled.div(({scale=1,elementHeight})=>({height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=__export30(null),[elementHeight,setElementHeight]=__export31(0),onResize=__export19$1(({height})=>{height&&setElementHeight(height/scale);},[scale]);return __export23$1(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height);},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),react_default.createElement(ZoomElementWrapper,{scale,elementHeight},react_default.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=class extends __export1$1{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current;}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"});}catch{this.setIframeZoom(scale);}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"});}render(){let{children}=this.props;return react_default.createElement(react_default.Fragment,null,children)}};var Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame};var {document:document2$1}=__STORYBOOK_MODULE_GLOBAL__.global,ErrorName=newStyled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=newStyled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return react_default.createElement(__export2$1,null,"This error has no stack or message");if(!error.stack)return react_default.createElement(__export2$1,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message} -${input}`);let match=input.match(firstLineRegex);if(!match)return react_default.createElement(__export2$1,null,input);let[,type,name]=match,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document2$1.location.origin,"")}:null}).filter(Boolean);return react_default.createElement(__export2$1,null,react_default.createElement("span",null,type),": ",react_default.createElement(ErrorName,null,name),react_default.createElement("br",null),lines.map((l,i)=>l.name?react_default.createElement(__export2$1,{key:i}," ","at ",react_default.createElement(ErrorImportant,null,l.name)," (",react_default.createElement(ErrorDetail,null,l.location),")",react_default.createElement("br",null)):react_default.createElement(__export2$1,{key:i}," ","at ",react_default.createElement(ErrorDetail,null,l.location),react_default.createElement("br",null))))};var ButtonWrapper=newStyled.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color2;return gray?color2=theme.color.mediumlight:secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),color2?{background:color2,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1$1(.05,color2)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba$1(color2,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba$1(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1$1(.02,theme.button.background):curriedLighten$1$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba$1(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color2=theme.color.primary;return outline&&primary?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,"svg path:not([fill])":{fill:color2},"&:hover":{boxShadow:`${color2} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color2;return secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),outline&&color2?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,"svg path:not([fill])":{fill:color2},"&:hover":{boxShadow:`${color2} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button$1=Object.assign(__export13$1(function({isLink,children,...props},ref){return isLink?react_default.createElement(ButtonLink,{...props,ref},children):react_default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var Wrapper$1=newStyled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label$1=newStyled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>react_default.createElement(Wrapper$1,{...props},label?react_default.createElement(Label$1,null,react_default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=__export30();return __export19$1(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance);},[userRef])},use_composed_ref_esm_default=useComposedRef;var noop$1=function(){},_excluded=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(_ref,userRef){_ref.cacheMeasurements,_ref.maxRows,_ref.minRows;var _ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop$1:_ref$onChange;_ref.onHeightChange;var props=_objectWithoutPropertiesLoose(_ref,_excluded);props.value;var libRef=__export30(null),ref=use_composed_ref_esm_default(libRef,userRef);return __export30(0),__export30(),__export10$1("textarea",_extends$1({},props,{onChange,ref}))},index=__export13$1(TextareaAutosize);var styleResets$1={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets$1,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return {width:"100%"};case"flex":return {flex:1};case"auto":default:return {display:"inline"}}},alignment=({align})=>{switch(align){case"end":return {textAlign:"right"};case"center":return {textAlign:"center"};case"start":default:return {textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return {boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return {boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return {boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return {}}},Input$1=Object.assign(newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement(index,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement(Button$1,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(__export13$1(function(props,ref){return react_default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(newStyled.form({boxSizing:"border-box",width:"100%"}),{Field,Input: Input$1,Select,Textarea,Button:Button3});var LazyWithTooltip=__export15$1(()=>import('./WithTooltip-4HIR6TLV-0602f573.js').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},react_default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=__export15$1(()=>import('./WithTooltip-4HIR6TLV-0602f573.js').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},react_default.createElement(LazyWithTooltipPure,{...props}));newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold}));newStyled.span();newStyled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}}));newStyled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"}));newStyled.div({padding:15,width:280,boxSizing:"border-box"});var Note=newStyled.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>react_default.createElement(Note,{...props},note);var Title3$1=newStyled(({active,loading,disabled,...rest})=>react_default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1$1(.7,theme.color.defaultText)}:{}),Right=newStyled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=newStyled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=newStyled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=newStyled.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=newStyled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:theme.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=memoizerific_default(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return react_default.createElement(Item,{...commonProps,...rest,...itemProps},icon?react_default.createElement(Left,{...commonProps},isStorybookIcon?react_default.createElement(Icons,{icon}):icon):left&&react_default.createElement(Left,{...commonProps},left),title||center?react_default.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&react_default.createElement(Title3$1,{...commonProps,loading},title),center&&react_default.createElement(CenterText,{...commonProps},center)):null,right&&react_default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:react_default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=newStyled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=__export19$1(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return react_default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return react_default.createElement(List,null,links.map(({isGatsby,...p})=>react_default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=react_default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?react_default.createElement("a",{ref,...restProps},children):react_default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.barSelectedColor}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1$1(.88,theme.color.secondary),color:theme.barHoverColor},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=newStyled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=newStyled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>react_default.createElement(IconButtonSkeletonWrapper,null,react_default.createElement(IconPlaceholder,null));var Side=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?react_default.createElement(ScrollArea,{vertical:!1,className},children):react_default.createElement("div",{className},children),Bar$1=newStyled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar$1.displayName="Bar";var BarInner=newStyled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=__export0$1.toArray(children);return react_default.createElement(Bar$1,{...rest},react_default.createElement(BarInner,{bgColor:backgroundColor},react_default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?react_default.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=newStyled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=children=>__export0$1.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content=="function"?content:({active})=>react_default.createElement(VisuallyHidden,{active,role:"tabpanel"},content)}});var CollapseIcon=newStyled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=newStyled(TabButton)(({active,theme,preActive})=>` +${input}`);let match=input.match(firstLineRegex);if(!match)return react_default.createElement(__export2$1,null,input);let[,type,name]=match,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document2$1.location.origin,"")}:null}).filter(Boolean);return react_default.createElement(__export2$1,null,react_default.createElement("span",null,type),": ",react_default.createElement(ErrorName,null,name),react_default.createElement("br",null),lines.map((l,i)=>l.name?react_default.createElement(__export2$1,{key:i}," ","at ",react_default.createElement(ErrorImportant,null,l.name)," (",react_default.createElement(ErrorDetail,null,l.location),")",react_default.createElement("br",null)):react_default.createElement(__export2$1,{key:i}," ","at ",react_default.createElement(ErrorDetail,null,l.location),react_default.createElement("br",null))))};var ButtonWrapper=newStyled.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color2;return gray?color2=theme.color.mediumlight:secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),color2?{background:color2,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1$1(.05,color2)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba$1(color2,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba$1(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1$1(.02,theme.button.background):curriedLighten$1$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba$1(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color2=theme.color.primary;return outline&&primary?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,"svg path:not([fill])":{fill:color2},"&:hover":{boxShadow:`${color2} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color2;return secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),outline&&color2?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,"svg path:not([fill])":{fill:color2},"&:hover":{boxShadow:`${color2} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba$1(color2,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button$1=Object.assign(__export13$1(function({isLink,children,...props},ref){return isLink?react_default.createElement(ButtonLink,{...props,ref},children):react_default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var Wrapper$1=newStyled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label$1=newStyled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>react_default.createElement(Wrapper$1,{...props},label?react_default.createElement(Label$1,null,react_default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=__export30();return __export19$1(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance);},[userRef])},use_composed_ref_esm_default=useComposedRef;var noop$1=function(){},_excluded=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(_ref,userRef){_ref.cacheMeasurements,_ref.maxRows,_ref.minRows;var _ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop$1:_ref$onChange;_ref.onHeightChange;var props=_objectWithoutPropertiesLoose(_ref,_excluded);props.value;var libRef=__export30(null),ref=use_composed_ref_esm_default(libRef,userRef);return __export30(0),__export30(),__export10$1("textarea",_extends$1({},props,{onChange,ref}))},index=__export13$1(TextareaAutosize);var styleResets$1={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets$1,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return {width:"100%"};case"flex":return {flex:1};case"auto":default:return {display:"inline"}}},alignment=({align})=>{switch(align){case"end":return {textAlign:"right"};case"center":return {textAlign:"center"};case"start":default:return {textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return {boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return {boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return {boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return {}}},Input$1=Object.assign(newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement(index,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=newStyled(__export13$1(function({size,valid,align,...props},ref){return react_default.createElement(Button$1,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(__export13$1(function(props,ref){return react_default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(newStyled.form({boxSizing:"border-box",width:"100%"}),{Field,Input: Input$1,Select,Textarea,Button:Button3});var LazyWithTooltip=__export15$1(()=>import('./WithTooltip-4HIR6TLV-f55e9e3f.js').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},react_default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=__export15$1(()=>import('./WithTooltip-4HIR6TLV-f55e9e3f.js').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},react_default.createElement(LazyWithTooltipPure,{...props}));newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold}));newStyled.span();newStyled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}}));newStyled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"}));newStyled.div({padding:15,width:280,boxSizing:"border-box"});var Note=newStyled.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>react_default.createElement(Note,{...props},note);var Title3$1=newStyled(({active,loading,disabled,...rest})=>react_default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1$1(.7,theme.color.defaultText)}:{}),Right=newStyled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=newStyled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=newStyled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=newStyled.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=newStyled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:theme.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=memoizerific_default(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return react_default.createElement(Item,{...commonProps,...rest,...itemProps},icon?react_default.createElement(Left,{...commonProps},isStorybookIcon?react_default.createElement(Icons,{icon}):icon):left&&react_default.createElement(Left,{...commonProps},left),title||center?react_default.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&react_default.createElement(Title3$1,{...commonProps,loading},title),center&&react_default.createElement(CenterText,{...commonProps},center)):null,right&&react_default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:react_default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=newStyled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=__export19$1(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return react_default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return react_default.createElement(List,null,links.map(({isGatsby,...p})=>react_default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=react_default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?react_default.createElement("a",{ref,...restProps},children):react_default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.barSelectedColor}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1$1(.88,theme.color.secondary),color:theme.barHoverColor},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=newStyled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=newStyled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>react_default.createElement(IconButtonSkeletonWrapper,null,react_default.createElement(IconPlaceholder,null));var Side=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?react_default.createElement(ScrollArea,{vertical:!1,className},children):react_default.createElement("div",{className},children),Bar$1=newStyled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar$1.displayName="Bar";var BarInner=newStyled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=__export0$1.toArray(children);return react_default.createElement(Bar$1,{...rest},react_default.createElement(BarInner,{bgColor:backgroundColor},react_default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?react_default.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=newStyled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=children=>__export0$1.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content=="function"?content:({active})=>react_default.createElement(VisuallyHidden,{active,role:"tabpanel"},content)}});var CollapseIcon=newStyled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=newStyled(TabButton)(({active,theme,preActive})=>` color: ${preActive||active?theme.color.secondary:theme.color.mediumdark}; &:hover { color: ${theme.color.secondary}; @@ -11260,6 +11260,8 @@ function cloneDeep(value) { } var cloneDeep_default = cloneDeep; +var TypeSystem=(TypeSystem2=>(TypeSystem2.JAVASCRIPT="JavaScript",TypeSystem2.FLOW="Flow",TypeSystem2.TYPESCRIPT="TypeScript",TypeSystem2.UNKNOWN="Unknown",TypeSystem2))(TypeSystem||{});var str=obj=>{if(!obj)return "";if(typeof obj=="string")return obj;throw new Error(`Description: expected string, got: ${JSON.stringify(obj)}`)};var ADDON_ID="storybook/docs",SNIPPET_RENDERED=`${ADDON_ID}/snippet-rendered`,SourceType=(SourceType2=>(SourceType2.AUTO="auto",SourceType2.CODE="code",SourceType2.DYNAMIC="dynamic",SourceType2))(SourceType||{}); + // node_modules/telejson/dist/index.mjs init_define_process_env_NODE_PATH(); @@ -12761,7 +12763,7 @@ var Wrapper=newStyled.div(withReset,({theme})=>({backgroundColor:theme.base==="l ${curriedDarken$1(.02,theme.input.background)} 100%)`:`linear-gradient(to right, ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, ${curriedLighten$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, - ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=newStyled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=newStyled(RangeLabel)(({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+max.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),RangeWrapper=newStyled.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value));},hasValue=value2!==void 0,numberOFDecimalsPlaces=__export28(()=>getNumberOfDecimalPlaces(step),[step]);return react_default.createElement(RangeWrapper,null,react_default.createElement(RangeLabel,null,min),react_default.createElement(RangeInput,{id:getControlId(name),type:"range",onChange:handleChange,name,value:value2,min,max,step,onFocus,onBlur}),react_default.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"," / ",max))};var Wrapper6=newStyled.label({display:"flex"}),MaxLength=newStyled.div(({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value);},[forceVisible,setForceVisible]=__export31(!1),onForceVisible=__export19$1(()=>{onChange(""),setForceVisible(!0);},[setForceVisible]);if(value2===void 0)return react_default.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set string");let isValid=typeof value2=="string";return react_default.createElement(Wrapper6,null,react_default.createElement(Form.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",name,value:isValid?value2:"",onFocus,onBlur}),maxLength&&react_default.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))};var FileInput=newStyled(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url);});}var FilesControl=({onChange,name,accept="image/*",value:value2})=>{let inputElement=__export30(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2);}return __export23$1(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null);},[value2,name]),react_default.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:"file",name,multiple:!0,onChange:handleFileChange,accept,size:"flex"})};var LazyColorControl=__export15$1(()=>import('./Color-6VNJS4EI-971f344b.js')),ColorControl=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},react_default.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>react_default.createElement(react_default.Fragment,null,"-"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=__export31(!1),[boxedValue,setBoxedValue]=__export31({value:arg});__export23$1(()=>{isFocused||setBoxedValue({value:arg});},[isFocused,arg]);let onChange=__export19$1(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=__export19$1(()=>setFocused(!1),[]),onFocus=__export19$1(()=>setFocused(!0),[]);if(!control||control.disable)return isHovered?react_default.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):react_default.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return react_default.createElement(Control,{...props,...control,controlType:control.type})};var Name=newStyled.span({fontWeight:"bold"}),Required=newStyled.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"})),Description=newStyled.div(({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...codeCommon({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Type=newStyled.div(({theme,hasDescription})=>({color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=newStyled.div(({theme,hasDescription})=>({color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=newStyled.td(({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"})),ArgRow=props=>{let[isHovered,setIsHovered]=__export31(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!=="";return react_default.createElement("tr",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},react_default.createElement(StyledTd,{expandable},react_default.createElement(Name,null,name),required?react_default.createElement(Required,{title:"Required"},"*"):null),compact?null:react_default.createElement("td",null,hasDescription&&react_default.createElement(Description,null,react_default.createElement(index_modern_default,null,description)),table.jsDocTags!=null?react_default.createElement(react_default.Fragment,null,react_default.createElement(TypeWithJsDoc,{hasDescription},react_default.createElement(ArgValue,{value:type,initialExpandedArgs})),react_default.createElement(ArgJsDoc,{tags:table.jsDocTags})):react_default.createElement(Type,{hasDescription},react_default.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:react_default.createElement("td",null,react_default.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?react_default.createElement("td",null,react_default.createElement(ArgControl,{...props,isHovered})):null)};var ExpanderIcon=newStyled(Icons)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base==="light"?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"})),FlexWrapper=newStyled.span(({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Section=newStyled.td(({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}})),Subsection=newStyled.td(({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app})),StyledTd2=newStyled.td(()=>({position:"relative"})),StyledTr=newStyled.tr(({theme})=>({"&:hover > td":{backgroundColor:`${curriedLighten$1(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ClickIntercept=newStyled.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=__export31(initialExpanded),Level=level==="subsection"?Subsection:Section,itemCount=children?.length||0,caption=level==="subsection"?`${itemCount} item${itemCount!==1?"s":""}`:"",icon=expanded?"arrowdown":"arrowright",helperText=`${expanded?"Hide":"Show"} ${level==="subsection"?itemCount:label} item${itemCount!==1?"s":""}`;return react_default.createElement(react_default.Fragment,null,react_default.createElement(StyledTr,{title:helperText},react_default.createElement(Level,{colSpan:1},react_default.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),react_default.createElement(FlexWrapper,null,react_default.createElement(ExpanderIcon,{icon}),label)),react_default.createElement(StyledTd2,{colSpan:colSpan-1},react_default.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)};var Row=newStyled.div(({theme})=>({display:"flex",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,"&:last-child":{borderBottom:0}})),Column=newStyled.div(({numColumn})=>({display:"flex",flexDirection:"column",flex:numColumn||1,gap:5,padding:"12px 20px"})),SkeletonText=newStyled.div(({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||"100%",height:height||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>react_default.createElement(react_default.Fragment,null,react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))),react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"80%"}),react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))),react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"80%"}),react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))),react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"80%"}),react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))));var Wrapper7=newStyled.div(({inAddonPanel,theme})=>({height:inAddonPanel?"100%":"auto",display:"flex",border:inAddonPanel?"none":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Content=newStyled.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title2=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textColor})),Description2=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textMutedColor})),Links=newStyled.div(({theme})=>({display:"flex",fontSize:theme.typography.size.s2-1,gap:25})),Divider=newStyled.div(({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor})),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=__export31(!0);return __export23$1(()=>{let load=setTimeout(()=>{setIsLoading(!1);},100);return ()=>clearTimeout(load)},[]),isLoading?null:react_default.createElement(Wrapper7,{inAddonPanel},react_default.createElement(Content,null,react_default.createElement(Title2,null,inAddonPanel?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),react_default.createElement(Description2,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),react_default.createElement(Links,null,inAddonPanel&&react_default.createElement(react_default.Fragment,null,react_default.createElement(Link2,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},react_default.createElement(Icons,{icon:"video"})," Watch 5m video"),react_default.createElement(Divider,null),react_default.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!inAddonPanel&&react_default.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))};var TableWrapper=newStyled.table(({theme,compact,inAddonPanel})=>({"&&":{borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:theme.base==="light"?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:theme.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${theme.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${theme.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:theme.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:theme.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:theme.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:theme.appBorderRadius}}}}})),StyledIconButton=newStyled(IconButton)(({theme})=>({color:theme.barTextColor,margin:"-4px -12px -4px 0"})),ControlHeadingWrapper=newStyled.span({display:"flex",justifyContent:"space-between"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},groupRows=(rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach(([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(!subcategory)section.ungrouped.push({key,...row});else {let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection;}sections.sections[category]=section;}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection;}else sections.ungrouped.push({key,...row});});let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)}),{}):record;return {ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}}),{})}},safeIncludeConditionalArg=(row,args,globals)=>{try{return v$3(row,args,globals)}catch(err){return __STORYBOOK_MODULE_CLIENT_LOGGER__.once.warn(err.message),!1}},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort="none",isLoading}=props;if("error"in props){let{error}=props;return react_default.createElement(EmptyBlock,null,error,"\xA0",react_default.createElement(Link2,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(isLoading)return react_default.createElement(Skeleton,null);let{rows,args,globals}="rows"in props&&props,groups=groupRows(pickBy_default(rows,row=>!row?.table?.disable&&safeIncludeConditionalArg(row,args||{},globals||{})),sort),hasNoUngrouped=groups.ungrouped.length===0,hasNoSections=Object.entries(groups.sections).length===0,hasNoUngroupedSubsections=Object.entries(groups.ungroupedSubsections).length===0;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return react_default.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return react_default.createElement(ResetWrapper,null,react_default.createElement(TableWrapper,{compact,inAddonPanel,className:"docblock-argstable sb-unstyled"},react_default.createElement("thead",{className:"docblock-argstable-head"},react_default.createElement("tr",null,react_default.createElement("th",null,react_default.createElement("span",null,"Name")),compact?null:react_default.createElement("th",null,react_default.createElement("span",null,"Description")),compact?null:react_default.createElement("th",null,react_default.createElement("span",null,"Default")),updateArgs?react_default.createElement("th",null,react_default.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react_default.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},react_default.createElement(Icons,{icon:"undo","aria-hidden":!0})))):null)),react_default.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>react_default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>react_default.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>react_default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};newStyled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}));newStyled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});newStyled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});newStyled.div(withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"}));newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}));newStyled.div(({theme})=>({color:theme.base==="light"?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}));newStyled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});newStyled.div(({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));newStyled.div({display:"flex",flexDirection:"row"});newStyled.div(({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}}));newStyled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));newStyled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});newStyled.div({flex:1,display:"flex",flexDirection:"row"});newStyled.div({display:"flex",alignItems:"flex-start"});newStyled.div({flex:"0 0 30%"});newStyled.div({flex:1});newStyled.div(({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}));newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));newStyled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}));newStyled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));newStyled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});newStyled.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>react_default.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);__STORYBOOK_MODULE_GLOBAL__.global&&__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__===void 0&&(__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__=__export9$1(null),__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=__STORYBOOK_MODULE_GLOBAL__.global?__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__:__export9$1(null);var useOf=(moduleExportOrType,validTypes)=>__export20(DocsContext).resolveOf(moduleExportOrType,validTypes);function scrollToElement(element,block="start"){element.scrollIntoView({behavior:"smooth",block,inline:"nearest"});}function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=__export31({});return __export23$1(()=>{Promise.all(storyIds.map(async storyId=>{let story=await context.loadStory(storyId);setStories(current=>current[storyId]===story?current:{...current,[storyId]:story});}));}),storyIds.map(storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}})}function argsHash(args){return stringify(args)}var SourceContext=__export9$1({sources:{}}),UNKNOWN_ARGS_HASH="--unknown--",SourceContainer=({children,channel})=>{let[sources,setSources]=__export31({});return __export23$1(()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args=void 0,source,format:format2}=typeof idOrEvent=="string"?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):UNKNOWN_ARGS_HASH;setSources(current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}}));};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(SNIPPET_RENDERED,handleSnippetRendered)},[]),react_default.createElement(SourceContext.Provider,{value:{sources}},children)};var SourceState=(SourceState2=>(SourceState2.OPEN="open",SourceState2.CLOSED="closed",SourceState2.NONE="none",SourceState2))(SourceState||{}),getSourceState=stories=>{let states=stories.map(story=>story.parameters.docs?.source?.state).filter(Boolean);return states.length===0?"closed":states[0]},getStorySource=(storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.[UNKNOWN_ARGS_HASH]||{code:""}},getSnippet=({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||SourceType.AUTO;if(sourceParameters.code!==void 0)return sourceParameters.code;let code=type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||"";return sourceParameters.transformSource&&__STORYBOOK_MODULE_CLIENT_LOGGER__.deprecate(esm_default`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. + ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=newStyled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=newStyled(RangeLabel)(({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+max.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),RangeWrapper=newStyled.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value));},hasValue=value2!==void 0,numberOFDecimalsPlaces=__export28(()=>getNumberOfDecimalPlaces(step),[step]);return react_default.createElement(RangeWrapper,null,react_default.createElement(RangeLabel,null,min),react_default.createElement(RangeInput,{id:getControlId(name),type:"range",onChange:handleChange,name,value:value2,min,max,step,onFocus,onBlur}),react_default.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"," / ",max))};var Wrapper6=newStyled.label({display:"flex"}),MaxLength=newStyled.div(({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value);},[forceVisible,setForceVisible]=__export31(!1),onForceVisible=__export19$1(()=>{onChange(""),setForceVisible(!0);},[setForceVisible]);if(value2===void 0)return react_default.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set string");let isValid=typeof value2=="string";return react_default.createElement(Wrapper6,null,react_default.createElement(Form.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",name,value:isValid?value2:"",onFocus,onBlur}),maxLength&&react_default.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))};var FileInput=newStyled(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url);});}var FilesControl=({onChange,name,accept="image/*",value:value2})=>{let inputElement=__export30(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2);}return __export23$1(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null);},[value2,name]),react_default.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:"file",name,multiple:!0,onChange:handleFileChange,accept,size:"flex"})};var LazyColorControl=__export15$1(()=>import('./Color-6VNJS4EI-772a9702.js')),ColorControl=props=>react_default.createElement(__export6$1,{fallback:react_default.createElement("div",null)},react_default.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>react_default.createElement(react_default.Fragment,null,"-"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=__export31(!1),[boxedValue,setBoxedValue]=__export31({value:arg});__export23$1(()=>{isFocused||setBoxedValue({value:arg});},[isFocused,arg]);let onChange=__export19$1(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=__export19$1(()=>setFocused(!1),[]),onFocus=__export19$1(()=>setFocused(!0),[]);if(!control||control.disable)return isHovered?react_default.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):react_default.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return react_default.createElement(Control,{...props,...control,controlType:control.type})};var Name=newStyled.span({fontWeight:"bold"}),Required=newStyled.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"})),Description=newStyled.div(({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...codeCommon({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Type=newStyled.div(({theme,hasDescription})=>({color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=newStyled.div(({theme,hasDescription})=>({color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=newStyled.td(({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"})),ArgRow=props=>{let[isHovered,setIsHovered]=__export31(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!=="";return react_default.createElement("tr",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},react_default.createElement(StyledTd,{expandable},react_default.createElement(Name,null,name),required?react_default.createElement(Required,{title:"Required"},"*"):null),compact?null:react_default.createElement("td",null,hasDescription&&react_default.createElement(Description,null,react_default.createElement(index_modern_default,null,description)),table.jsDocTags!=null?react_default.createElement(react_default.Fragment,null,react_default.createElement(TypeWithJsDoc,{hasDescription},react_default.createElement(ArgValue,{value:type,initialExpandedArgs})),react_default.createElement(ArgJsDoc,{tags:table.jsDocTags})):react_default.createElement(Type,{hasDescription},react_default.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:react_default.createElement("td",null,react_default.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?react_default.createElement("td",null,react_default.createElement(ArgControl,{...props,isHovered})):null)};var ExpanderIcon=newStyled(Icons)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base==="light"?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"})),FlexWrapper=newStyled.span(({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Section=newStyled.td(({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}})),Subsection=newStyled.td(({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app})),StyledTd2=newStyled.td(()=>({position:"relative"})),StyledTr=newStyled.tr(({theme})=>({"&:hover > td":{backgroundColor:`${curriedLighten$1(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ClickIntercept=newStyled.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=__export31(initialExpanded),Level=level==="subsection"?Subsection:Section,itemCount=children?.length||0,caption=level==="subsection"?`${itemCount} item${itemCount!==1?"s":""}`:"",icon=expanded?"arrowdown":"arrowright",helperText=`${expanded?"Hide":"Show"} ${level==="subsection"?itemCount:label} item${itemCount!==1?"s":""}`;return react_default.createElement(react_default.Fragment,null,react_default.createElement(StyledTr,{title:helperText},react_default.createElement(Level,{colSpan:1},react_default.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),react_default.createElement(FlexWrapper,null,react_default.createElement(ExpanderIcon,{icon}),label)),react_default.createElement(StyledTd2,{colSpan:colSpan-1},react_default.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)};var Row=newStyled.div(({theme})=>({display:"flex",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,"&:last-child":{borderBottom:0}})),Column=newStyled.div(({numColumn})=>({display:"flex",flexDirection:"column",flex:numColumn||1,gap:5,padding:"12px 20px"})),SkeletonText=newStyled.div(({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||"100%",height:height||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>react_default.createElement(react_default.Fragment,null,react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))),react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"80%"}),react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))),react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"80%"}),react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))),react_default.createElement(Row,null,react_default.createElement(Column,{numColumn:columnWidth[0]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[1]},react_default.createElement(SkeletonText,{width:"80%"}),react_default.createElement(SkeletonText,{width:"30%"})),react_default.createElement(Column,{numColumn:columnWidth[2]},react_default.createElement(SkeletonText,{width:"60%"})),react_default.createElement(Column,{numColumn:columnWidth[3]},react_default.createElement(SkeletonText,{width:"60%"}))));var Wrapper7=newStyled.div(({inAddonPanel,theme})=>({height:inAddonPanel?"100%":"auto",display:"flex",border:inAddonPanel?"none":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Content=newStyled.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title2=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textColor})),Description2=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textMutedColor})),Links=newStyled.div(({theme})=>({display:"flex",fontSize:theme.typography.size.s2-1,gap:25})),Divider=newStyled.div(({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor})),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=__export31(!0);return __export23$1(()=>{let load=setTimeout(()=>{setIsLoading(!1);},100);return ()=>clearTimeout(load)},[]),isLoading?null:react_default.createElement(Wrapper7,{inAddonPanel},react_default.createElement(Content,null,react_default.createElement(Title2,null,inAddonPanel?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),react_default.createElement(Description2,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),react_default.createElement(Links,null,inAddonPanel&&react_default.createElement(react_default.Fragment,null,react_default.createElement(Link2,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},react_default.createElement(Icons,{icon:"video"})," Watch 5m video"),react_default.createElement(Divider,null),react_default.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!inAddonPanel&&react_default.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))};var TableWrapper=newStyled.table(({theme,compact,inAddonPanel})=>({"&&":{borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:theme.base==="light"?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:theme.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${theme.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${theme.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:theme.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:theme.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:theme.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:theme.appBorderRadius}}}}})),StyledIconButton=newStyled(IconButton)(({theme})=>({color:theme.barTextColor,margin:"-4px -12px -4px 0"})),ControlHeadingWrapper=newStyled.span({display:"flex",justifyContent:"space-between"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},groupRows=(rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach(([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(!subcategory)section.ungrouped.push({key,...row});else {let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection;}sections.sections[category]=section;}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection;}else sections.ungrouped.push({key,...row});});let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)}),{}):record;return {ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}}),{})}},safeIncludeConditionalArg=(row,args,globals)=>{try{return v$3(row,args,globals)}catch(err){return __STORYBOOK_MODULE_CLIENT_LOGGER__.once.warn(err.message),!1}},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort="none",isLoading}=props;if("error"in props){let{error}=props;return react_default.createElement(EmptyBlock,null,error,"\xA0",react_default.createElement(Link2,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(isLoading)return react_default.createElement(Skeleton,null);let{rows,args,globals}="rows"in props&&props,groups=groupRows(pickBy_default(rows,row=>!row?.table?.disable&&safeIncludeConditionalArg(row,args||{},globals||{})),sort),hasNoUngrouped=groups.ungrouped.length===0,hasNoSections=Object.entries(groups.sections).length===0,hasNoUngroupedSubsections=Object.entries(groups.ungroupedSubsections).length===0;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return react_default.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return react_default.createElement(ResetWrapper,null,react_default.createElement(TableWrapper,{compact,inAddonPanel,className:"docblock-argstable sb-unstyled"},react_default.createElement("thead",{className:"docblock-argstable-head"},react_default.createElement("tr",null,react_default.createElement("th",null,react_default.createElement("span",null,"Name")),compact?null:react_default.createElement("th",null,react_default.createElement("span",null,"Description")),compact?null:react_default.createElement("th",null,react_default.createElement("span",null,"Default")),updateArgs?react_default.createElement("th",null,react_default.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react_default.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},react_default.createElement(Icons,{icon:"undo","aria-hidden":!0})))):null)),react_default.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>react_default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>react_default.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>react_default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>react_default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};newStyled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}));newStyled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});newStyled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});newStyled.div(withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"}));newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}));newStyled.div(({theme})=>({color:theme.base==="light"?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}));newStyled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});newStyled.div(({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));newStyled.div({display:"flex",flexDirection:"row"});newStyled.div(({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}}));newStyled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));newStyled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});newStyled.div({flex:1,display:"flex",flexDirection:"row"});newStyled.div({display:"flex",alignItems:"flex-start"});newStyled.div({flex:"0 0 30%"});newStyled.div({flex:1});newStyled.div(({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base==="light"?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}));newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));newStyled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}));newStyled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));newStyled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});newStyled.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>react_default.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);__STORYBOOK_MODULE_GLOBAL__.global&&__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__===void 0&&(__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__=__export9$1(null),__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=__STORYBOOK_MODULE_GLOBAL__.global?__STORYBOOK_MODULE_GLOBAL__.global.__DOCS_CONTEXT__:__export9$1(null);var useOf=(moduleExportOrType,validTypes)=>__export20(DocsContext).resolveOf(moduleExportOrType,validTypes);function scrollToElement(element,block="start"){element.scrollIntoView({behavior:"smooth",block,inline:"nearest"});}function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=__export31({});return __export23$1(()=>{Promise.all(storyIds.map(async storyId=>{let story=await context.loadStory(storyId);setStories(current=>current[storyId]===story?current:{...current,[storyId]:story});}));}),storyIds.map(storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}})}function argsHash(args){return stringify(args)}var SourceContext=__export9$1({sources:{}}),UNKNOWN_ARGS_HASH="--unknown--",SourceContainer=({children,channel})=>{let[sources,setSources]=__export31({});return __export23$1(()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args=void 0,source,format:format2}=typeof idOrEvent=="string"?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):UNKNOWN_ARGS_HASH;setSources(current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}}));};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(SNIPPET_RENDERED,handleSnippetRendered)},[]),react_default.createElement(SourceContext.Provider,{value:{sources}},children)};var SourceState=(SourceState2=>(SourceState2.OPEN="open",SourceState2.CLOSED="closed",SourceState2.NONE="none",SourceState2))(SourceState||{}),getSourceState=stories=>{let states=stories.map(story=>story.parameters.docs?.source?.state).filter(Boolean);return states.length===0?"closed":states[0]},getStorySource=(storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.[UNKNOWN_ARGS_HASH]||{code:""}},getSnippet=({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||SourceType.AUTO;if(sourceParameters.code!==void 0)return sourceParameters.code;let code=type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||"";return sourceParameters.transformSource&&__STORYBOOK_MODULE_CLIENT_LOGGER__.deprecate(esm_default`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block `),storyContext.parameters.docs?.transformSource&&__STORYBOOK_MODULE_CLIENT_LOGGER__.deprecate(esm_default`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. @@ -12816,7 +12818,7 @@ var Wrapper=newStyled.div(withReset,({theme})=>({backgroundColor:theme.base==="l The Primary block should only be used to render the primary story, which is automatically found. `);let storyId=name&&docsContext.storyIdByName(name),story=docsContext.storyById(storyId);return story?react_default.createElement(DocsStory,{of:story.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null};var Heading2=({children,disableAnchor,...props})=>{if(disableAnchor||typeof children!="string")return react_default.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return react_default.createElement(HeaderMdx,{as:"h2",id:tagID,...props},children)};var StyledHeading=newStyled(Heading2)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:theme.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),Stories=({title,includePrimary=!0})=>{let{componentStories}=__export20(DocsContext),stories=componentStories().filter(story=>!story.parameters?.docs?.disable);return includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:react_default.createElement(react_default.Fragment,null,react_default.createElement(StyledHeading,null,title),stories.map(story=>story&&react_default.createElement(DocsStory,{key:story.id,of:story.moduleExport,expanded:!0,__forceInitialArgs:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>{let resolvedOf=useOf("meta",["meta"]),{stories}=resolvedOf.csfFile,isSingleStory=Object.keys(stories).length===1;return react_default.createElement(react_default.Fragment,null,react_default.createElement(Title3,null),react_default.createElement(Subtitle2,null),react_default.createElement(DescriptionContainer,{of:"meta"}),isSingleStory?react_default.createElement(DescriptionContainer,{of:"story"}):null,react_default.createElement(Primary,null),react_default.createElement(Controls3,null),isSingleStory?null:react_default.createElement(Stories,null))};function Docs({context,docsParameter}){let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return react_default.createElement(Container,{context,theme:docsParameter.theme},react_default.createElement(Page,null))}var ExternalDocsContext=class extends __STORYBOOK_MODULE_PREVIEW_API__.DocsContext{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[]);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.referenceMeta=(metaExports,attach)=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile),super.referenceMeta(metaExports,attach);};}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map;}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}};(class extends __STORYBOOK_MODULE_PREVIEW_API__.Preview{constructor(projectAnnotations){super(new __STORYBOOK_MODULE_CHANNELS__.Channel({}));this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap("./importPath/");this.titles=new ConstantMap("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:"story"};}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>__STORYBOOK_MODULE_PREVIEW_API__.composeConfigs([{parameters:{docs:{story:{inline:!0}}}},this.projectAnnotations])});}}); -var defaultComponents={code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx},ErrorBoundary=class extends __export1$1{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:react_default.createElement(react_default.Fragment,null,children)}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=Docs;return new Promise((resolve,reject)=>{import('./react-23524b9d.js').then(({MDXProvider})=>renderElement(react_default.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react_default.createElement(MDXProvider,{components},react_default.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve());})},this.unmount=element=>{unmountElement(element);};}}; +var defaultComponents={code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx},ErrorBoundary=class extends __export1$1{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:react_default.createElement(react_default.Fragment,null,children)}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=Docs;return new Promise((resolve,reject)=>{import('./react-2b4a5f1d.js').then(({MDXProvider})=>renderElement(react_default.createElement(ErrorBoundary,{showException:reject,key:Math.random()},react_default.createElement(MDXProvider,{components},react_default.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve());})},this.unmount=element=>{unmountElement(element);};}}; var DocsRendererNNNQARDV = /*#__PURE__*/Object.freeze({ __proto__: null, diff --git a/storybook/FieldGroup-e49bf5e9.js b/storybook/FieldGroup-b24f3aa9.js similarity index 61% rename from storybook/FieldGroup-e49bf5e9.js rename to storybook/FieldGroup-b24f3aa9.js index 6bfb0c67c1..7ad987d05e 100644 --- a/storybook/FieldGroup-e49bf5e9.js +++ b/storybook/FieldGroup-b24f3aa9.js @@ -1,17 +1,17 @@ import { M as ManageHelpText } from './manage-help-text-39f4c7ea.js'; import { i } from './lit-element-9354aa77.js'; import { x } from './lit-html-126adc72.js'; -import { n as n$1, S as SpectrumElement } from './define-element-43d4edd5.js'; +import { n, S as SpectrumElement } from './define-element-467f3dc4.js'; const o=i` :host{--spectrum-fieldgroup-margin:var(--spectrum-spacing-300);--spectrum-fieldgroup-readonly-delimiter:","}.spectrum-FieldGroup--toplabel{flex-direction:column}.spectrum-FieldGroup--sidelabel{flex-direction:row}.group{display:flex;flex-flow:column wrap}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--spectrum-fieldgroup-margin)}:host([horizontal]) .group .spectrum-HelpText{flex-basis:100%}:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(:not(:last-child)),:host([horizontal][dir=rtl]) slot:not([name])::slotted(:not(:last-child)){margin:0 0 0 var(--spectrum-fieldgroup-margin)}:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(:not(:last-child)),:host([horizontal][dir=ltr]) slot:not([name])::slotted(:not(:last-child)){margin:0 var(--spectrum-fieldgroup-margin) 0 0} -`;var m = o; +`;var b = o; -var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var l=(o,r,t,a)=>{for(var e=a>1?void 0:a?u(r,t):r,s=o.length-1,p;s>=0;s--)(p=o[s])&&(e=(a?p(r,t,e):p(e))||e);return a&&e&&n(r,t,e),e};class FieldGroup extends ManageHelpText(SpectrumElement,{mode:"external"}){constructor(){super(...arguments);this.horizontal=!1;this.invalid=!1;this.label="";this.vertical=!1;}static get styles(){return [m]}handleSlotchange(){}render(){return x` +var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var l=(o,r,e,a)=>{for(var t=a>1?void 0:a?u(r,e):r,s=o.length-1,p;s>=0;s--)(p=o[s])&&(t=(a?p(r,e,t):p(t))||t);return a&&t&&d(r,e,t),t};class FieldGroup extends ManageHelpText(SpectrumElement,{mode:"external"}){constructor(){super(...arguments);this.horizontal=!1;this.invalid=!1;this.label="";this.vertical=!1;}static get styles(){return [b]}handleSlotchange(){}render(){return x` ${this.renderHelpText(this.invalid)} - `}updated(t){super.updated(t),t.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"));}}l([n$1({type:Boolean,reflect:!0})],FieldGroup.prototype,"horizontal",2),l([n$1({type:Boolean,reflect:!0})],FieldGroup.prototype,"invalid",2),l([n$1()],FieldGroup.prototype,"label",2),l([n$1({type:Boolean,reflect:!0})],FieldGroup.prototype,"vertical",2); + `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("role")||this.setAttribute("role","group");}updated(e){super.updated(e),e.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"));}}l([n({type:Boolean,reflect:!0})],FieldGroup.prototype,"horizontal",2),l([n({type:Boolean,reflect:!0})],FieldGroup.prototype,"invalid",2),l([n()],FieldGroup.prototype,"label",2),l([n({type:Boolean,reflect:!0})],FieldGroup.prototype,"vertical",2); export { FieldGroup as F }; diff --git a/storybook/IconBase-fb970ebf.js b/storybook/IconBase-fdbfb1c1.js similarity index 97% rename from storybook/IconBase-fb970ebf.js rename to storybook/IconBase-fdbfb1c1.js index 83fa53197b..3a0f317708 100644 --- a/storybook/IconBase-fb970ebf.js +++ b/storybook/IconBase-fdbfb1c1.js @@ -1,5 +1,5 @@ import { i } from './lit-element-9354aa77.js'; -import { S as SpectrumElement, n } from './define-element-43d4edd5.js'; +import { S as SpectrumElement, n } from './define-element-467f3dc4.js'; import { x } from './lit-html-126adc72.js'; const s=i` diff --git a/storybook/Picker-e79148ca.js b/storybook/Picker-7a452146.js similarity index 98% rename from storybook/Picker-e79148ca.js rename to storybook/Picker-7a452146.js index 5ad0e78fcc..671cc33aa0 100644 --- a/storybook/Picker-e79148ca.js +++ b/storybook/Picker-7a452146.js @@ -1,18 +1,18 @@ import { i } from './lit-element-9354aa77.js'; import { b } from './spectrum-icon-chevron.css-d3283c08.js'; -import { F as Focusable } from './focusable-d03021f6.js'; -import './sp-icon-chevron100-cbc6bc68.js'; -import './sp-icon-alert-d34893d7.js'; -import './sp-menu-9cba47df.js'; +import { F as Focusable } from './focusable-df7b829e.js'; +import './sp-icon-chevron100-d31cf739.js'; +import './sp-icon-alert-107ad358.js'; +import './sp-menu-a6b50bf6.js'; import { M as MatchMediaController, I as IS_MOBILE } from './MatchMedia-0123f918.js'; import { o as o$1 } from './class-map-14530ec2.js'; import { o as o$2 } from './style-map-156e3c36.js'; -import { S as SizedMixin } from './sizedMixin-281e4c72.js'; +import { S as SizedMixin } from './sizedMixin-95b38e3e.js'; import { x, A } from './lit-html-126adc72.js'; import { l } from './if-defined-ae83b405.js'; -import { t } from './state-0afa7555.js'; +import { t } from './state-879d3fe4.js'; import { i as i$1 } from './query-d0113d5a.js'; -import { n as n$1 } from './define-element-43d4edd5.js'; +import { n as n$1 } from './define-element-467f3dc4.js'; const o=i` #button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;cursor:pointer;display:inline-flex;font-family:var( @@ -601,7 +601,7 @@ var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=(a,d,e,t class="picker ${$[this.size]}" > - `]}renderOverlay(e){return import('./sp-overlay-d157f34b.js').then(function (n) { return n.s; }),x` + `]}renderOverlay(e){return import('./sp-overlay-160eb278.js').then(function (n) { return n.s; }),x` `}renderContainer(e){const t=x` ${this.dismissHelper} ${e} ${this.dismissHelper} - `;return this.isMobile.matches?(import('./sp-tray-33d835a9.js'),x` + `;return this.isMobile.matches?(import('./sp-tray-1eef64a9.js'),x` ${t} - `):(import('./sp-popover-45f01f5b.js'),x` + `):(import('./sp-popover-adc6def6.js'),x` {for(var n=l>1?void 0:l?m(a,e):a,u=p.length-1,h;u>=0;u--)(h=p[u])&&(n=(l?h(a,e,n):h(n))||n);return l&&n&&c(a,e,n),n};const S=["text","url","tel","email","password"];class TextfieldBase extends ManageHelpText(SizedMixin(Focusable,{noDefaultSize:!0})){constructor(){super(...arguments);this.allowedKeys="";this.focused=!1;this.invalid=!1;this.label="";this.placeholder="";this._type="text";this.grows=!1;this.maxlength=-1;this.minlength=-1;this.multiline=!1;this.readonly=!1;this.rows=-1;this.valid=!1;this._value="";this.quiet=!1;this.required=!1;}static get styles(){return [$,E]}get type(){var e;return (e=S.find(l=>l===this._type))!=null?e:"text"}set type(e){const l=this._type;this._type=e,this.requestUpdate("type",l);}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l);}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,l,n="none"){this.inputElement.setSelectionRange(e,l,n);}select(){this.inputElement.select();}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const u=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(u,u);return}this.value=this.inputElement.value;}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}));}onFocus(){this.focused=!this.readonly&&!0;}onBlur(){this.focused=!this.readonly&&!1;}renderStateIcons(){return this.invalid?x` +var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(p,a,e,l)=>{for(var r=l>1?void 0:l?m(a,e):a,u=p.length-1,h;u>=0;u--)(h=p[u])&&(r=(l?h(a,e,r):h(r))||r);return l&&r&&c(a,e,r),r};const E=["text","url","tel","email","password"];class TextfieldBase extends ManageHelpText(SizedMixin(Focusable,{noDefaultSize:!0})){constructor(){super(...arguments);this.allowedKeys="";this.focused=!1;this.invalid=!1;this.label="";this.placeholder="";this._type="text";this.grows=!1;this.maxlength=-1;this.minlength=-1;this.multiline=!1;this.readonly=!1;this.rows=-1;this.valid=!1;this._value="";this.quiet=!1;this.required=!1;}static get styles(){return [$,S]}get type(){var e;return (e=E.find(l=>l===this._type))!=null?e:"text"}set type(e){const l=this._type;this._type=e,this.requestUpdate("type",l);}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l);}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,l,r="none"){this.inputElement.setSelectionRange(e,l,r);}select(){this.inputElement.select();}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const u=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(u,u);return}this.value=this.inputElement.value;}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}));}onFocus(){this.focused=!this.readonly&&!0;}onBlur(){this.focused=!this.readonly&&!1;}renderStateIcons(){return this.invalid?x` `:this.valid?x`