From 1d99c6306c7d17622ac72e8c0eded8024451f29f Mon Sep 17 00:00:00 2001 From: George Treviranus Date: Wed, 20 Mar 2019 18:09:20 -0700 Subject: [PATCH 01/31] update package-lock --- package-lock.json | 75 +++++++++++++++++++++++++++++------------------ 1 file changed, 47 insertions(+), 28 deletions(-) diff --git a/package-lock.json b/package-lock.json index 19d98038..5d0cdfe9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "undernet", - "version": "3.3.5", + "version": "3.3.7", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -1716,7 +1716,7 @@ }, "async": { "version": "1.5.2", - "resolved": "http://registry.npmjs.org/async/-/async-1.5.2.tgz", + "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz", "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=", "dev": true }, @@ -1980,7 +1980,7 @@ }, "babel-plugin-syntax-jsx": { "version": "6.18.0", - "resolved": "http://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=", "dev": true }, @@ -2274,7 +2274,7 @@ }, "browserify-aes": { "version": "1.2.0", - "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", + "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==", "dev": true, "requires": { @@ -2311,7 +2311,7 @@ }, "browserify-rsa": { "version": "4.0.1", - "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", + "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=", "dev": true, "requires": { @@ -2356,7 +2356,7 @@ }, "buffer": { "version": "4.9.1", - "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz", "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=", "dev": true, "requires": { @@ -3268,7 +3268,7 @@ }, "create-hash": { "version": "1.2.0", - "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", + "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==", "dev": true, "requires": { @@ -3281,7 +3281,7 @@ }, "create-hmac": { "version": "1.1.7", - "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", + "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==", "dev": true, "requires": { @@ -3939,7 +3939,7 @@ }, "diffie-hellman": { "version": "5.0.3", - "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", + "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==", "dev": true, "requires": { @@ -4748,7 +4748,7 @@ }, "finalhandler": { "version": "1.1.1", - "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", "dev": true, "requires": { @@ -4978,7 +4978,8 @@ "version": "2.1.1", "resolved": false, "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -5002,13 +5003,15 @@ "version": "1.0.0", "resolved": false, "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "resolved": false, "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -5025,19 +5028,22 @@ "version": "1.1.0", "resolved": false, "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=", - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", "resolved": false, "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", "resolved": false, "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -5168,7 +5174,8 @@ "version": "2.0.3", "resolved": false, "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -5182,6 +5189,7 @@ "resolved": false, "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -5198,6 +5206,7 @@ "resolved": false, "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -5206,13 +5215,15 @@ "version": "0.0.8", "resolved": false, "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.2.4", "resolved": false, "integrity": "sha512-hzXIWWet/BzWhYs2b+u7dRHlruXhwdgvlTMDKC6Cb1U7ps6Ac6yQlR39xsbjWJE377YTCtKwIXIpJ5oP+j5y8g==", "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -5233,6 +5244,7 @@ "resolved": false, "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -5321,7 +5333,8 @@ "version": "1.0.1", "resolved": false, "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", - "dev": true + "dev": true, + "optional": true }, "object-assign": { "version": "4.1.1", @@ -5335,6 +5348,7 @@ "resolved": false, "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -5430,7 +5444,8 @@ "version": "5.1.1", "resolved": false, "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==", - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -5472,6 +5487,7 @@ "resolved": false, "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -5493,6 +5509,7 @@ "resolved": false, "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -5541,13 +5558,15 @@ "version": "1.0.2", "resolved": false, "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.2", "resolved": false, "integrity": "sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k=", - "dev": true + "dev": true, + "optional": true } } }, @@ -6161,7 +6180,7 @@ }, "http-errors": { "version": "1.6.3", - "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", "dev": true, "requires": { @@ -7112,7 +7131,7 @@ }, "load-json-file": { "version": "1.1.0", - "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", + "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "dev": true, "requires": { @@ -7466,7 +7485,7 @@ "dependencies": { "minimist": { "version": "1.2.0", - "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true } @@ -10508,7 +10527,7 @@ "dependencies": { "convert-source-map": { "version": "0.3.5", - "resolved": "http://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz", "integrity": "sha1-8dgClQr33SYxof6+BZZVDIarMZA=", "dev": true } @@ -10707,7 +10726,7 @@ }, "os-locale": { "version": "1.4.0", - "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", + "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", "dev": true, "requires": { @@ -10954,7 +10973,7 @@ }, "sha.js": { "version": "2.4.11", - "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", + "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==", "dev": true, "requires": { @@ -13076,7 +13095,7 @@ }, "wrap-ansi": { "version": "2.1.0", - "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", "dev": true, "requires": { From 207bfd571bfac86b5315b920d1973ddad4d861d8 Mon Sep 17 00:00:00 2001 From: George Treviranus Date: Sun, 10 Mar 2019 16:52:55 -0700 Subject: [PATCH 02/31] adds tooltip doc and stylesheet --- docs/dropdowns.md | 2 +- docs/tooltips.md | 67 +++++++++++++++++++++++++++++++++++ scss/components/_tooltip.scss | 1 + scss/undernet.scss | 1 + src/layouts/Main/styles.scss | 1 + 5 files changed, 71 insertions(+), 1 deletion(-) create mode 100644 docs/tooltips.md create mode 100644 scss/components/_tooltip.scss diff --git a/docs/dropdowns.md b/docs/dropdowns.md index 32fbcd32..dcd8757f 100644 --- a/docs/dropdowns.md +++ b/docs/dropdowns.md @@ -30,7 +30,7 @@ Check out this example dropdown: If you don't want to include the little arrow pointing toward your dropdown button, you can flip it off using the variable `$dropdown-arrows-enabled`. It is set to `true` by default. -Alternatively, you can force the arrow to hide using `has-no-arrow` class on the `dropdown-menu` element +Alternatively, you can force the arrow to hide using the `has-no-arrow` class on the `dropdown-menu` element
diff --git a/docs/tooltips.md b/docs/tooltips.md new file mode 100644 index 00000000..62f8c763 --- /dev/null +++ b/docs/tooltips.md @@ -0,0 +1,67 @@ +Use tooltips to convey simple information with a hover or click action. + +## Basic Tooltip + +Check out this example tooltip: + +- `data-visible` on container +- `aria-describedby` on `data-target` using tooltip `id` +- adds `cursor: pointer` css property to body when open + + + Hover me! +
+

This is a tooltip. It can hold text-based content.

+

+ + +## Disable Tooltip Arrow + +If you don't want to include the little arrow pointing toward your tooltip trigger, you can flip it off using the variable `$tooltip-arrows-enabled`. It is set to `true` by default. + +Alternatively, you can force the arrow to hide using the `has-no-arrow` class on the `tooltip` element. + +## Use Custom Elements + +Tooltips can be used with any element. Even traditionally non-hoverable elements. + +## Direction + +Have the tooltip appear from the left, right, or bottom position by adding `is-pop-left`, `is-pop-right`, or `is-pop-down`, respectively. + +## Requirements + +Two main pieces are required: an API call and correct HTML markup. + +### HTML + +#### Container Attributes + +#### Trigger Attributes + +#### Tooltip Attributes + +#### Accessibility + +A few key attributes are added for you when the dropdown is instantiated. These help assistive technologies know how to treat and navigate through the component. + +[See WAI-ARIA documentation](https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html) on best-practices for the menu button UI pattern. + +#### Styling Classes + +A few classes will add the styling necessary of hide/show, and add menu positioning. + +### API + +Call one of the following scripts from Undernet's JavaScript (not both!). This should happen _only once_ on page load/component mount/etc. + +```js +Undernet.start() +``` + +```js +Undernet.Tooltips.start() +``` + +
+

Is this article inaccurate? Edit this page on Github!

diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss new file mode 100644 index 00000000..c82a20f3 --- /dev/null +++ b/scss/components/_tooltip.scss @@ -0,0 +1 @@ +_tooltip.scss \ No newline at end of file diff --git a/scss/undernet.scss b/scss/undernet.scss index 2dc0ddb5..7e799e9b 100644 --- a/scss/undernet.scss +++ b/scss/undernet.scss @@ -23,6 +23,7 @@ @import "components/dropdown"; @import "components/modal"; @import "components/accordion"; +@import "components/tooltip"; // } @import "helpers/scope-overrides"; diff --git a/src/layouts/Main/styles.scss b/src/layouts/Main/styles.scss index 2516107e..9bcbc595 100644 --- a/src/layouts/Main/styles.scss +++ b/src/layouts/Main/styles.scss @@ -14,6 +14,7 @@ @import "../../../scss/components/modal"; @import "../../../scss/components/accordion"; @import "../../../scss/components/dropdown"; +@import "../../../scss/components/tooltip"; // } @import "../../../scss/helpers/scope-overrides"; From eb59a4ffb0523253d92008664fb298e4b3269f03 Mon Sep 17 00:00:00 2001 From: George Treviranus Date: Sun, 10 Mar 2019 17:24:20 -0700 Subject: [PATCH 03/31] add js component --- docs/tooltips.md | 4 ---- js/src/components/tooltip.js | 27 +++++++++++++++++++++++++++ 2 files changed, 27 insertions(+), 4 deletions(-) create mode 100644 js/src/components/tooltip.js diff --git a/docs/tooltips.md b/docs/tooltips.md index 62f8c763..c892ec6c 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -4,10 +4,6 @@ Use tooltips to convey simple information with a hover or click action. Check out this example tooltip: -- `data-visible` on container -- `aria-describedby` on `data-target` using tooltip `id` -- adds `cursor: pointer` css property to body when open - Hover me!
diff --git a/js/src/components/tooltip.js b/js/src/components/tooltip.js new file mode 100644 index 00000000..73e19108 --- /dev/null +++ b/js/src/components/tooltip.js @@ -0,0 +1,27 @@ +import Utils from "../utils" + +const KeyCodes = {} +const Selectors = {} +const Events = {} +const Messages = {} + +// - `data-visible` on container +// - `aria-describedby` on trigger element using tooltip's id +// - adds `cursor: pointer` css property to body when open +// - add role="tooltip" to tooltip container + +class Tooltip { + constructor() {} + + // public + + start() {} + + stop() {} + + // private + + _render() {} + + _setupTooltips() {} +} From c1a50ed57a6d243174e55b82d1b8a4952b967f9b Mon Sep 17 00:00:00 2001 From: george Date: Mon, 11 Mar 2019 12:00:13 -0700 Subject: [PATCH 04/31] make data-visible a static attribute on html for tooltips --- docs/tooltips.md | 2 +- js/src/components/tooltip.js | 1 - scss/components/_tooltip.scss | 1 - 3 files changed, 1 insertion(+), 3 deletions(-) diff --git a/docs/tooltips.md b/docs/tooltips.md index c892ec6c..1ee59f2c 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -4,7 +4,7 @@ Use tooltips to convey simple information with a hover or click action. Check out this example tooltip: - + Hover me!

This is a tooltip. It can hold text-based content.

diff --git a/js/src/components/tooltip.js b/js/src/components/tooltip.js index 73e19108..ae67d3b3 100644 --- a/js/src/components/tooltip.js +++ b/js/src/components/tooltip.js @@ -5,7 +5,6 @@ const Selectors = {} const Events = {} const Messages = {} -// - `data-visible` on container // - `aria-describedby` on trigger element using tooltip's id // - adds `cursor: pointer` css property to body when open // - add role="tooltip" to tooltip container diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss index c82a20f3..e69de29b 100644 --- a/scss/components/_tooltip.scss +++ b/scss/components/_tooltip.scss @@ -1 +0,0 @@ -_tooltip.scss \ No newline at end of file From 9263b6966b260195951d04cb635901f26d69c0b0 Mon Sep 17 00:00:00 2001 From: George Treviranus Date: Tue, 12 Mar 2019 18:19:59 -0700 Subject: [PATCH 05/31] add tooltips doc page --- docs/tooltips.md | 10 +++++----- js/src/components/tooltip.js | 2 +- src/pages/Docs/DocsRoutes.js | 1 + src/pages/Docs/articles/tooltips.js | 20 ++++++++++++++++++++ src/routes.js | 1 + 5 files changed, 28 insertions(+), 6 deletions(-) create mode 100644 src/pages/Docs/articles/tooltips.js diff --git a/docs/tooltips.md b/docs/tooltips.md index 1ee59f2c..b186d70a 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -1,13 +1,13 @@ -Use tooltips to convey simple information with a hover or click action. +Use tooltips to convey simple information with a hover or click action. It can be used on any element. ## Basic Tooltip Check out this example tooltip: - Hover me! -

-

This is a tooltip. It can hold text-based content.

+ Hover me! +

+
This is a tooltip. It can hold text-based content.
@@ -23,7 +23,7 @@ Tooltips can be used with any element. Even traditionally non-hoverable elements ## Direction -Have the tooltip appear from the left, right, or bottom position by adding `is-pop-left`, `is-pop-right`, or `is-pop-down`, respectively. +Have the tooltip appear from the left, right, or bottom position by adding `is-drop-left`, `is-drop-right`, or `is-drop-down`, respectively. ## Requirements diff --git a/js/src/components/tooltip.js b/js/src/components/tooltip.js index ae67d3b3..2a526a42 100644 --- a/js/src/components/tooltip.js +++ b/js/src/components/tooltip.js @@ -5,7 +5,7 @@ const Selectors = {} const Events = {} const Messages = {} -// - `aria-describedby` on trigger element using tooltip's id +// - `aria-describedby` on trigger element using tooltip box's id // - adds `cursor: pointer` css property to body when open // - add role="tooltip" to tooltip container diff --git a/src/pages/Docs/DocsRoutes.js b/src/pages/Docs/DocsRoutes.js index 2a353fb5..21244213 100644 --- a/src/pages/Docs/DocsRoutes.js +++ b/src/pages/Docs/DocsRoutes.js @@ -30,6 +30,7 @@ export default function DocsRoutes() { + diff --git a/src/pages/Docs/articles/tooltips.js b/src/pages/Docs/articles/tooltips.js new file mode 100644 index 00000000..d213d4a0 --- /dev/null +++ b/src/pages/Docs/articles/tooltips.js @@ -0,0 +1,20 @@ +import React, { Fragment } from "react" +import Article from "components/Article" +import PageHeader from "components/PageHeader" +import SetMeta from "components/SetMeta" +import TooltipsMd from "docs/tooltips.md" + +const Tooltips = () => { + return ( + + + Tooltips +
{TooltipsMd}
+ + ) +} + +export default Tooltips diff --git a/src/routes.js b/src/routes.js index 9d02043e..ea400727 100644 --- a/src/routes.js +++ b/src/routes.js @@ -15,6 +15,7 @@ export const formsPath = "/docs/elements/forms" export const modalsPath = "/docs/components/modals" export const accordionsPath = "/docs/components/accordions" export const dropdownsPath = "/docs/components/dropdowns" +export const tooltipsPath = "/docs/components/tooltips" export const alignmentPath = "/docs/utilities/alignment" export const offsetOrderPath = "/docs/utilities/offset-order" From 113ee647063912b20b566b6385901255500fa7ee Mon Sep 17 00:00:00 2001 From: george Date: Thu, 21 Mar 2019 22:09:45 -0700 Subject: [PATCH 06/31] adds documentation around css-only implementation --- docs/tooltips.md | 62 ++++++++++++++++++--------- js/dist/{components => }/accordion.js | 0 js/dist/accordion.js.map | 1 + js/dist/components/accordion.js.map | 1 - js/dist/components/dropdown.js.map | 1 - js/dist/components/modal.js.map | 1 - js/dist/{components => }/dropdown.js | 0 js/dist/dropdown.js.map | 1 + js/dist/index.bundle.js | 9 ++-- js/dist/index.bundle.js.map | 2 +- js/dist/index.js | 6 +-- js/dist/index.js.map | 2 +- js/dist/{components => }/modal.js | 0 js/dist/modal.js.map | 1 + js/dist/tooltip.js | 39 +++++++++++++++++ js/dist/tooltip.js.map | 1 + js/src/{components => }/accordion.js | 2 +- js/src/components/tooltip.js | 26 ----------- js/src/{components => }/dropdown.js | 2 +- js/src/index.bundle.js | 5 +-- js/src/index.js | 6 +-- js/src/{components => }/modal.js | 2 +- 22 files changed, 103 insertions(+), 67 deletions(-) rename js/dist/{components => }/accordion.js (100%) create mode 100644 js/dist/accordion.js.map delete mode 100644 js/dist/components/accordion.js.map delete mode 100644 js/dist/components/dropdown.js.map delete mode 100644 js/dist/components/modal.js.map rename js/dist/{components => }/dropdown.js (100%) create mode 100644 js/dist/dropdown.js.map rename js/dist/{components => }/modal.js (100%) create mode 100644 js/dist/modal.js.map create mode 100644 js/dist/tooltip.js create mode 100644 js/dist/tooltip.js.map rename js/src/{components => }/accordion.js (99%) delete mode 100644 js/src/components/tooltip.js rename js/src/{components => }/dropdown.js (99%) rename js/src/{components => }/modal.js (99%) diff --git a/docs/tooltips.md b/docs/tooltips.md index b186d70a..ce488477 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -4,10 +4,10 @@ Use tooltips to convey simple information with a hover or click action. It can b Check out this example tooltip: - - Hover me! + +
-
This is a tooltip. It can hold text-based content.
+ This is a tooltip. It can hold text-based content.
@@ -17,47 +17,67 @@ If you don't want to include the little arrow pointing toward your tooltip trigg Alternatively, you can force the arrow to hide using the `has-no-arrow` class on the `tooltip` element. + + +
+ This is a tooltip. It can hold text-based content. +
+ + ## Use Custom Elements Tooltips can be used with any element. Even traditionally non-hoverable elements. + + Hover me! (this is a normal div) +
+ This is a tooltip. It can hold text-based content. +
+ + ## Direction Have the tooltip appear from the left, right, or bottom position by adding `is-drop-left`, `is-drop-right`, or `is-drop-down`, respectively. + + +
+ This is a tooltip. It can hold text-based content. +
+ + +
+ This is a tooltip. It can hold text-based content. +
+ + +
+ This is a tooltip. It can hold text-based content. +
+ + ## Requirements -Two main pieces are required: an API call and correct HTML markup. +Tooltips don't require JavaScript. All you need is the correct HTML structure. ### HTML -#### Container Attributes +#### Trigger Classes -#### Trigger Attributes - -#### Tooltip Attributes +- `tooltip-button`: Used to identify the tooltip container. Doesn't apply styling. #### Accessibility A few key attributes are added for you when the dropdown is instantiated. These help assistive technologies know how to treat and navigate through the component. +- `role`: Defines the element. It should equal `tooltip`. +- `aria-describedby`: Describes which element is the tooltip. It should equal the `id` of your tooltip. + [See WAI-ARIA documentation](https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html) on best-practices for the menu button UI pattern. #### Styling Classes -A few classes will add the styling necessary of hide/show, and add menu positioning. - -### API - -Call one of the following scripts from Undernet's JavaScript (not both!). This should happen _only once_ on page load/component mount/etc. - -```js -Undernet.start() -``` - -```js -Undernet.Tooltips.start() -``` +- `tooltip-box`: Adds tooltip styling.

Is this article inaccurate? Edit this page on Github!

diff --git a/js/dist/components/accordion.js b/js/dist/accordion.js similarity index 100% rename from js/dist/components/accordion.js rename to js/dist/accordion.js diff --git a/js/dist/accordion.js.map b/js/dist/accordion.js.map new file mode 100644 index 00000000..df4f3eb1 --- /dev/null +++ b/js/dist/accordion.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/accordion.js"],"names":["Selectors","DATA_ACCORDION","DATA_ACCORDION_ROW","DATA_VISIBLE","DATA_TARGET","DATA_TOGGLE_MULTIPLE","DATA_PARENT","ARIA_EXPANDED","ARIA_CONTROLS","ARIA_HIDDEN","ARIA_LABELLEDBY","TABINDEX","Events","CLICK","KEYDOWN","Messages","NO_VISIBLE_ERROR","id","NO_ROW_ERROR","NO_HEADER_ID_ERROR","NO_PARENT_ERROR","NO_CONTENT_ERROR","Accordion","_render","bind","_accordionButtons","_accordionContentsAttr","_accordionContents","_activeContainer","_activeButton","_activeAccordionRowId","_activeRowAttr","_activeRow","_activeContainerId","_activeContainerAttr","_activeContent","_activeButtonExpandState","_activeContentHiddenState","_headerLevels","accordionButtonSelector","_getPossibleAccordionButtonAttrs","document","querySelectorAll","length","forEach","button","_setupAccordion","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","_getAccordionRowAttr","querySelector","console","error","NO_ACCORDION_ERROR","getElementById","accordionButtonState","_closeAllIfToggleable","_toggleSelectedAccordion","buttonId","buttonContent","accordionRowAttr","accordionRow","buttonHeaderAttr","_getPossibleAccordionHeaderAttrs","buttonHeader","buttonContentChildren","setAttribute","contentShouldExpand","style","maxHeight","scrollHeight","element","attr","map","num","join","hasAttribute","allContentAttr","allRows","allContent","allButtons","content","_toggleAttributeInCollection","activeContentBlock","value","elements","attributeName","currentValue","newValue","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"../utils\"\n\nconst Selectors = {\n // unique\n DATA_ACCORDION: \"data-accordion\",\n DATA_ACCORDION_ROW: \"data-accordion-row\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_TARGET: \"data-target\",\n DATA_TOGGLE_MULTIPLE: \"data-toggle-multiple\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_EXPANDED: \"aria-expanded\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n TABINDEX: \"tabindex\",\n}\n\nconst Events = {\n CLICK: \"click\",\n KEYDOWN: \"keydown\",\n}\n\nconst Messages = {\n NO_VISIBLE_ERROR: id =>\n `Could not find parent with [data-visible] attribute associated with [data-target='${id}'].`,\n NO_ROW_ERROR: id => `Could not find [data-accordion-row] associated with ${id}.`,\n NO_HEADER_ID_ERROR: id => `Could not find header tag associated with [data-target='${id}'].`,\n NO_PARENT_ERROR: id => `Could not find [data-parent] associated with [data-target='${id}'].`,\n NO_CONTENT_ERROR: id =>\n `Could not find accordion content block with [id] ${id} associated with [data-target='${id}'].`,\n}\n\n/**\n * Accordion component class.\n * @module Accordion\n * @requires Utils\n */\nexport default class Accordion extends Utils {\n constructor() {\n super()\n\n // events\n this._render = this._render.bind(this)\n\n // all accordions\n this._accordionButtons = []\n this._accordionContentsAttr = \"\"\n this._accordionContents = []\n\n // active accordion\n this._activeContainer = {}\n this._activeButton = {}\n this._activeAccordionRowId = \"\"\n this._activeRowAttr = \"\"\n this._activeRow = \"\"\n this._activeContainerId = \"\"\n this._activeContainerAttr = \"\"\n this._activeContent = {}\n this._activeButtonExpandState = \"\"\n this._activeContentHiddenState = \"\"\n\n // other data\n this._headerLevels = [1, 2, 3, 4, 5, 6]\n }\n\n // public\n\n /**\n * Sets up accordion components and listens to buttons for events.\n * Begin listening to [data-accordion-button] elements\n */\n start() {\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(\n `[${Selectors.DATA_ACCORDION}]`\n )\n this._accordionButtons = document.querySelectorAll(accordionButtonSelector)\n\n if (this._accordionButtons.length) {\n this._accordionButtons.forEach(button => {\n this._setupAccordion(button)\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to accordion button events.\n */\n stop() {\n this._accordionButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Open accordion content associated with an accordion button.\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n\n this._activeButton = event.target\n this._activeAccordionRowId = this._activeButton.getAttribute(Selectors.DATA_TARGET)\n\n this._activeRowAttr = this._getAccordionRowAttr(this._activeAccordionRowId)\n this._activeRow = document.querySelector(this._activeRowAttr)\n\n if (!this._activeButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR(this._activeAccordionRowId))\n }\n\n this._activeContainerId = this._activeButton.getAttribute(Selectors.DATA_PARENT)\n this._activeContainerAttr = `[${Selectors.DATA_ACCORDION}='${this._activeContainerId}']`\n\n if (!document.querySelector(this._activeContainerAttr)) {\n return console.error(Messages.NO_ACCORDION_ERROR(this._activeContainerId))\n }\n\n this._activeContainer = document.querySelector(this._activeContainerAttr)\n this._activeContent = document.getElementById(this._activeAccordionRowId)\n\n const accordionButtonState = this._activeRow.getAttribute(Selectors.DATA_VISIBLE)\n\n this._activeButtonExpandState = accordionButtonState === \"true\" ? \"false\" : \"true\"\n this._activeContentHiddenState = this._activeButtonExpandState === \"false\" ? \"true\" : \"false\"\n\n this._closeAllIfToggleable()\n this._toggleSelectedAccordion()\n }\n\n /**\n * Add initial attributes to accordion elements.\n * @param {Element} button - A button element that triggers an accordion.\n */\n _setupAccordion(button) {\n const buttonId = button.getAttribute(Selectors.DATA_TARGET)\n\n if (!document.getElementById(buttonId)) {\n return console.error(Messages.NO_CONTENT_ERROR(buttonId))\n }\n\n const buttonContent = document.getElementById(buttonId)\n const accordionRowAttr = this._getAccordionRowAttr(buttonId)\n\n if (!document.querySelector(accordionRowAttr)) {\n return console.error(Messages.NO_ROW_ERROR(buttonId))\n }\n\n const accordionRow = document.querySelector(accordionRowAttr)\n const buttonHeaderAttr = this._getPossibleAccordionHeaderAttrs(accordionRowAttr)\n const buttonHeader = document.querySelectorAll(buttonHeaderAttr)[0]\n\n if (!buttonHeader || !buttonHeader.id) {\n console.error(Messages.NO_HEADER_ID_ERROR(buttonId))\n }\n\n const buttonContentChildren = getFocusableElements(`#${buttonContent.id}`)\n\n button.setAttribute(Selectors.ARIA_CONTROLS, buttonId)\n buttonContent.setAttribute(Selectors.ARIA_LABELLEDBY, buttonHeader.id)\n\n if (!accordionRow.getAttribute(Selectors.DATA_VISIBLE)) {\n return console.error(Messages.NO_VISIBLE_ERROR(buttonId))\n }\n\n const contentShouldExpand = accordionRow.getAttribute(Selectors.DATA_VISIBLE)\n if (contentShouldExpand === \"true\") {\n buttonContent.style.maxHeight = `${buttonContent.scrollHeight}px`\n button.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n } else {\n button.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n }\n\n /**\n * Build a selector string to match possible accordion buttons\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible button selectors\n */\n _getPossibleAccordionButtonAttrs(attr) {\n return this._headerLevels\n .map(\n num => `${attr} > [${Selectors.DATA_ACCORDION_ROW}] > h${num} [${Selectors.DATA_TARGET}]`\n )\n .join(\", \")\n }\n\n /**\n * Build a selector string to match possible accordion headers\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible header selectors\n */\n _getPossibleAccordionHeaderAttrs(attr) {\n return this._headerLevels.map(num => `${attr} > h${num}`).join(\", \")\n }\n\n /**\n * Build a unique accordion row attribute selector.\n * @param {String} id - An id value associated with a given Selectors.DATA_TARGET\n * @return {String} - A unique accordion row selector\n */\n _getAccordionRowAttr(id) {\n return `[${Selectors.DATA_ACCORDION_ROW}='${id}']`\n }\n\n /**\n * If toggling multiple rows at once isn't enabled, close all rows except the selected one.\n * This ensures the selected one can be closed if it's already open.\n */\n _closeAllIfToggleable() {\n if (this._activeContainer.hasAttribute(Selectors.DATA_TOGGLE_MULTIPLE)) return\n\n const allContentAttr = `${this._activeContainerAttr} [${Selectors.ARIA_HIDDEN}]`\n const allRows = document.querySelectorAll(\n `${this._activeContainerAttr} [${Selectors.DATA_VISIBLE}]`\n )\n const allContent = document.querySelectorAll(allContentAttr)\n\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(this._activeContainerAttr)\n const allButtons = document.querySelectorAll(accordionButtonSelector)\n\n allContent.forEach(content => {\n if (content !== this._activeContent) content.style.maxHeight = null\n })\n\n getFocusableElements(allContentAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n this._toggleAttributeInCollection(allRows, Selectors.DATA_VISIBLE, \"true\", \"false\")\n this._toggleAttributeInCollection(allButtons, Selectors.ARIA_EXPANDED, \"true\", \"false\")\n this._toggleAttributeInCollection(allContent, Selectors.ARIA_HIDDEN, \"false\", \"true\")\n }\n\n /**\n * Toggle the currently selected accordion button's content.\n */\n _toggleSelectedAccordion() {\n this._activeRow.setAttribute(Selectors.DATA_VISIBLE, this._activeButtonExpandState)\n this._activeButton.setAttribute(Selectors.ARIA_EXPANDED, this._activeButtonExpandState)\n this._activeContent.setAttribute(Selectors.ARIA_HIDDEN, this._activeContentHiddenState)\n\n const activeContentBlock = `#${this._activeAccordionRowId}`\n getFocusableElements(activeContentBlock).forEach(element => {\n const value = this._activeButtonExpandState === \"true\" ? \"0\" : \"-1\"\n element.setAttribute(Selectors.TABINDEX, value)\n })\n\n if (this._activeContent.style.maxHeight) {\n this._activeContent.style.maxHeight = null\n } else {\n this._activeContent.style.maxHeight = `${this._activeContent.scrollHeight}px`\n }\n }\n\n /**\n * Toggles a single attribute of a series of elements.\n * @param {Array} elements - An array of elements to be operated on.\n * @param {String} attributeName - An attribute to be changed.\n * @param {String} currentValue - The current value of attributeName\n * @param {String} newValue - The new value of attributeName\n */\n _toggleAttributeInCollection(elements, attributeName, currentValue, newValue) {\n elements.forEach(element => {\n if (element.hasAttribute(attributeName, currentValue)) {\n element.setAttribute(attributeName, newValue)\n }\n })\n }\n}\n"],"file":"accordion.js"} \ No newline at end of file diff --git a/js/dist/components/accordion.js.map b/js/dist/components/accordion.js.map deleted file mode 100644 index 3b79422e..00000000 --- a/js/dist/components/accordion.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../src/components/accordion.js"],"names":["Selectors","DATA_ACCORDION","DATA_ACCORDION_ROW","DATA_VISIBLE","DATA_TARGET","DATA_TOGGLE_MULTIPLE","DATA_PARENT","ARIA_EXPANDED","ARIA_CONTROLS","ARIA_HIDDEN","ARIA_LABELLEDBY","TABINDEX","Events","CLICK","KEYDOWN","Messages","NO_VISIBLE_ERROR","id","NO_ROW_ERROR","NO_HEADER_ID_ERROR","NO_PARENT_ERROR","NO_CONTENT_ERROR","Accordion","_render","bind","_accordionButtons","_accordionContentsAttr","_accordionContents","_activeContainer","_activeButton","_activeAccordionRowId","_activeRowAttr","_activeRow","_activeContainerId","_activeContainerAttr","_activeContent","_activeButtonExpandState","_activeContentHiddenState","_headerLevels","accordionButtonSelector","_getPossibleAccordionButtonAttrs","document","querySelectorAll","length","forEach","button","_setupAccordion","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","_getAccordionRowAttr","querySelector","console","error","NO_ACCORDION_ERROR","getElementById","accordionButtonState","_closeAllIfToggleable","_toggleSelectedAccordion","buttonId","buttonContent","accordionRowAttr","accordionRow","buttonHeaderAttr","_getPossibleAccordionHeaderAttrs","buttonHeader","buttonContentChildren","setAttribute","contentShouldExpand","style","maxHeight","scrollHeight","element","attr","map","num","join","hasAttribute","allContentAttr","allRows","allContent","allButtons","content","_toggleAttributeInCollection","activeContentBlock","value","elements","attributeName","currentValue","newValue","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"../utils\"\n\nconst Selectors = {\n // unique\n DATA_ACCORDION: \"data-accordion\",\n DATA_ACCORDION_ROW: \"data-accordion-row\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_TARGET: \"data-target\",\n DATA_TOGGLE_MULTIPLE: \"data-toggle-multiple\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_EXPANDED: \"aria-expanded\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n TABINDEX: \"tabindex\",\n}\n\nconst Events = {\n CLICK: \"click\",\n KEYDOWN: \"keydown\",\n}\n\nconst Messages = {\n NO_VISIBLE_ERROR: id =>\n `Could not find parent with [data-visible] attribute associated with [data-target='${id}'].`,\n NO_ROW_ERROR: id => `Could not find [data-accordion-row] associated with ${id}.`,\n NO_HEADER_ID_ERROR: id => `Could not find header tag associated with [data-target='${id}'].`,\n NO_PARENT_ERROR: id => `Could not find [data-parent] associated with [data-target='${id}'].`,\n NO_CONTENT_ERROR: id =>\n `Could not find accordion content block with [id] ${id} associated with [data-target='${id}'].`,\n}\n\n/**\n * Accordion component class.\n * @module Accordion\n * @requires Utils\n */\nexport default class Accordion extends Utils {\n constructor() {\n super()\n\n // events\n this._render = this._render.bind(this)\n\n // all accordions\n this._accordionButtons = []\n this._accordionContentsAttr = \"\"\n this._accordionContents = []\n\n // active accordion\n this._activeContainer = {}\n this._activeButton = {}\n this._activeAccordionRowId = \"\"\n this._activeRowAttr = \"\"\n this._activeRow = \"\"\n this._activeContainerId = \"\"\n this._activeContainerAttr = \"\"\n this._activeContent = {}\n this._activeButtonExpandState = \"\"\n this._activeContentHiddenState = \"\"\n\n // other data\n this._headerLevels = [1, 2, 3, 4, 5, 6]\n }\n\n // public\n\n /**\n * Sets up accordion components and listens to buttons for events.\n * Begin listening to [data-accordion-button] elements\n */\n start() {\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(\n `[${Selectors.DATA_ACCORDION}]`\n )\n this._accordionButtons = document.querySelectorAll(accordionButtonSelector)\n\n if (this._accordionButtons.length) {\n this._accordionButtons.forEach(button => {\n this._setupAccordion(button)\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to accordion button events.\n */\n stop() {\n this._accordionButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Open accordion content associated with an accordion button.\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n\n this._activeButton = event.target\n this._activeAccordionRowId = this._activeButton.getAttribute(Selectors.DATA_TARGET)\n\n this._activeRowAttr = this._getAccordionRowAttr(this._activeAccordionRowId)\n this._activeRow = document.querySelector(this._activeRowAttr)\n\n if (!this._activeButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR(this._activeAccordionRowId))\n }\n\n this._activeContainerId = this._activeButton.getAttribute(Selectors.DATA_PARENT)\n this._activeContainerAttr = `[${Selectors.DATA_ACCORDION}='${this._activeContainerId}']`\n\n if (!document.querySelector(this._activeContainerAttr)) {\n return console.error(Messages.NO_ACCORDION_ERROR(this._activeContainerId))\n }\n\n this._activeContainer = document.querySelector(this._activeContainerAttr)\n this._activeContent = document.getElementById(this._activeAccordionRowId)\n\n const accordionButtonState = this._activeRow.getAttribute(Selectors.DATA_VISIBLE)\n\n this._activeButtonExpandState = accordionButtonState === \"true\" ? \"false\" : \"true\"\n this._activeContentHiddenState = this._activeButtonExpandState === \"false\" ? \"true\" : \"false\"\n\n this._closeAllIfToggleable()\n this._toggleSelectedAccordion()\n }\n\n /**\n * Add initial attributes to accordion elements.\n * @param {Element} button - A button element that triggers an accordion.\n */\n _setupAccordion(button) {\n const buttonId = button.getAttribute(Selectors.DATA_TARGET)\n\n if (!document.getElementById(buttonId)) {\n return console.error(Messages.NO_CONTENT_ERROR(buttonId))\n }\n\n const buttonContent = document.getElementById(buttonId)\n const accordionRowAttr = this._getAccordionRowAttr(buttonId)\n\n if (!document.querySelector(accordionRowAttr)) {\n return console.error(Messages.NO_ROW_ERROR(buttonId))\n }\n\n const accordionRow = document.querySelector(accordionRowAttr)\n const buttonHeaderAttr = this._getPossibleAccordionHeaderAttrs(accordionRowAttr)\n const buttonHeader = document.querySelectorAll(buttonHeaderAttr)[0]\n\n if (!buttonHeader || !buttonHeader.id) {\n console.error(Messages.NO_HEADER_ID_ERROR(buttonId))\n }\n\n const buttonContentChildren = getFocusableElements(`#${buttonContent.id}`)\n\n button.setAttribute(Selectors.ARIA_CONTROLS, buttonId)\n buttonContent.setAttribute(Selectors.ARIA_LABELLEDBY, buttonHeader.id)\n\n if (!accordionRow.getAttribute(Selectors.DATA_VISIBLE)) {\n return console.error(Messages.NO_VISIBLE_ERROR(buttonId))\n }\n\n const contentShouldExpand = accordionRow.getAttribute(Selectors.DATA_VISIBLE)\n if (contentShouldExpand === \"true\") {\n buttonContent.style.maxHeight = `${buttonContent.scrollHeight}px`\n button.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n } else {\n button.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n }\n\n /**\n * Build a selector string to match possible accordion buttons\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible button selectors\n */\n _getPossibleAccordionButtonAttrs(attr) {\n return this._headerLevels\n .map(\n num => `${attr} > [${Selectors.DATA_ACCORDION_ROW}] > h${num} [${Selectors.DATA_TARGET}]`\n )\n .join(\", \")\n }\n\n /**\n * Build a selector string to match possible accordion headers\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible header selectors\n */\n _getPossibleAccordionHeaderAttrs(attr) {\n return this._headerLevels.map(num => `${attr} > h${num}`).join(\", \")\n }\n\n /**\n * Build a unique accordion row attribute selector.\n * @param {String} id - An id value associated with a given Selectors.DATA_TARGET\n * @return {String} - A unique accordion row selector\n */\n _getAccordionRowAttr(id) {\n return `[${Selectors.DATA_ACCORDION_ROW}='${id}']`\n }\n\n /**\n * If toggling multiple rows at once isn't enabled, close all rows except the selected one.\n * This ensures the selected one can be closed if it's already open.\n */\n _closeAllIfToggleable() {\n if (this._activeContainer.hasAttribute(Selectors.DATA_TOGGLE_MULTIPLE)) return\n\n const allContentAttr = `${this._activeContainerAttr} [${Selectors.ARIA_HIDDEN}]`\n const allRows = document.querySelectorAll(\n `${this._activeContainerAttr} [${Selectors.DATA_VISIBLE}]`\n )\n const allContent = document.querySelectorAll(allContentAttr)\n\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(this._activeContainerAttr)\n const allButtons = document.querySelectorAll(accordionButtonSelector)\n\n allContent.forEach(content => {\n if (content !== this._activeContent) content.style.maxHeight = null\n })\n\n getFocusableElements(allContentAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n this._toggleAttributeInCollection(allRows, Selectors.DATA_VISIBLE, \"true\", \"false\")\n this._toggleAttributeInCollection(allButtons, Selectors.ARIA_EXPANDED, \"true\", \"false\")\n this._toggleAttributeInCollection(allContent, Selectors.ARIA_HIDDEN, \"false\", \"true\")\n }\n\n /**\n * Toggle the currently selected accordion button's content.\n */\n _toggleSelectedAccordion() {\n this._activeRow.setAttribute(Selectors.DATA_VISIBLE, this._activeButtonExpandState)\n this._activeButton.setAttribute(Selectors.ARIA_EXPANDED, this._activeButtonExpandState)\n this._activeContent.setAttribute(Selectors.ARIA_HIDDEN, this._activeContentHiddenState)\n\n const activeContentBlock = `#${this._activeAccordionRowId}`\n getFocusableElements(activeContentBlock).forEach(element => {\n const value = this._activeButtonExpandState === \"true\" ? \"0\" : \"-1\"\n element.setAttribute(Selectors.TABINDEX, value)\n })\n\n if (this._activeContent.style.maxHeight) {\n this._activeContent.style.maxHeight = null\n } else {\n this._activeContent.style.maxHeight = `${this._activeContent.scrollHeight}px`\n }\n }\n\n /**\n * Toggles a single attribute of a series of elements.\n * @param {Array} elements - An array of elements to be operated on.\n * @param {String} attributeName - An attribute to be changed.\n * @param {String} currentValue - The current value of attributeName\n * @param {String} newValue - The new value of attributeName\n */\n _toggleAttributeInCollection(elements, attributeName, currentValue, newValue) {\n elements.forEach(element => {\n if (element.hasAttribute(attributeName, currentValue)) {\n element.setAttribute(attributeName, newValue)\n }\n })\n }\n}\n"],"file":"accordion.js"} \ No newline at end of file diff --git a/js/dist/components/dropdown.js.map b/js/dist/components/dropdown.js.map deleted file mode 100644 index a536f8c3..00000000 --- a/js/dist/components/dropdown.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../src/components/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_iosMobile","test","navigator","userAgent","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":"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","sourcesContent":["import Utils from \"../utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (this._iosMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (this._iosMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file diff --git a/js/dist/components/modal.js.map b/js/dist/components/modal.js.map deleted file mode 100644 index 802b98c7..00000000 --- a/js/dist/components/modal.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../src/components/modal.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_MODAL","DATA_MODAL_ID","DATA_MODAL_BUTTON","DATA_VISIBLE","DATA_CLOSE","DATA_TARGET","DATA_PARENT","ARIA_HIDDEN","ARIA_MODAL","ROLE","TABINDEX","NO_SCROLL","Events","KEYDOWN","CLICK","RESIZE","Messages","NO_TARGET_ERROR","NO_PARENT_ERROR","NO_ID_ERROR","id","Modal","_iosMobile","test","navigator","userAgent","_render","bind","_handleClose","_handleOverlayClick","_handleEscapeKeyPress","_modals","_modalButtons","_activeModalButton","_activeModalOverlay","_activeModal","_activeModalId","_activeModalOverlayAttr","_activeModalSelector","_activeModalCloseButtons","_modalContainerAttr","document","querySelectorAll","forEach","element","setAttribute","length","modal","_setupModal","button","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","console","error","querySelector","_handleScrollStop","captureFocus","focus","scrollTop","style","cursor","modalId","modalWrapper","_handleReturnFocus","_handleScrollRestore","releaseFocus","removeAttribute","which","body","classList","remove","add","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"../utils\"\n\nconst KeyCodes = {\n ESCAPE: 27,\n}\n\nconst Selectors = {\n // unique\n DATA_MODAL: \"data-modal\",\n DATA_MODAL_ID: \"data-modal-id\",\n DATA_MODAL_BUTTON: \"data-modal-button\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_CLOSE: \"data-close\",\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_MODAL: \"aria-modal\",\n ROLE: \"role\",\n TABINDEX: \"tabindex\",\n // classes\n NO_SCROLL: \"no-scroll\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n RESIZE: \"resize\",\n}\n\nconst Messages = {\n NO_TARGET_ERROR: `Could not find [data-target] attribute associated with a [data-modal-button] element.`,\n NO_PARENT_ERROR: `Could not find [data-parent] attribute associated with a [data-modal] element.`,\n NO_ID_ERROR: id =>\n `Could not find [data-modal-id='${id}'] associated with a [data-modal] element.`,\n}\n\n/**\n * Modal component class.\n * @module Modal\n * @requires Utils\n */\nexport default class Modal extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleOverlayClick = this._handleOverlayClick.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n\n // all modals\n this._modals = []\n this._modalButtons = []\n\n // active modal\n this._activeModalButton = {}\n this._activeModalOverlay = {}\n this._activeModal = {}\n this._activeModalId = \"\"\n this._activeModalOverlayAttr = \"\"\n this._activeModalSelector = \"\"\n this._activeModalCloseButtons = []\n\n // attribute helpers\n this._modalContainerAttr = `[${Selectors.DATA_MODAL}]`\n }\n\n // public\n\n /**\n * Add accessible attributes to modal containers\n * Begin listening to elements with [data-modal-button]\n */\n start() {\n this._modals = document.querySelectorAll(this._modalContainerAttr)\n this._modalButtons = document.querySelectorAll(`[${Selectors.DATA_MODAL_BUTTON}]`)\n\n getFocusableElements(this._modalContainerAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._modals.length) {\n this._modals.forEach(modal => {\n this._setupModal(modal)\n })\n }\n\n if (this._modalButtons.length) {\n this._modalButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to modal buttons\n */\n stop() {\n this._modalButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n this._activeModalButton = event.target\n\n if (!this._activeModalButton.getAttribute(Selectors.DATA_TARGET)) {\n return console.error(Messages.NO_TARGET_ERROR)\n }\n\n this._activeModalId = this._activeModalButton.getAttribute(Selectors.DATA_TARGET)\n this._activeModalOverlayAttr = `[${Selectors.DATA_MODAL_ID}=\"${this._activeModalId}\"]`\n\n if (!document.querySelector(this._activeModalOverlayAttr)) {\n return console.error(Messages.NO_ID_ERROR(this._activeModalId))\n }\n\n this._activeModalOverlay = document.querySelector(this._activeModalOverlayAttr)\n\n this._activeModalSelector = `${this._activeModalOverlayAttr} ${this._modalContainerAttr}`\n this._activeModal = document.querySelector(this._activeModalSelector)\n this._activeModalCloseButtons = document.querySelectorAll(\n `${this._activeModalOverlayAttr} [${Selectors.DATA_CLOSE}]`\n )\n\n // allow focusable elements to be focused\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n\n // capture focus, stop scrolling, and toggle attributes for visibility\n this._handleScrollStop()\n this.captureFocus(this._activeModalSelector)\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // focus the modal\n this._activeModal.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModal.focus()\n\n // offset slight scroll caused by this._activeModal.focus()\n this._activeModalOverlay.scrollTop = 0\n\n // on ios devices, let the modal close on overlay click\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"pointer\"\n }\n\n // begin listening to events\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n _setupModal(modal) {\n let modalId\n if (!modal.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n } else {\n modalId = modal.getAttribute(Selectors.DATA_PARENT)\n }\n\n let modalWrapper\n if (!document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)) {\n return console.error(Messages.NO_ID_ERROR(modalId))\n } else {\n modalWrapper = document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)\n }\n\n modalWrapper.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n modalWrapper.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n modal.setAttribute(Selectors.ARIA_MODAL, \"true\")\n modal.setAttribute(Selectors.ROLE, \"dialog\")\n }\n\n /**\n * Turn off event listeners and reset focus to last selected DOM node (button)\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n this._handleReturnFocus()\n this._handleScrollRestore()\n this.releaseFocus()\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n this._activeModal.removeAttribute(Selectors.TABINDEX)\n\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"auto\"\n }\n\n // stop listening to events\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.removeEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n /**\n * Handles click event on the modal background to close it.\n * @param {Object} event - The event object\n */\n _handleOverlayClick(event) {\n if (event.target === this._activeModalOverlay) {\n this._handleClose(event)\n }\n }\n\n /**\n * Handles escape key event to close the current modal\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Returns focus to the last focused element before the modal was called.\n * @param {Object} button - The current modal's corresponding button.\n */\n _handleReturnFocus() {\n this._activeModalButton.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModalButton.focus()\n this._activeModalButton.removeAttribute(Selectors.TABINDEX)\n }\n\n /**\n * Restores scroll behavior to and \n */\n _handleScrollRestore() {\n document.body.classList.remove(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.remove(Selectors.NO_SCROLL)\n }\n\n /**\n * Prevents scroll behavior on and \n */\n _handleScrollStop() {\n document.body.classList.add(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.add(Selectors.NO_SCROLL)\n }\n}\n"],"file":"modal.js"} \ No newline at end of file diff --git a/js/dist/components/dropdown.js b/js/dist/dropdown.js similarity index 100% rename from js/dist/components/dropdown.js rename to js/dist/dropdown.js diff --git a/js/dist/dropdown.js.map b/js/dist/dropdown.js.map new file mode 100644 index 00000000..7df6bd4b --- /dev/null +++ b/js/dist/dropdown.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_iosMobile","test","navigator","userAgent","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":"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","sourcesContent":["import Utils from \"../utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (this._iosMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (this._iosMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file diff --git a/js/dist/index.bundle.js b/js/dist/index.bundle.js index 1cd86e76..b14a4fce 100644 --- a/js/dist/index.bundle.js +++ b/js/dist/index.bundle.js @@ -3,6 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true }); +Object.defineProperty(exports, "Undernet", { + enumerable: true, + get: function get() { + return _index.default; + } +}); Object.defineProperty(exports, "Modals", { enumerable: true, get: function get() { @@ -27,13 +33,10 @@ Object.defineProperty(exports, "Utils", { return _index.Utils; } }); -exports.default = void 0; var _index = _interopRequireWildcard(require("./index")); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } } -var _default = _index.default; -exports.default = _default; window.Undernet = _index.default; //# sourceMappingURL=index.bundle.js.map \ No newline at end of file diff --git a/js/dist/index.bundle.js.map b/js/dist/index.bundle.js.map index 821cb46b..1803b4d9 100644 --- a/js/dist/index.bundle.js.map +++ b/js/dist/index.bundle.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.bundle.js"],"names":["Undernet","window"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;eAEeA,c;;AAGfC,MAAM,CAACD,QAAP,GAAkBA,cAAlB","sourcesContent":["import Undernet from \"./index\"\n\nexport default Undernet\nexport { Modals, Accordions, Dropdowns, Utils } from \"./index\"\n\nwindow.Undernet = Undernet\n"],"file":"index.bundle.js"} \ No newline at end of file +{"version":3,"sources":["../src/index.bundle.js"],"names":["window","Undernet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEAA,MAAM,CAACC,QAAP,GAAkBA,cAAlB","sourcesContent":["import Undernet from \"./index\"\n\nwindow.Undernet = Undernet\nexport { default as Undernet, Modals, Accordions, Dropdowns, Utils } from \"./index\"\n\n"],"file":"index.bundle.js"} \ No newline at end of file diff --git a/js/dist/index.js b/js/dist/index.js index 0b874f13..13c7fe11 100644 --- a/js/dist/index.js +++ b/js/dist/index.js @@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", { }); exports.default = exports.Utils = exports.Dropdowns = exports.Accordions = exports.Modals = void 0; -var _modal = _interopRequireDefault(require("./components/modal")); +var _modal = _interopRequireDefault(require("./modal")); -var _accordion = _interopRequireDefault(require("./components/accordion")); +var _accordion = _interopRequireDefault(require("./accordion")); -var _dropdown = _interopRequireDefault(require("./components/dropdown")); +var _dropdown = _interopRequireDefault(require("./dropdown")); var _utils = _interopRequireDefault(require("./utils")); diff --git a/js/dist/index.js.map b/js/dist/index.js.map index bf4a660b..cea99043 100644 --- a/js/dist/index.js.map +++ b/js/dist/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.js"],"names":["Modals","_Modals","Accordions","_Accordion","Dropdowns","_Dropdown","Utils","_Utils","Undernet","start","enableFocusOutline","stop","disableFocusOutline"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,MAAM,GAAG,IAAIC,cAAJ,EAAf;;AACA,IAAMC,UAAU,GAAG,IAAIC,kBAAJ,EAAnB;;AACA,IAAMC,SAAS,GAAG,IAAIC,iBAAJ,EAAlB;;AACA,IAAMC,KAAK,GAAG,IAAIC,cAAJ,EAAd;;AAEP,IAAMC,QAAQ,GAAG;AAEfR,EAAAA,MAAM,EAANA,MAFe;AAGfE,EAAAA,UAAU,EAAVA,UAHe;AAIfE,EAAAA,SAAS,EAATA,SAJe;AAOfE,EAAAA,KAAK,EAALA;AAPe,CAAjB;;AAUAE,QAAQ,CAACC,KAAT,GAAiB,YAAM;AAErBD,EAAAA,QAAQ,CAACR,MAAT,CAAgBS,KAAhB;AACAD,EAAAA,QAAQ,CAACN,UAAT,CAAoBO,KAApB;AACAD,EAAAA,QAAQ,CAACJ,SAAT,CAAmBK,KAAnB;AAGAD,EAAAA,QAAQ,CAACF,KAAT,CAAeI,kBAAf;AACD,CARD;;AAUAF,QAAQ,CAACG,IAAT,GAAgB,YAAM;AAEpBH,EAAAA,QAAQ,CAACR,MAAT,CAAgBW,IAAhB;AACAH,EAAAA,QAAQ,CAACN,UAAT,CAAoBS,IAApB;AACAH,EAAAA,QAAQ,CAACJ,SAAT,CAAmBO,IAAnB;AAGAH,EAAAA,QAAQ,CAACF,KAAT,CAAeM,mBAAf;AACD,CARD;;eAUeJ,Q","sourcesContent":["import _Modals from \"./components/modal\"\nimport _Accordion from \"./components/accordion\"\nimport _Dropdown from \"./components/dropdown\"\nimport _Utils from \"./utils\"\n\nexport const Modals = new _Modals()\nexport const Accordions = new _Accordion()\nexport const Dropdowns = new _Dropdown()\nexport const Utils = new _Utils()\n\nconst Undernet = {\n // Components\n Modals,\n Accordions,\n Dropdowns,\n\n // Utils\n Utils,\n}\n\nUndernet.start = () => {\n // Components\n Undernet.Modals.start()\n Undernet.Accordions.start()\n Undernet.Dropdowns.start()\n\n // Utils\n Undernet.Utils.enableFocusOutline()\n}\n\nUndernet.stop = () => {\n // Components\n Undernet.Modals.stop()\n Undernet.Accordions.stop()\n Undernet.Dropdowns.stop()\n\n // Utils\n Undernet.Utils.disableFocusOutline()\n}\n\nexport default Undernet\n"],"file":"index.js"} \ No newline at end of file +{"version":3,"sources":["../src/index.js"],"names":["Modals","_Modals","Accordions","_Accordion","Dropdowns","_Dropdown","Utils","_Utils","Undernet","start","enableFocusOutline","stop","disableFocusOutline"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,MAAM,GAAG,IAAIC,cAAJ,EAAf;;AACA,IAAMC,UAAU,GAAG,IAAIC,kBAAJ,EAAnB;;AACA,IAAMC,SAAS,GAAG,IAAIC,iBAAJ,EAAlB;;AACA,IAAMC,KAAK,GAAG,IAAIC,cAAJ,EAAd;;AAEP,IAAMC,QAAQ,GAAG;AAEfR,EAAAA,MAAM,EAANA,MAFe;AAGfE,EAAAA,UAAU,EAAVA,UAHe;AAIfE,EAAAA,SAAS,EAATA,SAJe;AAOfE,EAAAA,KAAK,EAALA;AAPe,CAAjB;;AAUAE,QAAQ,CAACC,KAAT,GAAiB,YAAM;AAErBD,EAAAA,QAAQ,CAACR,MAAT,CAAgBS,KAAhB;AACAD,EAAAA,QAAQ,CAACN,UAAT,CAAoBO,KAApB;AACAD,EAAAA,QAAQ,CAACJ,SAAT,CAAmBK,KAAnB;AAGAD,EAAAA,QAAQ,CAACF,KAAT,CAAeI,kBAAf;AACD,CARD;;AAUAF,QAAQ,CAACG,IAAT,GAAgB,YAAM;AAEpBH,EAAAA,QAAQ,CAACR,MAAT,CAAgBW,IAAhB;AACAH,EAAAA,QAAQ,CAACN,UAAT,CAAoBS,IAApB;AACAH,EAAAA,QAAQ,CAACJ,SAAT,CAAmBO,IAAnB;AAGAH,EAAAA,QAAQ,CAACF,KAAT,CAAeM,mBAAf;AACD,CARD;;eAUeJ,Q","sourcesContent":["import _Modals from \"./modal\"\nimport _Accordion from \"./accordion\"\nimport _Dropdown from \"./dropdown\"\nimport _Utils from \"./utils\"\n\nexport const Modals = new _Modals()\nexport const Accordions = new _Accordion()\nexport const Dropdowns = new _Dropdown()\nexport const Utils = new _Utils()\n\nconst Undernet = {\n // Components\n Modals,\n Accordions,\n Dropdowns,\n\n // Utils\n Utils,\n}\n\nUndernet.start = () => {\n // Components\n Undernet.Modals.start()\n Undernet.Accordions.start()\n Undernet.Dropdowns.start()\n\n // Utils\n Undernet.Utils.enableFocusOutline()\n}\n\nUndernet.stop = () => {\n // Components\n Undernet.Modals.stop()\n Undernet.Accordions.stop()\n Undernet.Dropdowns.stop()\n\n // Utils\n Undernet.Utils.disableFocusOutline()\n}\n\nexport default Undernet\n"],"file":"index.js"} \ No newline at end of file diff --git a/js/dist/components/modal.js b/js/dist/modal.js similarity index 100% rename from js/dist/components/modal.js rename to js/dist/modal.js diff --git a/js/dist/modal.js.map b/js/dist/modal.js.map new file mode 100644 index 00000000..15abb72f --- /dev/null +++ b/js/dist/modal.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/modal.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_MODAL","DATA_MODAL_ID","DATA_MODAL_BUTTON","DATA_VISIBLE","DATA_CLOSE","DATA_TARGET","DATA_PARENT","ARIA_HIDDEN","ARIA_MODAL","ROLE","TABINDEX","NO_SCROLL","Events","KEYDOWN","CLICK","RESIZE","Messages","NO_TARGET_ERROR","NO_PARENT_ERROR","NO_ID_ERROR","id","Modal","_iosMobile","test","navigator","userAgent","_render","bind","_handleClose","_handleOverlayClick","_handleEscapeKeyPress","_modals","_modalButtons","_activeModalButton","_activeModalOverlay","_activeModal","_activeModalId","_activeModalOverlayAttr","_activeModalSelector","_activeModalCloseButtons","_modalContainerAttr","document","querySelectorAll","forEach","element","setAttribute","length","modal","_setupModal","button","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","console","error","querySelector","_handleScrollStop","captureFocus","focus","scrollTop","style","cursor","modalId","modalWrapper","_handleReturnFocus","_handleScrollRestore","releaseFocus","removeAttribute","which","body","classList","remove","add","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"../utils\"\n\nconst KeyCodes = {\n ESCAPE: 27,\n}\n\nconst Selectors = {\n // unique\n DATA_MODAL: \"data-modal\",\n DATA_MODAL_ID: \"data-modal-id\",\n DATA_MODAL_BUTTON: \"data-modal-button\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_CLOSE: \"data-close\",\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_MODAL: \"aria-modal\",\n ROLE: \"role\",\n TABINDEX: \"tabindex\",\n // classes\n NO_SCROLL: \"no-scroll\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n RESIZE: \"resize\",\n}\n\nconst Messages = {\n NO_TARGET_ERROR: `Could not find [data-target] attribute associated with a [data-modal-button] element.`,\n NO_PARENT_ERROR: `Could not find [data-parent] attribute associated with a [data-modal] element.`,\n NO_ID_ERROR: id =>\n `Could not find [data-modal-id='${id}'] associated with a [data-modal] element.`,\n}\n\n/**\n * Modal component class.\n * @module Modal\n * @requires Utils\n */\nexport default class Modal extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleOverlayClick = this._handleOverlayClick.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n\n // all modals\n this._modals = []\n this._modalButtons = []\n\n // active modal\n this._activeModalButton = {}\n this._activeModalOverlay = {}\n this._activeModal = {}\n this._activeModalId = \"\"\n this._activeModalOverlayAttr = \"\"\n this._activeModalSelector = \"\"\n this._activeModalCloseButtons = []\n\n // attribute helpers\n this._modalContainerAttr = `[${Selectors.DATA_MODAL}]`\n }\n\n // public\n\n /**\n * Add accessible attributes to modal containers\n * Begin listening to elements with [data-modal-button]\n */\n start() {\n this._modals = document.querySelectorAll(this._modalContainerAttr)\n this._modalButtons = document.querySelectorAll(`[${Selectors.DATA_MODAL_BUTTON}]`)\n\n getFocusableElements(this._modalContainerAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._modals.length) {\n this._modals.forEach(modal => {\n this._setupModal(modal)\n })\n }\n\n if (this._modalButtons.length) {\n this._modalButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to modal buttons\n */\n stop() {\n this._modalButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n this._activeModalButton = event.target\n\n if (!this._activeModalButton.getAttribute(Selectors.DATA_TARGET)) {\n return console.error(Messages.NO_TARGET_ERROR)\n }\n\n this._activeModalId = this._activeModalButton.getAttribute(Selectors.DATA_TARGET)\n this._activeModalOverlayAttr = `[${Selectors.DATA_MODAL_ID}=\"${this._activeModalId}\"]`\n\n if (!document.querySelector(this._activeModalOverlayAttr)) {\n return console.error(Messages.NO_ID_ERROR(this._activeModalId))\n }\n\n this._activeModalOverlay = document.querySelector(this._activeModalOverlayAttr)\n\n this._activeModalSelector = `${this._activeModalOverlayAttr} ${this._modalContainerAttr}`\n this._activeModal = document.querySelector(this._activeModalSelector)\n this._activeModalCloseButtons = document.querySelectorAll(\n `${this._activeModalOverlayAttr} [${Selectors.DATA_CLOSE}]`\n )\n\n // allow focusable elements to be focused\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n\n // capture focus, stop scrolling, and toggle attributes for visibility\n this._handleScrollStop()\n this.captureFocus(this._activeModalSelector)\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // focus the modal\n this._activeModal.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModal.focus()\n\n // offset slight scroll caused by this._activeModal.focus()\n this._activeModalOverlay.scrollTop = 0\n\n // on ios devices, let the modal close on overlay click\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"pointer\"\n }\n\n // begin listening to events\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n _setupModal(modal) {\n let modalId\n if (!modal.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n } else {\n modalId = modal.getAttribute(Selectors.DATA_PARENT)\n }\n\n let modalWrapper\n if (!document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)) {\n return console.error(Messages.NO_ID_ERROR(modalId))\n } else {\n modalWrapper = document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)\n }\n\n modalWrapper.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n modalWrapper.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n modal.setAttribute(Selectors.ARIA_MODAL, \"true\")\n modal.setAttribute(Selectors.ROLE, \"dialog\")\n }\n\n /**\n * Turn off event listeners and reset focus to last selected DOM node (button)\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n this._handleReturnFocus()\n this._handleScrollRestore()\n this.releaseFocus()\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n this._activeModal.removeAttribute(Selectors.TABINDEX)\n\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"auto\"\n }\n\n // stop listening to events\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.removeEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n /**\n * Handles click event on the modal background to close it.\n * @param {Object} event - The event object\n */\n _handleOverlayClick(event) {\n if (event.target === this._activeModalOverlay) {\n this._handleClose(event)\n }\n }\n\n /**\n * Handles escape key event to close the current modal\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Returns focus to the last focused element before the modal was called.\n * @param {Object} button - The current modal's corresponding button.\n */\n _handleReturnFocus() {\n this._activeModalButton.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModalButton.focus()\n this._activeModalButton.removeAttribute(Selectors.TABINDEX)\n }\n\n /**\n * Restores scroll behavior to and \n */\n _handleScrollRestore() {\n document.body.classList.remove(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.remove(Selectors.NO_SCROLL)\n }\n\n /**\n * Prevents scroll behavior on and \n */\n _handleScrollStop() {\n document.body.classList.add(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.add(Selectors.NO_SCROLL)\n }\n}\n"],"file":"modal.js"} \ No newline at end of file diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js new file mode 100644 index 00000000..0aef5e9e --- /dev/null +++ b/js/dist/tooltip.js @@ -0,0 +1,39 @@ +"use strict"; + +var _utils = _interopRequireDefault(require("../utils")); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } + +function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } + +var KeyCodes = {}; +var Selectors = {}; +var Events = {}; +var Messages = {}; + +var Tooltip = function () { + function Tooltip() { + _classCallCheck(this, Tooltip); + } + + _createClass(Tooltip, [{ + key: "start", + value: function start() {} + }, { + key: "stop", + value: function stop() {} + }, { + key: "_render", + value: function _render() {} + }, { + key: "_setupTooltips", + value: function _setupTooltips() {} + }]); + + return Tooltip; +}(); +//# sourceMappingURL=tooltip.js.map \ No newline at end of file diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map new file mode 100644 index 00000000..10f385bb --- /dev/null +++ b/js/dist/tooltip.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","Selectors","Events","Messages","Tooltip"],"mappings":";;AAAA;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,EAAjB;AACA,IAAMC,SAAS,GAAG,EAAlB;AACA,IAAMC,MAAM,GAAG,EAAf;AACA,IAAMC,QAAQ,GAAG,EAAjB;;IAMMC,O;AACJ,qBAAc;AAAA;AAAE;;;;4BAIR,CAAE;;;2BAEH,CAAE;;;8BAIC,CAAE;;;qCAEK,CAAE","sourcesContent":["import Utils from \"../utils\"\n\nconst KeyCodes = {}\nconst Selectors = {}\nconst Events = {}\nconst Messages = {}\n\n// - `aria-describedby` on trigger element using tooltip box's id\n// - adds `cursor: pointer` css property to body when open\n// - add role=\"tooltip\" to tooltip container\n\nclass Tooltip {\n constructor() {}\n\n // public\n\n start() {}\n\n stop() {}\n\n // private\n\n _render() {}\n\n _setupTooltips() {}\n}\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/components/accordion.js b/js/src/accordion.js similarity index 99% rename from js/src/components/accordion.js rename to js/src/accordion.js index 50c98dbd..5a489f20 100644 --- a/js/src/components/accordion.js +++ b/js/src/accordion.js @@ -1,4 +1,4 @@ -import Utils, { getFocusableElements } from "../utils" +import Utils, { getFocusableElements } from "./utils" const Selectors = { // unique diff --git a/js/src/components/tooltip.js b/js/src/components/tooltip.js deleted file mode 100644 index 2a526a42..00000000 --- a/js/src/components/tooltip.js +++ /dev/null @@ -1,26 +0,0 @@ -import Utils from "../utils" - -const KeyCodes = {} -const Selectors = {} -const Events = {} -const Messages = {} - -// - `aria-describedby` on trigger element using tooltip box's id -// - adds `cursor: pointer` css property to body when open -// - add role="tooltip" to tooltip container - -class Tooltip { - constructor() {} - - // public - - start() {} - - stop() {} - - // private - - _render() {} - - _setupTooltips() {} -} diff --git a/js/src/components/dropdown.js b/js/src/dropdown.js similarity index 99% rename from js/src/components/dropdown.js rename to js/src/dropdown.js index 4a21f46c..f4bb408c 100644 --- a/js/src/components/dropdown.js +++ b/js/src/dropdown.js @@ -1,4 +1,4 @@ -import Utils from "../utils" +import Utils from "./utils" const KeyCodes = { TAB: 9, diff --git a/js/src/index.bundle.js b/js/src/index.bundle.js index 0052c927..0e8e1789 100644 --- a/js/src/index.bundle.js +++ b/js/src/index.bundle.js @@ -1,6 +1,5 @@ import Undernet from "./index" -export default Undernet -export { Modals, Accordions, Dropdowns, Utils } from "./index" - window.Undernet = Undernet +export { default as Undernet, Modals, Accordions, Dropdowns, Utils } from "./index" + diff --git a/js/src/index.js b/js/src/index.js index 3bd6a670..de218a9a 100644 --- a/js/src/index.js +++ b/js/src/index.js @@ -1,6 +1,6 @@ -import _Modals from "./components/modal" -import _Accordion from "./components/accordion" -import _Dropdown from "./components/dropdown" +import _Modals from "./modal" +import _Accordion from "./accordion" +import _Dropdown from "./dropdown" import _Utils from "./utils" export const Modals = new _Modals() diff --git a/js/src/components/modal.js b/js/src/modal.js similarity index 99% rename from js/src/components/modal.js rename to js/src/modal.js index 534f4601..0e7861ff 100644 --- a/js/src/components/modal.js +++ b/js/src/modal.js @@ -1,4 +1,4 @@ -import Utils, { getFocusableElements } from "../utils" +import Utils, { getFocusableElements } from "./utils" const KeyCodes = { ESCAPE: 27, From 6dc0698cd1aa69117105ac4aa6e00958c35607bf Mon Sep 17 00:00:00 2001 From: george Date: Fri, 22 Mar 2019 18:02:49 -0700 Subject: [PATCH 07/31] update tooltip html structure to be simpler (and accessibility-wise accurate) --- docs/tooltips.md | 60 +++++++++++++++++++++--------------------------- 1 file changed, 26 insertions(+), 34 deletions(-) diff --git a/docs/tooltips.md b/docs/tooltips.md index ce488477..50e980b6 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -4,12 +4,10 @@ Use tooltips to convey simple information with a hover or click action. It can b Check out this example tooltip: - - -
- This is a tooltip. It can hold text-based content. -
- + + ## Disable Tooltip Arrow @@ -17,44 +15,38 @@ If you don't want to include the little arrow pointing toward your tooltip trigg Alternatively, you can force the arrow to hide using the `has-no-arrow` class on the `tooltip` element. - - -
- This is a tooltip. It can hold text-based content. -
- + + ## Use Custom Elements Tooltips can be used with any element. Even traditionally non-hoverable elements. - - Hover me! (this is a normal div) -
- This is a tooltip. It can hold text-based content. -
- +
Hover me!
+ + +*CAUTION: If you go this route, you need to ensure the element behaves functionally the same as a button element, to ensure its focus is handled correctly.* ## Direction Have the tooltip appear from the left, right, or bottom position by adding `is-drop-left`, `is-drop-right`, or `is-drop-down`, respectively. - - -
- This is a tooltip. It can hold text-based content. -
- - -
- This is a tooltip. It can hold text-based content. -
- - -
- This is a tooltip. It can hold text-based content. -
- + + + + + + ## Requirements From 001a0dd6675fd01922ed3d7a1a619bee68886c01 Mon Sep 17 00:00:00 2001 From: george Date: Fri, 22 Mar 2019 22:59:59 -0700 Subject: [PATCH 08/31] add tooltip styling --- docs/tooltips.md | 66 +++++++++------- scss/_config.scss | 12 +-- scss/components/_dropdown.scss | 138 ++++++++++++++------------------- scss/components/_tooltip.scss | 90 +++++++++++++++++++++ scss/helpers/_mixins.scss | 128 ++++++++++++++++-------------- src/pages/Docs/nav-data.js | 2 + 6 files changed, 265 insertions(+), 171 deletions(-) diff --git a/docs/tooltips.md b/docs/tooltips.md index 50e980b6..f0b786d8 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -4,10 +4,12 @@ Use tooltips to convey simple information with a hover or click action. It can b Check out this example tooltip: - - + + + + ## Disable Tooltip Arrow @@ -15,19 +17,23 @@ If you don't want to include the little arrow pointing toward your tooltip trigg Alternatively, you can force the arrow to hide using the `has-no-arrow` class on the `tooltip` element. - - + + + + ## Use Custom Elements -Tooltips can be used with any element. Even traditionally non-hoverable elements. +Tooltips can be used with any element. Even traditionally non-hoverable elements, such as `div`s. -
Hover me!
- + + Hover me! + + *CAUTION: If you go this route, you need to ensure the element behaves functionally the same as a button element, to ensure its focus is handled correctly.* @@ -35,18 +41,26 @@ Tooltips can be used with any element. Even traditionally non-hoverable elements Have the tooltip appear from the left, right, or bottom position by adding `is-drop-left`, `is-drop-right`, or `is-drop-down`, respectively. - - - - - - + + + + + + + + + + + + + + ## Requirements @@ -60,7 +74,7 @@ Tooltips don't require JavaScript. All you need is the correct HTML structure. #### Accessibility -A few key attributes are added for you when the dropdown is instantiated. These help assistive technologies know how to treat and navigate through the component. +A few key attributes are needed for tooltips to be accessible. These help assistive technologies know how to treat and navigate through the component. - `role`: Defines the element. It should equal `tooltip`. - `aria-describedby`: Describes which element is the tooltip. It should equal the `id` of your tooltip. diff --git a/scss/_config.scss b/scss/_config.scss index bb1f3217..54129e19 100644 --- a/scss/_config.scss +++ b/scss/_config.scss @@ -99,7 +99,9 @@ $arrow-size: 7px; // z-index values for overlay elements, e.g. dropdowns and modals. $modal-index: 2000 !default; $dropdown-menu-index: 1999 !default; -$dropdown-menu-index-in-modal: 2001 !default; +$dropdown-menu-index-in-modal: 2002 !default; +$tooltip-index: 1998 !default; +$tooltip-index-in-modal: 2001 !default; // 2. Grid // ------- @@ -705,10 +707,6 @@ $accordion-content-background: $white !default; $dropdown-arrows-enabled: true; $dropdown-border-color: $gray900 !default; -$dropdown-arrow-offset: 12px; -$dropdown-arrow-fill-color: $white; -$dropdown-arrow-border-color: $dropdown-border-color; - $dropdown-button-arrow: "\25bc" !default; $dropdown-button-arrow-padding: 0 0 0 8px !default; $dropdown-button-arrow-font-size: 12px !default; @@ -722,6 +720,10 @@ $dropdown-menu-background-color: $white !default; $dropdown-menu-width: 200px !default; $dropdown-menu-border: 1px solid $dropdown-border-color !default; +$dropdown-arrow-offset: 12px; +$dropdown-arrow-fill-color: $dropdown-menu-background-color; +$dropdown-arrow-border-color: $dropdown-border-color; + $dropdown-menu-button-padding: 8px 12px !default; $dropdown-menu-button-text-color: $gray400 !default; diff --git a/scss/components/_dropdown.scss b/scss/components/_dropdown.scss index 0ddd5d1b..1868ac20 100644 --- a/scss/components/_dropdown.scss +++ b/scss/components/_dropdown.scss @@ -43,97 +43,75 @@ z-index: $dropdown-menu-index-in-modal; } - &:not(.has-no-arrow) { - @if $dropdown-arrows-enabled { - @include up-arrow( - $dropdown-arrow-offset, - $dropdown-arrow-fill-color, - $dropdown-arrow-border-color - ); - } - } - - @include breakpoint-up($dropdown-menu-direction-breakpoint) { - &.is-drop-up { - bottom: 100%; - margin-bottom: $global-space; - - &:not(.has-no-arrow) { - @if $dropdown-arrows-enabled { - @include down-arrow( - $dropdown-arrow-offset, - $dropdown-arrow-fill-color, - $dropdown-arrow-border-color - ); - } + @if $dropdown-arrows-enabled { + @include up-arrow( + $dropdown-arrow-offset, + $dropdown-arrow-fill-color, + $dropdown-arrow-border-color + ); + + @include breakpoint-up($dropdown-menu-direction-breakpoint) { + &.is-drop-up { + bottom: 100%; + margin-bottom: $global-space; + + @include down-arrow( + $dropdown-arrow-offset, + $dropdown-arrow-fill-color, + $dropdown-arrow-border-color + ); } - } - &.is-drop-left { - right: 100%; - margin-right: $global-space; - top: 0; - - &:not(.has-no-arrow) { - @if $dropdown-arrows-enabled { - @include right-arrow( - $dropdown-arrow-offset, - $dropdown-arrow-fill-color, - $dropdown-arrow-border-color - ); - } + &.is-drop-left { + right: 100%; + margin-right: $global-space; + top: 0; + + @include right-arrow( + $dropdown-arrow-offset, + $dropdown-arrow-fill-color, + $dropdown-arrow-border-color + ); } - } - &.is-drop-right { - left: 100%; - margin-left: $global-space; - top: 0; - - &:not(.has-no-arrow) { - @if $dropdown-arrows-enabled { - @include left-arrow( - $dropdown-arrow-offset, - $dropdown-arrow-fill-color, - $dropdown-arrow-border-color - ); - } + &.is-drop-right { + left: 100%; + margin-left: $global-space; + top: 0; + + @include left-arrow( + $dropdown-arrow-offset, + $dropdown-arrow-fill-color, + $dropdown-arrow-border-color + ); } - } - &.is-aligned-right { - right: 0; + &.is-aligned-right { + right: 0; - &:not(.has-no-arrow) { - @if $dropdown-arrows-enabled { - &::after { - left: auto; - right: $dropdown-arrow-offset; - } + &::after { + left: auto; + right: $dropdown-arrow-offset; + } - &::before { - left: auto; - right: $dropdown-arrow-offset; - } + &::before { + left: auto; + right: $dropdown-arrow-offset; } } - } - &.is-aligned-bottom { - top: auto; - bottom: $global-space; - - &:not(.has-no-arrow) { - @if $dropdown-arrows-enabled { - &::after { - top: auto; - bottom: $dropdown-arrow-offset; - } - - &::before { - top: auto; - bottom: $dropdown-arrow-offset; - } + &.is-aligned-bottom { + top: auto; + bottom: $global-space; + + &::after { + top: auto; + bottom: $dropdown-arrow-offset; + } + + &::before { + top: auto; + bottom: $dropdown-arrow-offset; } } } diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss index e69de29b..addd2d60 100644 --- a/scss/components/_tooltip.scss +++ b/scss/components/_tooltip.scss @@ -0,0 +1,90 @@ +.tooltip { + position: relative; + display: inline-block; +} + +.tooltip-box { + padding: $global-space / 2; + border-radius: $global-border-radius; + background: $gray100; + margin: 0; + position: absolute; + display: block; + opacity: 0; + transition: opacity $global-transition; + pointer-events: none; + min-width: 150px; + max-width: 250px; + text-align: center; + border: 1px solid $gray100; + z-index: $tooltip-index; + color: $white; + font-size: 14px; + margin: 0 0 $global-space; + bottom: 100%; + // `left` should be set in javascript --> half the width of the tooltip trigger + + .modal-dialog & { + z-index: $tooltip-index-in-modal; + } + + @if $dropdown-arrows-enabled { + @include down-arrow( + calc(50% - #{$arrow-size}), + $gray100, + $gray100 + ); + + @include breakpoint-up($dropdown-menu-direction-breakpoint) { + &.is-drop-right { + left: 100%; + margin: 0 0 0 $global-space; + bottom: auto; + top: 0; // should be set in javascript --> half the height of the tooltip trigger + + @include left-arrow( + calc(50% - #{$arrow-size}), + $gray100, + $gray100 + ); + } + + &.is-drop-left { + right: 100%; + margin: 0 $global-space 0 0; + bottom: auto; + top: 0; // should be set in javascript --> half the height of the tooltip trigger + + @include right-arrow( + calc(50% - #{$arrow-size}), + $gray100, + $gray100 + ); + } + + &.is-drop-down { + top: 100%; + margin: 0; + bottom: auto; + // `left` should be set in javascript --> half the width of the tooltip trigger + + @include up-arrow( + calc(50% - #{$arrow-size}), + $gray100, + $gray100 + ); + } + } + } +} + +.tooltip-button { + display: inline-block; + + &:hover { + + .tooltip-box { + opacity: 1; + pointer-events: auto; + } + } +} diff --git a/scss/helpers/_mixins.scss b/scss/helpers/_mixins.scss index 928364d7..97ee0be8 100644 --- a/scss/helpers/_mixins.scss +++ b/scss/helpers/_mixins.scss @@ -83,82 +83,90 @@ $arrow-border-position: $arrow-size * -2 - 1px; } @mixin up-arrow($edge-offset, $fill-color, $border-color) { - &::after { - @include arrow-base; - border-bottom: $arrow-size solid $fill-color; - top: $arrow-fill-position; - left: $edge-offset; - right: auto; - bottom: auto; - } + &:not(.has-no-arrow) { + &::after { + @include arrow-base; + border-bottom: $arrow-size solid $fill-color; + top: $arrow-fill-position; + left: $edge-offset; + right: auto; + bottom: auto; + } - &::before { - @include arrow-base; - border-bottom: $arrow-size solid $border-color; - top: $arrow-border-position; - left: $edge-offset; - right: auto; - bottom: auto; + &::before { + @include arrow-base; + border-bottom: $arrow-size solid $border-color; + top: $arrow-border-position; + left: $edge-offset; + right: auto; + bottom: auto; + } } } @mixin down-arrow($edge-offset, $fill-color, $border-color) { - &::after { - @include arrow-base; - border-top: $arrow-size solid $fill-color; - bottom: $arrow-fill-position; - left: $edge-offset; - top: auto; - right: auto; - } + &:not(.has-no-arrow) { + &::after { + @include arrow-base; + border-top: $arrow-size solid $fill-color; + bottom: $arrow-fill-position; + left: $edge-offset; + top: auto; + right: auto; + } - &::before { - @include arrow-base; - border-top: $arrow-size solid $border-color; - bottom: $arrow-border-position; - left: $edge-offset; - top: auto; - right: auto; + &::before { + @include arrow-base; + border-top: $arrow-size solid $border-color; + bottom: $arrow-border-position; + left: $edge-offset; + top: auto; + right: auto; + } } } @mixin right-arrow($edge-offset, $fill-color, $border-color) { - &::after { - @include arrow-base; - border-left: $arrow-size solid $fill-color; - right: $arrow-fill-position; - top: $edge-offset; - left: auto; - bottom: auto; - } + &:not(.has-no-arrow) { + &::after { + @include arrow-base; + border-left: $arrow-size solid $fill-color; + right: $arrow-fill-position; + top: $edge-offset; + left: auto; + bottom: auto; + } - &::before { - @include arrow-base; - border-left: $arrow-size solid $border-color; - right: $arrow-border-position; - top: $edge-offset; - left: auto; - bottom: auto; + &::before { + @include arrow-base; + border-left: $arrow-size solid $border-color; + right: $arrow-border-position; + top: $edge-offset; + left: auto; + bottom: auto; + } } } @mixin left-arrow($edge-offset, $fill-color, $border-color) { - &::after { - @include arrow-base; - border-right: $arrow-size solid $fill-color; - left: $arrow-fill-position; - top: $edge-offset; - bottom: auto; - right: auto; - } + &:not(.has-no-arrow) { + &::after { + @include arrow-base; + border-right: $arrow-size solid $fill-color; + left: $arrow-fill-position; + top: $edge-offset; + bottom: auto; + right: auto; + } - &::before { - @include arrow-base; - border-right: $arrow-size solid $border-color; - left: $arrow-border-position; - top: $edge-offset; - bottom: auto; - right: auto; + &::before { + @include arrow-base; + border-right: $arrow-size solid $border-color; + left: $arrow-border-position; + top: $edge-offset; + bottom: auto; + right: auto; + } } } diff --git a/src/pages/Docs/nav-data.js b/src/pages/Docs/nav-data.js index 42962c0f..89a557ea 100644 --- a/src/pages/Docs/nav-data.js +++ b/src/pages/Docs/nav-data.js @@ -11,6 +11,7 @@ import { modalsPath, accordionsPath, dropdownsPath, + tooltipsPath, alignmentPath, offsetOrderPath, textPath, @@ -45,6 +46,7 @@ export const NAV_DATA = [ { name: "Modals", url: modalsPath }, { name: "Accordions", url: accordionsPath }, { name: "Dropdowns", url: dropdownsPath }, + { name: "Tooltips", url: tooltipsPath }, ], }, { From 4c12e9a97ca15e3f1a46516c35a693dcd525d65c Mon Sep 17 00:00:00 2001 From: george Date: Fri, 22 Mar 2019 23:19:06 -0700 Subject: [PATCH 09/31] add tooltip js with notes on needs --- docs/tooltips.md | 32 +++++++++++++++++++++++--------- js/dist/accordion.js | 2 +- js/dist/accordion.js.map | 2 +- js/dist/dropdown.js | 2 +- js/dist/dropdown.js.map | 2 +- js/dist/index.bundle.js | 6 ++++++ js/dist/index.bundle.js.map | 2 +- js/dist/index.js | 11 ++++++++--- js/dist/index.js.map | 2 +- js/dist/modal.js | 2 +- js/dist/modal.js.map | 2 +- js/dist/tooltip.js | 15 ++++++--------- js/dist/tooltip.js.map | 2 +- js/src/index.bundle.js | 2 +- js/src/index.js | 6 +++++- js/src/tooltip.js | 15 +++++++++++++++ scss/components/_tooltip.scss | 2 +- 17 files changed, 74 insertions(+), 33 deletions(-) create mode 100644 js/src/tooltip.js diff --git a/docs/tooltips.md b/docs/tooltips.md index f0b786d8..f0fa9b16 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -5,7 +5,7 @@ Use tooltips to convey simple information with a hover or click action. It can b Check out this example tooltip: - + @@ -18,7 +18,7 @@ If you don't want to include the little arrow pointing toward your tooltip trigg Alternatively, you can force the arrow to hide using the `has-no-arrow` class on the `tooltip` element. - + @@ -29,7 +29,7 @@ Alternatively, you can force the arrow to hide using the `has-no-arrow` class on Tooltips can be used with any element. Even traditionally non-hoverable elements, such as `div`s. - Hover me! + Hover me! @@ -42,21 +42,21 @@ Tooltips can be used with any element. Even traditionally non-hoverable elements Have the tooltip appear from the left, right, or bottom position by adding `is-drop-left`, `is-drop-right`, or `is-drop-down`, respectively. - + - + - + @@ -64,13 +64,13 @@ Have the tooltip appear from the left, right, or bottom position by adding `is-d ## Requirements -Tooltips don't require JavaScript. All you need is the correct HTML structure. +Two main pieces are required: an API call and correct HTML markup. ### HTML #### Trigger Classes -- `tooltip-button`: Used to identify the tooltip container. Doesn't apply styling. +- `tooltip-trigger`: Used to identify the tooltip container. Doesn't apply styling. #### Accessibility @@ -79,11 +79,25 @@ A few key attributes are needed for tooltips to be accessible. These help assist - `role`: Defines the element. It should equal `tooltip`. - `aria-describedby`: Describes which element is the tooltip. It should equal the `id` of your tooltip. -[See WAI-ARIA documentation](https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html) on best-practices for the menu button UI pattern. +[See WAI-ARIA documentation](https://www.w3.org/TR/wai-aria-practices/#tooltip) on best-practices for the tooltip widget UI pattern. #### Styling Classes +- `tooltip`: Wrapper class that adds assists with positioning the tooltip to its trigger. - `tooltip-box`: Adds tooltip styling. +### API + +Call one of the following scripts from Undernet's JavaScript (not both!). This should happen _only once_ on page load/component mount/etc. + +```js +Undernet.start() +``` + +```js +Undernet.Tooltips.start() +``` + +

Is this article inaccurate? Edit this page on Github!

diff --git a/js/dist/accordion.js b/js/dist/accordion.js index d92eed6d..53a9dc92 100644 --- a/js/dist/accordion.js +++ b/js/dist/accordion.js @@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", { }); exports.default = void 0; -var _utils = _interopRequireWildcard(require("../utils")); +var _utils = _interopRequireWildcard(require("./utils")); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } } diff --git a/js/dist/accordion.js.map b/js/dist/accordion.js.map index df4f3eb1..87c90a81 100644 --- a/js/dist/accordion.js.map +++ b/js/dist/accordion.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/accordion.js"],"names":["Selectors","DATA_ACCORDION","DATA_ACCORDION_ROW","DATA_VISIBLE","DATA_TARGET","DATA_TOGGLE_MULTIPLE","DATA_PARENT","ARIA_EXPANDED","ARIA_CONTROLS","ARIA_HIDDEN","ARIA_LABELLEDBY","TABINDEX","Events","CLICK","KEYDOWN","Messages","NO_VISIBLE_ERROR","id","NO_ROW_ERROR","NO_HEADER_ID_ERROR","NO_PARENT_ERROR","NO_CONTENT_ERROR","Accordion","_render","bind","_accordionButtons","_accordionContentsAttr","_accordionContents","_activeContainer","_activeButton","_activeAccordionRowId","_activeRowAttr","_activeRow","_activeContainerId","_activeContainerAttr","_activeContent","_activeButtonExpandState","_activeContentHiddenState","_headerLevels","accordionButtonSelector","_getPossibleAccordionButtonAttrs","document","querySelectorAll","length","forEach","button","_setupAccordion","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","_getAccordionRowAttr","querySelector","console","error","NO_ACCORDION_ERROR","getElementById","accordionButtonState","_closeAllIfToggleable","_toggleSelectedAccordion","buttonId","buttonContent","accordionRowAttr","accordionRow","buttonHeaderAttr","_getPossibleAccordionHeaderAttrs","buttonHeader","buttonContentChildren","setAttribute","contentShouldExpand","style","maxHeight","scrollHeight","element","attr","map","num","join","hasAttribute","allContentAttr","allRows","allContent","allButtons","content","_toggleAttributeInCollection","activeContentBlock","value","elements","attributeName","currentValue","newValue","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"../utils\"\n\nconst Selectors = {\n // unique\n DATA_ACCORDION: \"data-accordion\",\n DATA_ACCORDION_ROW: \"data-accordion-row\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_TARGET: \"data-target\",\n DATA_TOGGLE_MULTIPLE: \"data-toggle-multiple\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_EXPANDED: \"aria-expanded\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n TABINDEX: \"tabindex\",\n}\n\nconst Events = {\n CLICK: \"click\",\n KEYDOWN: \"keydown\",\n}\n\nconst Messages = {\n NO_VISIBLE_ERROR: id =>\n `Could not find parent with [data-visible] attribute associated with [data-target='${id}'].`,\n NO_ROW_ERROR: id => `Could not find [data-accordion-row] associated with ${id}.`,\n NO_HEADER_ID_ERROR: id => `Could not find header tag associated with [data-target='${id}'].`,\n NO_PARENT_ERROR: id => `Could not find [data-parent] associated with [data-target='${id}'].`,\n NO_CONTENT_ERROR: id =>\n `Could not find accordion content block with [id] ${id} associated with [data-target='${id}'].`,\n}\n\n/**\n * Accordion component class.\n * @module Accordion\n * @requires Utils\n */\nexport default class Accordion extends Utils {\n constructor() {\n super()\n\n // events\n this._render = this._render.bind(this)\n\n // all accordions\n this._accordionButtons = []\n this._accordionContentsAttr = \"\"\n this._accordionContents = []\n\n // active accordion\n this._activeContainer = {}\n this._activeButton = {}\n this._activeAccordionRowId = \"\"\n this._activeRowAttr = \"\"\n this._activeRow = \"\"\n this._activeContainerId = \"\"\n this._activeContainerAttr = \"\"\n this._activeContent = {}\n this._activeButtonExpandState = \"\"\n this._activeContentHiddenState = \"\"\n\n // other data\n this._headerLevels = [1, 2, 3, 4, 5, 6]\n }\n\n // public\n\n /**\n * Sets up accordion components and listens to buttons for events.\n * Begin listening to [data-accordion-button] elements\n */\n start() {\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(\n `[${Selectors.DATA_ACCORDION}]`\n )\n this._accordionButtons = document.querySelectorAll(accordionButtonSelector)\n\n if (this._accordionButtons.length) {\n this._accordionButtons.forEach(button => {\n this._setupAccordion(button)\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to accordion button events.\n */\n stop() {\n this._accordionButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Open accordion content associated with an accordion button.\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n\n this._activeButton = event.target\n this._activeAccordionRowId = this._activeButton.getAttribute(Selectors.DATA_TARGET)\n\n this._activeRowAttr = this._getAccordionRowAttr(this._activeAccordionRowId)\n this._activeRow = document.querySelector(this._activeRowAttr)\n\n if (!this._activeButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR(this._activeAccordionRowId))\n }\n\n this._activeContainerId = this._activeButton.getAttribute(Selectors.DATA_PARENT)\n this._activeContainerAttr = `[${Selectors.DATA_ACCORDION}='${this._activeContainerId}']`\n\n if (!document.querySelector(this._activeContainerAttr)) {\n return console.error(Messages.NO_ACCORDION_ERROR(this._activeContainerId))\n }\n\n this._activeContainer = document.querySelector(this._activeContainerAttr)\n this._activeContent = document.getElementById(this._activeAccordionRowId)\n\n const accordionButtonState = this._activeRow.getAttribute(Selectors.DATA_VISIBLE)\n\n this._activeButtonExpandState = accordionButtonState === \"true\" ? \"false\" : \"true\"\n this._activeContentHiddenState = this._activeButtonExpandState === \"false\" ? \"true\" : \"false\"\n\n this._closeAllIfToggleable()\n this._toggleSelectedAccordion()\n }\n\n /**\n * Add initial attributes to accordion elements.\n * @param {Element} button - A button element that triggers an accordion.\n */\n _setupAccordion(button) {\n const buttonId = button.getAttribute(Selectors.DATA_TARGET)\n\n if (!document.getElementById(buttonId)) {\n return console.error(Messages.NO_CONTENT_ERROR(buttonId))\n }\n\n const buttonContent = document.getElementById(buttonId)\n const accordionRowAttr = this._getAccordionRowAttr(buttonId)\n\n if (!document.querySelector(accordionRowAttr)) {\n return console.error(Messages.NO_ROW_ERROR(buttonId))\n }\n\n const accordionRow = document.querySelector(accordionRowAttr)\n const buttonHeaderAttr = this._getPossibleAccordionHeaderAttrs(accordionRowAttr)\n const buttonHeader = document.querySelectorAll(buttonHeaderAttr)[0]\n\n if (!buttonHeader || !buttonHeader.id) {\n console.error(Messages.NO_HEADER_ID_ERROR(buttonId))\n }\n\n const buttonContentChildren = getFocusableElements(`#${buttonContent.id}`)\n\n button.setAttribute(Selectors.ARIA_CONTROLS, buttonId)\n buttonContent.setAttribute(Selectors.ARIA_LABELLEDBY, buttonHeader.id)\n\n if (!accordionRow.getAttribute(Selectors.DATA_VISIBLE)) {\n return console.error(Messages.NO_VISIBLE_ERROR(buttonId))\n }\n\n const contentShouldExpand = accordionRow.getAttribute(Selectors.DATA_VISIBLE)\n if (contentShouldExpand === \"true\") {\n buttonContent.style.maxHeight = `${buttonContent.scrollHeight}px`\n button.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n } else {\n button.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n }\n\n /**\n * Build a selector string to match possible accordion buttons\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible button selectors\n */\n _getPossibleAccordionButtonAttrs(attr) {\n return this._headerLevels\n .map(\n num => `${attr} > [${Selectors.DATA_ACCORDION_ROW}] > h${num} [${Selectors.DATA_TARGET}]`\n )\n .join(\", \")\n }\n\n /**\n * Build a selector string to match possible accordion headers\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible header selectors\n */\n _getPossibleAccordionHeaderAttrs(attr) {\n return this._headerLevels.map(num => `${attr} > h${num}`).join(\", \")\n }\n\n /**\n * Build a unique accordion row attribute selector.\n * @param {String} id - An id value associated with a given Selectors.DATA_TARGET\n * @return {String} - A unique accordion row selector\n */\n _getAccordionRowAttr(id) {\n return `[${Selectors.DATA_ACCORDION_ROW}='${id}']`\n }\n\n /**\n * If toggling multiple rows at once isn't enabled, close all rows except the selected one.\n * This ensures the selected one can be closed if it's already open.\n */\n _closeAllIfToggleable() {\n if (this._activeContainer.hasAttribute(Selectors.DATA_TOGGLE_MULTIPLE)) return\n\n const allContentAttr = `${this._activeContainerAttr} [${Selectors.ARIA_HIDDEN}]`\n const allRows = document.querySelectorAll(\n `${this._activeContainerAttr} [${Selectors.DATA_VISIBLE}]`\n )\n const allContent = document.querySelectorAll(allContentAttr)\n\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(this._activeContainerAttr)\n const allButtons = document.querySelectorAll(accordionButtonSelector)\n\n allContent.forEach(content => {\n if (content !== this._activeContent) content.style.maxHeight = null\n })\n\n getFocusableElements(allContentAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n this._toggleAttributeInCollection(allRows, Selectors.DATA_VISIBLE, \"true\", \"false\")\n this._toggleAttributeInCollection(allButtons, Selectors.ARIA_EXPANDED, \"true\", \"false\")\n this._toggleAttributeInCollection(allContent, Selectors.ARIA_HIDDEN, \"false\", \"true\")\n }\n\n /**\n * Toggle the currently selected accordion button's content.\n */\n _toggleSelectedAccordion() {\n this._activeRow.setAttribute(Selectors.DATA_VISIBLE, this._activeButtonExpandState)\n this._activeButton.setAttribute(Selectors.ARIA_EXPANDED, this._activeButtonExpandState)\n this._activeContent.setAttribute(Selectors.ARIA_HIDDEN, this._activeContentHiddenState)\n\n const activeContentBlock = `#${this._activeAccordionRowId}`\n getFocusableElements(activeContentBlock).forEach(element => {\n const value = this._activeButtonExpandState === \"true\" ? \"0\" : \"-1\"\n element.setAttribute(Selectors.TABINDEX, value)\n })\n\n if (this._activeContent.style.maxHeight) {\n this._activeContent.style.maxHeight = null\n } else {\n this._activeContent.style.maxHeight = `${this._activeContent.scrollHeight}px`\n }\n }\n\n /**\n * Toggles a single attribute of a series of elements.\n * @param {Array} elements - An array of elements to be operated on.\n * @param {String} attributeName - An attribute to be changed.\n * @param {String} currentValue - The current value of attributeName\n * @param {String} newValue - The new value of attributeName\n */\n _toggleAttributeInCollection(elements, attributeName, currentValue, newValue) {\n elements.forEach(element => {\n if (element.hasAttribute(attributeName, currentValue)) {\n element.setAttribute(attributeName, newValue)\n }\n })\n }\n}\n"],"file":"accordion.js"} \ No newline at end of file +{"version":3,"sources":["../src/accordion.js"],"names":["Selectors","DATA_ACCORDION","DATA_ACCORDION_ROW","DATA_VISIBLE","DATA_TARGET","DATA_TOGGLE_MULTIPLE","DATA_PARENT","ARIA_EXPANDED","ARIA_CONTROLS","ARIA_HIDDEN","ARIA_LABELLEDBY","TABINDEX","Events","CLICK","KEYDOWN","Messages","NO_VISIBLE_ERROR","id","NO_ROW_ERROR","NO_HEADER_ID_ERROR","NO_PARENT_ERROR","NO_CONTENT_ERROR","Accordion","_render","bind","_accordionButtons","_accordionContentsAttr","_accordionContents","_activeContainer","_activeButton","_activeAccordionRowId","_activeRowAttr","_activeRow","_activeContainerId","_activeContainerAttr","_activeContent","_activeButtonExpandState","_activeContentHiddenState","_headerLevels","accordionButtonSelector","_getPossibleAccordionButtonAttrs","document","querySelectorAll","length","forEach","button","_setupAccordion","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","_getAccordionRowAttr","querySelector","console","error","NO_ACCORDION_ERROR","getElementById","accordionButtonState","_closeAllIfToggleable","_toggleSelectedAccordion","buttonId","buttonContent","accordionRowAttr","accordionRow","buttonHeaderAttr","_getPossibleAccordionHeaderAttrs","buttonHeader","buttonContentChildren","setAttribute","contentShouldExpand","style","maxHeight","scrollHeight","element","attr","map","num","join","hasAttribute","allContentAttr","allRows","allContent","allButtons","content","_toggleAttributeInCollection","activeContentBlock","value","elements","attributeName","currentValue","newValue","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"./utils\"\n\nconst Selectors = {\n // unique\n DATA_ACCORDION: \"data-accordion\",\n DATA_ACCORDION_ROW: \"data-accordion-row\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_TARGET: \"data-target\",\n DATA_TOGGLE_MULTIPLE: \"data-toggle-multiple\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_EXPANDED: \"aria-expanded\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n TABINDEX: \"tabindex\",\n}\n\nconst Events = {\n CLICK: \"click\",\n KEYDOWN: \"keydown\",\n}\n\nconst Messages = {\n NO_VISIBLE_ERROR: id =>\n `Could not find parent with [data-visible] attribute associated with [data-target='${id}'].`,\n NO_ROW_ERROR: id => `Could not find [data-accordion-row] associated with ${id}.`,\n NO_HEADER_ID_ERROR: id => `Could not find header tag associated with [data-target='${id}'].`,\n NO_PARENT_ERROR: id => `Could not find [data-parent] associated with [data-target='${id}'].`,\n NO_CONTENT_ERROR: id =>\n `Could not find accordion content block with [id] ${id} associated with [data-target='${id}'].`,\n}\n\n/**\n * Accordion component class.\n * @module Accordion\n * @requires Utils\n */\nexport default class Accordion extends Utils {\n constructor() {\n super()\n\n // events\n this._render = this._render.bind(this)\n\n // all accordions\n this._accordionButtons = []\n this._accordionContentsAttr = \"\"\n this._accordionContents = []\n\n // active accordion\n this._activeContainer = {}\n this._activeButton = {}\n this._activeAccordionRowId = \"\"\n this._activeRowAttr = \"\"\n this._activeRow = \"\"\n this._activeContainerId = \"\"\n this._activeContainerAttr = \"\"\n this._activeContent = {}\n this._activeButtonExpandState = \"\"\n this._activeContentHiddenState = \"\"\n\n // other data\n this._headerLevels = [1, 2, 3, 4, 5, 6]\n }\n\n // public\n\n /**\n * Sets up accordion components and listens to buttons for events.\n * Begin listening to [data-accordion-button] elements\n */\n start() {\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(\n `[${Selectors.DATA_ACCORDION}]`\n )\n this._accordionButtons = document.querySelectorAll(accordionButtonSelector)\n\n if (this._accordionButtons.length) {\n this._accordionButtons.forEach(button => {\n this._setupAccordion(button)\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to accordion button events.\n */\n stop() {\n this._accordionButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Open accordion content associated with an accordion button.\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n\n this._activeButton = event.target\n this._activeAccordionRowId = this._activeButton.getAttribute(Selectors.DATA_TARGET)\n\n this._activeRowAttr = this._getAccordionRowAttr(this._activeAccordionRowId)\n this._activeRow = document.querySelector(this._activeRowAttr)\n\n if (!this._activeButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR(this._activeAccordionRowId))\n }\n\n this._activeContainerId = this._activeButton.getAttribute(Selectors.DATA_PARENT)\n this._activeContainerAttr = `[${Selectors.DATA_ACCORDION}='${this._activeContainerId}']`\n\n if (!document.querySelector(this._activeContainerAttr)) {\n return console.error(Messages.NO_ACCORDION_ERROR(this._activeContainerId))\n }\n\n this._activeContainer = document.querySelector(this._activeContainerAttr)\n this._activeContent = document.getElementById(this._activeAccordionRowId)\n\n const accordionButtonState = this._activeRow.getAttribute(Selectors.DATA_VISIBLE)\n\n this._activeButtonExpandState = accordionButtonState === \"true\" ? \"false\" : \"true\"\n this._activeContentHiddenState = this._activeButtonExpandState === \"false\" ? \"true\" : \"false\"\n\n this._closeAllIfToggleable()\n this._toggleSelectedAccordion()\n }\n\n /**\n * Add initial attributes to accordion elements.\n * @param {Element} button - A button element that triggers an accordion.\n */\n _setupAccordion(button) {\n const buttonId = button.getAttribute(Selectors.DATA_TARGET)\n\n if (!document.getElementById(buttonId)) {\n return console.error(Messages.NO_CONTENT_ERROR(buttonId))\n }\n\n const buttonContent = document.getElementById(buttonId)\n const accordionRowAttr = this._getAccordionRowAttr(buttonId)\n\n if (!document.querySelector(accordionRowAttr)) {\n return console.error(Messages.NO_ROW_ERROR(buttonId))\n }\n\n const accordionRow = document.querySelector(accordionRowAttr)\n const buttonHeaderAttr = this._getPossibleAccordionHeaderAttrs(accordionRowAttr)\n const buttonHeader = document.querySelectorAll(buttonHeaderAttr)[0]\n\n if (!buttonHeader || !buttonHeader.id) {\n console.error(Messages.NO_HEADER_ID_ERROR(buttonId))\n }\n\n const buttonContentChildren = getFocusableElements(`#${buttonContent.id}`)\n\n button.setAttribute(Selectors.ARIA_CONTROLS, buttonId)\n buttonContent.setAttribute(Selectors.ARIA_LABELLEDBY, buttonHeader.id)\n\n if (!accordionRow.getAttribute(Selectors.DATA_VISIBLE)) {\n return console.error(Messages.NO_VISIBLE_ERROR(buttonId))\n }\n\n const contentShouldExpand = accordionRow.getAttribute(Selectors.DATA_VISIBLE)\n if (contentShouldExpand === \"true\") {\n buttonContent.style.maxHeight = `${buttonContent.scrollHeight}px`\n button.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n } else {\n button.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n buttonContent.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n buttonContentChildren.forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n }\n\n /**\n * Build a selector string to match possible accordion buttons\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible button selectors\n */\n _getPossibleAccordionButtonAttrs(attr) {\n return this._headerLevels\n .map(\n num => `${attr} > [${Selectors.DATA_ACCORDION_ROW}] > h${num} [${Selectors.DATA_TARGET}]`\n )\n .join(\", \")\n }\n\n /**\n * Build a selector string to match possible accordion headers\n * @param {String} attr - A unique attribute\n * @return {String} - String of possible header selectors\n */\n _getPossibleAccordionHeaderAttrs(attr) {\n return this._headerLevels.map(num => `${attr} > h${num}`).join(\", \")\n }\n\n /**\n * Build a unique accordion row attribute selector.\n * @param {String} id - An id value associated with a given Selectors.DATA_TARGET\n * @return {String} - A unique accordion row selector\n */\n _getAccordionRowAttr(id) {\n return `[${Selectors.DATA_ACCORDION_ROW}='${id}']`\n }\n\n /**\n * If toggling multiple rows at once isn't enabled, close all rows except the selected one.\n * This ensures the selected one can be closed if it's already open.\n */\n _closeAllIfToggleable() {\n if (this._activeContainer.hasAttribute(Selectors.DATA_TOGGLE_MULTIPLE)) return\n\n const allContentAttr = `${this._activeContainerAttr} [${Selectors.ARIA_HIDDEN}]`\n const allRows = document.querySelectorAll(\n `${this._activeContainerAttr} [${Selectors.DATA_VISIBLE}]`\n )\n const allContent = document.querySelectorAll(allContentAttr)\n\n const accordionButtonSelector = this._getPossibleAccordionButtonAttrs(this._activeContainerAttr)\n const allButtons = document.querySelectorAll(accordionButtonSelector)\n\n allContent.forEach(content => {\n if (content !== this._activeContent) content.style.maxHeight = null\n })\n\n getFocusableElements(allContentAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n this._toggleAttributeInCollection(allRows, Selectors.DATA_VISIBLE, \"true\", \"false\")\n this._toggleAttributeInCollection(allButtons, Selectors.ARIA_EXPANDED, \"true\", \"false\")\n this._toggleAttributeInCollection(allContent, Selectors.ARIA_HIDDEN, \"false\", \"true\")\n }\n\n /**\n * Toggle the currently selected accordion button's content.\n */\n _toggleSelectedAccordion() {\n this._activeRow.setAttribute(Selectors.DATA_VISIBLE, this._activeButtonExpandState)\n this._activeButton.setAttribute(Selectors.ARIA_EXPANDED, this._activeButtonExpandState)\n this._activeContent.setAttribute(Selectors.ARIA_HIDDEN, this._activeContentHiddenState)\n\n const activeContentBlock = `#${this._activeAccordionRowId}`\n getFocusableElements(activeContentBlock).forEach(element => {\n const value = this._activeButtonExpandState === \"true\" ? \"0\" : \"-1\"\n element.setAttribute(Selectors.TABINDEX, value)\n })\n\n if (this._activeContent.style.maxHeight) {\n this._activeContent.style.maxHeight = null\n } else {\n this._activeContent.style.maxHeight = `${this._activeContent.scrollHeight}px`\n }\n }\n\n /**\n * Toggles a single attribute of a series of elements.\n * @param {Array} elements - An array of elements to be operated on.\n * @param {String} attributeName - An attribute to be changed.\n * @param {String} currentValue - The current value of attributeName\n * @param {String} newValue - The new value of attributeName\n */\n _toggleAttributeInCollection(elements, attributeName, currentValue, newValue) {\n elements.forEach(element => {\n if (element.hasAttribute(attributeName, currentValue)) {\n element.setAttribute(attributeName, newValue)\n }\n })\n }\n}\n"],"file":"accordion.js"} \ No newline at end of file diff --git a/js/dist/dropdown.js b/js/dist/dropdown.js index 5b975022..b1fc1649 100644 --- a/js/dist/dropdown.js +++ b/js/dist/dropdown.js @@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", { }); exports.default = void 0; -var _utils = _interopRequireDefault(require("../utils")); +var _utils = _interopRequireDefault(require("./utils")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } diff --git a/js/dist/dropdown.js.map b/js/dist/dropdown.js.map index 7df6bd4b..30625811 100644 --- a/js/dist/dropdown.js.map +++ b/js/dist/dropdown.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_iosMobile","test","navigator","userAgent","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":"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","sourcesContent":["import Utils from \"../utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (this._iosMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (this._iosMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file +{"version":3,"sources":["../src/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_iosMobile","test","navigator","userAgent","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":"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","sourcesContent":["import Utils from \"./utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (this._iosMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (this._iosMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file diff --git a/js/dist/index.bundle.js b/js/dist/index.bundle.js index b14a4fce..9f895deb 100644 --- a/js/dist/index.bundle.js +++ b/js/dist/index.bundle.js @@ -27,6 +27,12 @@ Object.defineProperty(exports, "Dropdowns", { return _index.Dropdowns; } }); +Object.defineProperty(exports, "Tooltips", { + enumerable: true, + get: function get() { + return _index.Tooltips; + } +}); Object.defineProperty(exports, "Utils", { enumerable: true, get: function get() { diff --git a/js/dist/index.bundle.js.map b/js/dist/index.bundle.js.map index 1803b4d9..900daa7f 100644 --- a/js/dist/index.bundle.js.map +++ b/js/dist/index.bundle.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.bundle.js"],"names":["window","Undernet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEAA,MAAM,CAACC,QAAP,GAAkBA,cAAlB","sourcesContent":["import Undernet from \"./index\"\n\nwindow.Undernet = Undernet\nexport { default as Undernet, Modals, Accordions, Dropdowns, Utils } from \"./index\"\n\n"],"file":"index.bundle.js"} \ No newline at end of file +{"version":3,"sources":["../src/index.bundle.js"],"names":["window","Undernet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEAA,MAAM,CAACC,QAAP,GAAkBA,cAAlB","sourcesContent":["import Undernet from \"./index\"\n\nwindow.Undernet = Undernet\nexport { default as Undernet, Modals, Accordions, Dropdowns, Tooltips, Utils } from \"./index\"\n\n"],"file":"index.bundle.js"} \ No newline at end of file diff --git a/js/dist/index.js b/js/dist/index.js index 13c7fe11..ecd06fe1 100644 --- a/js/dist/index.js +++ b/js/dist/index.js @@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = exports.Utils = exports.Dropdowns = exports.Accordions = exports.Modals = void 0; +exports.default = exports.Tooltips = exports.Dropdowns = exports.Accordions = exports.Modals = void 0; var _modal = _interopRequireDefault(require("./modal")); @@ -13,6 +13,8 @@ var _dropdown = _interopRequireDefault(require("./dropdown")); var _utils = _interopRequireDefault(require("./utils")); +var _tooltips = _interopRequireDefault(require("./tooltips")); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var Modals = new _modal.default(); @@ -21,12 +23,13 @@ var Accordions = new _accordion.default(); exports.Accordions = Accordions; var Dropdowns = new _dropdown.default(); exports.Dropdowns = Dropdowns; -var Utils = new _utils.default(); -exports.Utils = Utils; +var Tooltips = new _tooltips.default(); +exports.Tooltips = Tooltips; var Undernet = { Modals: Modals, Accordions: Accordions, Dropdowns: Dropdowns, + Tooltips: Tooltips, Utils: Utils }; @@ -34,6 +37,7 @@ Undernet.start = function () { Undernet.Modals.start(); Undernet.Accordions.start(); Undernet.Dropdowns.start(); + Undernet.Tooltips.start(); Undernet.Utils.enableFocusOutline(); }; @@ -41,6 +45,7 @@ Undernet.stop = function () { Undernet.Modals.stop(); Undernet.Accordions.stop(); Undernet.Dropdowns.stop(); + Undernet.Tooltips.stop(); Undernet.Utils.disableFocusOutline(); }; diff --git a/js/dist/index.js.map b/js/dist/index.js.map index cea99043..3b4832eb 100644 --- a/js/dist/index.js.map +++ b/js/dist/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.js"],"names":["Modals","_Modals","Accordions","_Accordion","Dropdowns","_Dropdown","Utils","_Utils","Undernet","start","enableFocusOutline","stop","disableFocusOutline"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,MAAM,GAAG,IAAIC,cAAJ,EAAf;;AACA,IAAMC,UAAU,GAAG,IAAIC,kBAAJ,EAAnB;;AACA,IAAMC,SAAS,GAAG,IAAIC,iBAAJ,EAAlB;;AACA,IAAMC,KAAK,GAAG,IAAIC,cAAJ,EAAd;;AAEP,IAAMC,QAAQ,GAAG;AAEfR,EAAAA,MAAM,EAANA,MAFe;AAGfE,EAAAA,UAAU,EAAVA,UAHe;AAIfE,EAAAA,SAAS,EAATA,SAJe;AAOfE,EAAAA,KAAK,EAALA;AAPe,CAAjB;;AAUAE,QAAQ,CAACC,KAAT,GAAiB,YAAM;AAErBD,EAAAA,QAAQ,CAACR,MAAT,CAAgBS,KAAhB;AACAD,EAAAA,QAAQ,CAACN,UAAT,CAAoBO,KAApB;AACAD,EAAAA,QAAQ,CAACJ,SAAT,CAAmBK,KAAnB;AAGAD,EAAAA,QAAQ,CAACF,KAAT,CAAeI,kBAAf;AACD,CARD;;AAUAF,QAAQ,CAACG,IAAT,GAAgB,YAAM;AAEpBH,EAAAA,QAAQ,CAACR,MAAT,CAAgBW,IAAhB;AACAH,EAAAA,QAAQ,CAACN,UAAT,CAAoBS,IAApB;AACAH,EAAAA,QAAQ,CAACJ,SAAT,CAAmBO,IAAnB;AAGAH,EAAAA,QAAQ,CAACF,KAAT,CAAeM,mBAAf;AACD,CARD;;eAUeJ,Q","sourcesContent":["import _Modals from \"./modal\"\nimport _Accordion from \"./accordion\"\nimport _Dropdown from \"./dropdown\"\nimport _Utils from \"./utils\"\n\nexport const Modals = new _Modals()\nexport const Accordions = new _Accordion()\nexport const Dropdowns = new _Dropdown()\nexport const Utils = new _Utils()\n\nconst Undernet = {\n // Components\n Modals,\n Accordions,\n Dropdowns,\n\n // Utils\n Utils,\n}\n\nUndernet.start = () => {\n // Components\n Undernet.Modals.start()\n Undernet.Accordions.start()\n Undernet.Dropdowns.start()\n\n // Utils\n Undernet.Utils.enableFocusOutline()\n}\n\nUndernet.stop = () => {\n // Components\n Undernet.Modals.stop()\n Undernet.Accordions.stop()\n Undernet.Dropdowns.stop()\n\n // Utils\n Undernet.Utils.disableFocusOutline()\n}\n\nexport default Undernet\n"],"file":"index.js"} \ No newline at end of file +{"version":3,"sources":["../src/index.js"],"names":["Modals","_Modals","Accordions","_Accordion","Dropdowns","_Dropdown","Tooltips","_Tooltips","Undernet","Utils","start","enableFocusOutline","stop","disableFocusOutline"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,MAAM,GAAG,IAAIC,cAAJ,EAAf;;AACA,IAAMC,UAAU,GAAG,IAAIC,kBAAJ,EAAnB;;AACA,IAAMC,SAAS,GAAG,IAAIC,iBAAJ,EAAlB;;AACA,IAAMC,QAAQ,GAAG,IAAIC,iBAAJ,EAAjB;;AAEP,IAAMC,QAAQ,GAAG;AAEfR,EAAAA,MAAM,EAANA,MAFe;AAGfE,EAAAA,UAAU,EAAVA,UAHe;AAIfE,EAAAA,SAAS,EAATA,SAJe;AAKfE,EAAAA,QAAQ,EAARA,QALe;AAQfG,EAAAA,KAAK,EAALA;AARe,CAAjB;;AAWAD,QAAQ,CAACE,KAAT,GAAiB,YAAM;AAErBF,EAAAA,QAAQ,CAACR,MAAT,CAAgBU,KAAhB;AACAF,EAAAA,QAAQ,CAACN,UAAT,CAAoBQ,KAApB;AACAF,EAAAA,QAAQ,CAACJ,SAAT,CAAmBM,KAAnB;AACAF,EAAAA,QAAQ,CAACF,QAAT,CAAkBI,KAAlB;AAGAF,EAAAA,QAAQ,CAACC,KAAT,CAAeE,kBAAf;AACD,CATD;;AAWAH,QAAQ,CAACI,IAAT,GAAgB,YAAM;AAEpBJ,EAAAA,QAAQ,CAACR,MAAT,CAAgBY,IAAhB;AACAJ,EAAAA,QAAQ,CAACN,UAAT,CAAoBU,IAApB;AACAJ,EAAAA,QAAQ,CAACJ,SAAT,CAAmBQ,IAAnB;AACAJ,EAAAA,QAAQ,CAACF,QAAT,CAAkBM,IAAlB;AAGAJ,EAAAA,QAAQ,CAACC,KAAT,CAAeI,mBAAf;AACD,CATD;;eAWeL,Q","sourcesContent":["import _Modals from \"./modal\"\nimport _Accordion from \"./accordion\"\nimport _Dropdown from \"./dropdown\"\nimport _Utils from \"./utils\"\nimport _Tooltips from \"./tooltips\"\n\nexport const Modals = new _Modals()\nexport const Accordions = new _Accordion()\nexport const Dropdowns = new _Dropdown()\nexport const Tooltips = new _Tooltips()\n\nconst Undernet = {\n // Components\n Modals,\n Accordions,\n Dropdowns,\n Tooltips,\n\n // Utils\n Utils,\n}\n\nUndernet.start = () => {\n // Components\n Undernet.Modals.start()\n Undernet.Accordions.start()\n Undernet.Dropdowns.start()\n Undernet.Tooltips.start()\n\n // Utils\n Undernet.Utils.enableFocusOutline()\n}\n\nUndernet.stop = () => {\n // Components\n Undernet.Modals.stop()\n Undernet.Accordions.stop()\n Undernet.Dropdowns.stop()\n Undernet.Tooltips.stop()\n\n // Utils\n Undernet.Utils.disableFocusOutline()\n}\n\nexport default Undernet\n"],"file":"index.js"} \ No newline at end of file diff --git a/js/dist/modal.js b/js/dist/modal.js index c9be495f..da2fa7cf 100644 --- a/js/dist/modal.js +++ b/js/dist/modal.js @@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", { }); exports.default = void 0; -var _utils = _interopRequireWildcard(require("../utils")); +var _utils = _interopRequireWildcard(require("./utils")); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } } diff --git a/js/dist/modal.js.map b/js/dist/modal.js.map index 15abb72f..cd594fd4 100644 --- a/js/dist/modal.js.map +++ b/js/dist/modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/modal.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_MODAL","DATA_MODAL_ID","DATA_MODAL_BUTTON","DATA_VISIBLE","DATA_CLOSE","DATA_TARGET","DATA_PARENT","ARIA_HIDDEN","ARIA_MODAL","ROLE","TABINDEX","NO_SCROLL","Events","KEYDOWN","CLICK","RESIZE","Messages","NO_TARGET_ERROR","NO_PARENT_ERROR","NO_ID_ERROR","id","Modal","_iosMobile","test","navigator","userAgent","_render","bind","_handleClose","_handleOverlayClick","_handleEscapeKeyPress","_modals","_modalButtons","_activeModalButton","_activeModalOverlay","_activeModal","_activeModalId","_activeModalOverlayAttr","_activeModalSelector","_activeModalCloseButtons","_modalContainerAttr","document","querySelectorAll","forEach","element","setAttribute","length","modal","_setupModal","button","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","console","error","querySelector","_handleScrollStop","captureFocus","focus","scrollTop","style","cursor","modalId","modalWrapper","_handleReturnFocus","_handleScrollRestore","releaseFocus","removeAttribute","which","body","classList","remove","add","Utils"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAE;AADO,CAAjB;AAIA,IAAMC,SAAS,GAAG;AAEhBC,EAAAA,UAAU,EAAE,YAFI;AAGhBC,EAAAA,aAAa,EAAE,eAHC;AAIhBC,EAAAA,iBAAiB,EAAE,mBAJH;AAMhBC,EAAAA,YAAY,EAAE,cANE;AAOhBC,EAAAA,UAAU,EAAE,YAPI;AAQhBC,EAAAA,WAAW,EAAE,aARG;AAShBC,EAAAA,WAAW,EAAE,aATG;AAWhBC,EAAAA,WAAW,EAAE,aAXG;AAYhBC,EAAAA,UAAU,EAAE,YAZI;AAahBC,EAAAA,IAAI,EAAE,MAbU;AAchBC,EAAAA,QAAQ,EAAE,UAdM;AAgBhBC,EAAAA,SAAS,EAAE;AAhBK,CAAlB;AAmBA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAE,SADI;AAEbC,EAAAA,KAAK,EAAE,OAFM;AAGbC,EAAAA,MAAM,EAAE;AAHK,CAAf;AAMA,IAAMC,QAAQ,GAAG;AACfC,EAAAA,eAAe,yFADA;AAEfC,EAAAA,eAAe,kFAFA;AAGfC,EAAAA,WAAW,EAAE,qBAAAC,EAAE;AAAA,oDACqBA,EADrB;AAAA;AAHA,CAAjB;;IAYqBC,K;;;AACnB,mBAAc;AAAA;;AAAA;;AACZ;AAEA,UAAKC,UAAL,GAAkB,iBAAiBC,IAAjB,CAAsBC,SAAS,CAACC,SAAhC,CAAlB;AAGA,UAAKC,OAAL,GAAe,MAAKA,OAAL,CAAaC,IAAb,+BAAf;AACA,UAAKC,YAAL,GAAoB,MAAKA,YAAL,CAAkBD,IAAlB,+BAApB;AACA,UAAKE,mBAAL,GAA2B,MAAKA,mBAAL,CAAyBF,IAAzB,+BAA3B;AACA,UAAKG,qBAAL,GAA6B,MAAKA,qBAAL,CAA2BH,IAA3B,+BAA7B;AAGA,UAAKI,OAAL,GAAe,EAAf;AACA,UAAKC,aAAL,GAAqB,EAArB;AAGA,UAAKC,kBAAL,GAA0B,EAA1B;AACA,UAAKC,mBAAL,GAA2B,EAA3B;AACA,UAAKC,YAAL,GAAoB,EAApB;AACA,UAAKC,cAAL,GAAsB,EAAtB;AACA,UAAKC,uBAAL,GAA+B,EAA/B;AACA,UAAKC,oBAAL,GAA4B,EAA5B;AACA,UAAKC,wBAAL,GAAgC,EAAhC;AAGA,UAAKC,mBAAL,cAA+BzC,SAAS,CAACC,UAAzC;AAzBY;AA0Bb;;;;4BAQO;AAAA;;AACN,WAAK+B,OAAL,GAAeU,QAAQ,CAACC,gBAAT,CAA0B,KAAKF,mBAA/B,CAAf;AACA,WAAKR,aAAL,GAAqBS,QAAQ,CAACC,gBAAT,YAA8B3C,SAAS,CAACG,iBAAxC,OAArB;AAEA,uCAAqB,KAAKsC,mBAA1B,EAA+CG,OAA/C,CAAuD,UAAAC,OAAO,EAAI;AAChEA,QAAAA,OAAO,CAACC,YAAR,CAAqB9C,SAAS,CAACW,QAA/B,EAAyC,IAAzC;AACD,OAFD;;AAIA,UAAI,KAAKqB,OAAL,CAAae,MAAjB,EAAyB;AACvB,aAAKf,OAAL,CAAaY,OAAb,CAAqB,UAAAI,KAAK,EAAI;AAC5B,UAAA,MAAI,CAACC,WAAL,CAAiBD,KAAjB;AACD,SAFD;AAGD;;AAED,UAAI,KAAKf,aAAL,CAAmBc,MAAvB,EAA+B;AAC7B,aAAKd,aAAL,CAAmBW,OAAnB,CAA2B,UAAAM,MAAM,EAAI;AACnCA,UAAAA,MAAM,CAACC,gBAAP,CAAwBtC,MAAM,CAACE,KAA/B,EAAsC,MAAI,CAACY,OAA3C;AACD,SAFD;AAGD;AACF;;;2BAKM;AAAA;;AACL,WAAKM,aAAL,CAAmBW,OAAnB,CAA2B,UAAAM,MAAM,EAAI;AACnCA,QAAAA,MAAM,CAACE,mBAAP,CAA2BvC,MAAM,CAACE,KAAlC,EAAyC,MAAI,CAACY,OAA9C;AACD,OAFD;AAGD;;;4BAQO0B,K,EAAO;AAAA;;AACbA,MAAAA,KAAK,CAACC,cAAN;AACA,WAAKpB,kBAAL,GAA0BmB,KAAK,CAACE,MAAhC;;AAEA,UAAI,CAAC,KAAKrB,kBAAL,CAAwBsB,YAAxB,CAAqCxD,SAAS,CAACM,WAA/C,CAAL,EAAkE;AAChE,eAAOmD,OAAO,CAACC,KAAR,CAAczC,QAAQ,CAACC,eAAvB,CAAP;AACD;;AAED,WAAKmB,cAAL,GAAsB,KAAKH,kBAAL,CAAwBsB,YAAxB,CAAqCxD,SAAS,CAACM,WAA/C,CAAtB;AACA,WAAKgC,uBAAL,cAAmCtC,SAAS,CAACE,aAA7C,gBAA+D,KAAKmC,cAApE;;AAEA,UAAI,CAACK,QAAQ,CAACiB,aAAT,CAAuB,KAAKrB,uBAA5B,CAAL,EAA2D;AACzD,eAAOmB,OAAO,CAACC,KAAR,CAAczC,QAAQ,CAACG,WAAT,CAAqB,KAAKiB,cAA1B,CAAd,CAAP;AACD;;AAED,WAAKF,mBAAL,GAA2BO,QAAQ,CAACiB,aAAT,CAAuB,KAAKrB,uBAA5B,CAA3B;AAEA,WAAKC,oBAAL,aAA+B,KAAKD,uBAApC,cAA+D,KAAKG,mBAApE;AACA,WAAKL,YAAL,GAAoBM,QAAQ,CAACiB,aAAT,CAAuB,KAAKpB,oBAA5B,CAApB;AACA,WAAKC,wBAAL,GAAgCE,QAAQ,CAACC,gBAAT,WAC3B,KAAKL,uBADsB,eACMtC,SAAS,CAACK,UADhB,OAAhC;AAKA,uCAAqB,KAAKkC,oBAA1B,EAAgDK,OAAhD,CAAwD,UAAAC,OAAO,EAAI;AACjEA,QAAAA,OAAO,CAACC,YAAR,CAAqB9C,SAAS,CAACW,QAA/B,EAAyC,GAAzC;AACD,OAFD;;AAKA,WAAKiD,iBAAL;;AACA,WAAKC,YAAL,CAAkB,KAAKtB,oBAAvB;;AACA,WAAKJ,mBAAL,CAAyBW,YAAzB,CAAsC9C,SAAS,CAACQ,WAAhD,EAA6D,OAA7D;;AACA,WAAK2B,mBAAL,CAAyBW,YAAzB,CAAsC9C,SAAS,CAACI,YAAhD,EAA8D,MAA9D;;AAGA,WAAKgC,YAAL,CAAkBU,YAAlB,CAA+B9C,SAAS,CAACW,QAAzC,EAAmD,IAAnD;;AACA,WAAKyB,YAAL,CAAkB0B,KAAlB;;AAGA,WAAK3B,mBAAL,CAAyB4B,SAAzB,GAAqC,CAArC;;AAGA,UAAI,KAAKxC,UAAT,EAAqB;AACnB,aAAKY,mBAAL,CAAyB6B,KAAzB,CAA+BC,MAA/B,GAAwC,SAAxC;AACD;;AAGDvB,MAAAA,QAAQ,CAACS,gBAAT,CAA0BtC,MAAM,CAACC,OAAjC,EAA0C,KAAKiB,qBAA/C;AACAW,MAAAA,QAAQ,CAACS,gBAAT,CAA0BtC,MAAM,CAACE,KAAjC,EAAwC,KAAKe,mBAA7C;;AACA,WAAKU,wBAAL,CAA8BI,OAA9B,CAAsC,UAAAM,MAAM,EAAI;AAC9CA,QAAAA,MAAM,CAACC,gBAAP,CAAwBtC,MAAM,CAACE,KAA/B,EAAsC,MAAI,CAACc,YAA3C;AACD,OAFD;AAGD;;;gCAEWmB,K,EAAO;AACjB,UAAIkB,OAAJ;;AACA,UAAI,CAAClB,KAAK,CAACQ,YAAN,CAAmBxD,SAAS,CAACO,WAA7B,CAAL,EAAgD;AAC9C,eAAOkD,OAAO,CAACC,KAAR,CAAczC,QAAQ,CAACE,eAAvB,CAAP;AACD,OAFD,MAEO;AACL+C,QAAAA,OAAO,GAAGlB,KAAK,CAACQ,YAAN,CAAmBxD,SAAS,CAACO,WAA7B,CAAV;AACD;;AAED,UAAI4D,YAAJ;;AACA,UAAI,CAACzB,QAAQ,CAACiB,aAAT,YAA2B3D,SAAS,CAACE,aAArC,eAAuDgE,OAAvD,QAAL,EAA0E;AACxE,eAAOT,OAAO,CAACC,KAAR,CAAczC,QAAQ,CAACG,WAAT,CAAqB8C,OAArB,CAAd,CAAP;AACD,OAFD,MAEO;AACLC,QAAAA,YAAY,GAAGzB,QAAQ,CAACiB,aAAT,YAA2B3D,SAAS,CAACE,aAArC,eAAuDgE,OAAvD,QAAf;AACD;;AAEDC,MAAAA,YAAY,CAACrB,YAAb,CAA0B9C,SAAS,CAACQ,WAApC,EAAiD,MAAjD;AACA2D,MAAAA,YAAY,CAACrB,YAAb,CAA0B9C,SAAS,CAACI,YAApC,EAAkD,OAAlD;AACA4C,MAAAA,KAAK,CAACF,YAAN,CAAmB9C,SAAS,CAACS,UAA7B,EAAyC,MAAzC;AACAuC,MAAAA,KAAK,CAACF,YAAN,CAAmB9C,SAAS,CAACU,IAA7B,EAAmC,QAAnC;AACD;;;iCAMY2C,K,EAAO;AAAA;;AAClBA,MAAAA,KAAK,CAACC,cAAN;;AACA,WAAKnB,mBAAL,CAAyBW,YAAzB,CAAsC9C,SAAS,CAACI,YAAhD,EAA8D,OAA9D;;AACA,WAAKgE,kBAAL;;AACA,WAAKC,oBAAL;;AACA,WAAKC,YAAL;;AACA,WAAKnC,mBAAL,CAAyBW,YAAzB,CAAsC9C,SAAS,CAACQ,WAAhD,EAA6D,MAA7D;;AACA,WAAK4B,YAAL,CAAkBmC,eAAlB,CAAkCvE,SAAS,CAACW,QAA5C;;AAEA,uCAAqB,KAAK4B,oBAA1B,EAAgDK,OAAhD,CAAwD,UAAAC,OAAO,EAAI;AACjEA,QAAAA,OAAO,CAACC,YAAR,CAAqB9C,SAAS,CAACW,QAA/B,EAAyC,IAAzC;AACD,OAFD;;AAIA,UAAI,KAAKY,UAAT,EAAqB;AACnB,aAAKY,mBAAL,CAAyB6B,KAAzB,CAA+BC,MAA/B,GAAwC,MAAxC;AACD;;AAGDvB,MAAAA,QAAQ,CAACU,mBAAT,CAA6BvC,MAAM,CAACC,OAApC,EAA6C,KAAKiB,qBAAlD;AACAW,MAAAA,QAAQ,CAACU,mBAAT,CAA6BvC,MAAM,CAACE,KAApC,EAA2C,KAAKe,mBAAhD;;AACA,WAAKU,wBAAL,CAA8BI,OAA9B,CAAsC,UAAAM,MAAM,EAAI;AAC9CA,QAAAA,MAAM,CAACE,mBAAP,CAA2BvC,MAAM,CAACE,KAAlC,EAAyC,MAAI,CAACc,YAA9C;AACD,OAFD;AAGD;;;wCAMmBwB,K,EAAO;AACzB,UAAIA,KAAK,CAACE,MAAN,KAAiB,KAAKpB,mBAA1B,EAA+C;AAC7C,aAAKN,YAAL,CAAkBwB,KAAlB;AACD;AACF;;;0CAMqBA,K,EAAO;AAC3B,UAAIA,KAAK,CAACmB,KAAN,KAAgB1E,QAAQ,CAACC,MAA7B,EAAqC;AACnC,aAAK8B,YAAL,CAAkBwB,KAAlB;AACD;AACF;;;yCAMoB;AACnB,WAAKnB,kBAAL,CAAwBY,YAAxB,CAAqC9C,SAAS,CAACW,QAA/C,EAAyD,IAAzD;;AACA,WAAKuB,kBAAL,CAAwB4B,KAAxB;;AACA,WAAK5B,kBAAL,CAAwBqC,eAAxB,CAAwCvE,SAAS,CAACW,QAAlD;AACD;;;2CAKsB;AACrB+B,MAAAA,QAAQ,CAAC+B,IAAT,CAAcC,SAAd,CAAwBC,MAAxB,CAA+B3E,SAAS,CAACY,SAAzC;AACA8B,MAAAA,QAAQ,CAACiB,aAAT,CAAuB,MAAvB,EAA+Be,SAA/B,CAAyCC,MAAzC,CAAgD3E,SAAS,CAACY,SAA1D;AACD;;;wCAKmB;AAClB8B,MAAAA,QAAQ,CAAC+B,IAAT,CAAcC,SAAd,CAAwBE,GAAxB,CAA4B5E,SAAS,CAACY,SAAtC;AACA8B,MAAAA,QAAQ,CAACiB,aAAT,CAAuB,MAAvB,EAA+Be,SAA/B,CAAyCE,GAAzC,CAA6C5E,SAAS,CAACY,SAAvD;AACD;;;;EA3NgCiE,c","sourcesContent":["import Utils, { getFocusableElements } from \"../utils\"\n\nconst KeyCodes = {\n ESCAPE: 27,\n}\n\nconst Selectors = {\n // unique\n DATA_MODAL: \"data-modal\",\n DATA_MODAL_ID: \"data-modal-id\",\n DATA_MODAL_BUTTON: \"data-modal-button\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_CLOSE: \"data-close\",\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_MODAL: \"aria-modal\",\n ROLE: \"role\",\n TABINDEX: \"tabindex\",\n // classes\n NO_SCROLL: \"no-scroll\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n RESIZE: \"resize\",\n}\n\nconst Messages = {\n NO_TARGET_ERROR: `Could not find [data-target] attribute associated with a [data-modal-button] element.`,\n NO_PARENT_ERROR: `Could not find [data-parent] attribute associated with a [data-modal] element.`,\n NO_ID_ERROR: id =>\n `Could not find [data-modal-id='${id}'] associated with a [data-modal] element.`,\n}\n\n/**\n * Modal component class.\n * @module Modal\n * @requires Utils\n */\nexport default class Modal extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleOverlayClick = this._handleOverlayClick.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n\n // all modals\n this._modals = []\n this._modalButtons = []\n\n // active modal\n this._activeModalButton = {}\n this._activeModalOverlay = {}\n this._activeModal = {}\n this._activeModalId = \"\"\n this._activeModalOverlayAttr = \"\"\n this._activeModalSelector = \"\"\n this._activeModalCloseButtons = []\n\n // attribute helpers\n this._modalContainerAttr = `[${Selectors.DATA_MODAL}]`\n }\n\n // public\n\n /**\n * Add accessible attributes to modal containers\n * Begin listening to elements with [data-modal-button]\n */\n start() {\n this._modals = document.querySelectorAll(this._modalContainerAttr)\n this._modalButtons = document.querySelectorAll(`[${Selectors.DATA_MODAL_BUTTON}]`)\n\n getFocusableElements(this._modalContainerAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._modals.length) {\n this._modals.forEach(modal => {\n this._setupModal(modal)\n })\n }\n\n if (this._modalButtons.length) {\n this._modalButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to modal buttons\n */\n stop() {\n this._modalButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n this._activeModalButton = event.target\n\n if (!this._activeModalButton.getAttribute(Selectors.DATA_TARGET)) {\n return console.error(Messages.NO_TARGET_ERROR)\n }\n\n this._activeModalId = this._activeModalButton.getAttribute(Selectors.DATA_TARGET)\n this._activeModalOverlayAttr = `[${Selectors.DATA_MODAL_ID}=\"${this._activeModalId}\"]`\n\n if (!document.querySelector(this._activeModalOverlayAttr)) {\n return console.error(Messages.NO_ID_ERROR(this._activeModalId))\n }\n\n this._activeModalOverlay = document.querySelector(this._activeModalOverlayAttr)\n\n this._activeModalSelector = `${this._activeModalOverlayAttr} ${this._modalContainerAttr}`\n this._activeModal = document.querySelector(this._activeModalSelector)\n this._activeModalCloseButtons = document.querySelectorAll(\n `${this._activeModalOverlayAttr} [${Selectors.DATA_CLOSE}]`\n )\n\n // allow focusable elements to be focused\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n\n // capture focus, stop scrolling, and toggle attributes for visibility\n this._handleScrollStop()\n this.captureFocus(this._activeModalSelector)\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // focus the modal\n this._activeModal.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModal.focus()\n\n // offset slight scroll caused by this._activeModal.focus()\n this._activeModalOverlay.scrollTop = 0\n\n // on ios devices, let the modal close on overlay click\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"pointer\"\n }\n\n // begin listening to events\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n _setupModal(modal) {\n let modalId\n if (!modal.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n } else {\n modalId = modal.getAttribute(Selectors.DATA_PARENT)\n }\n\n let modalWrapper\n if (!document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)) {\n return console.error(Messages.NO_ID_ERROR(modalId))\n } else {\n modalWrapper = document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)\n }\n\n modalWrapper.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n modalWrapper.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n modal.setAttribute(Selectors.ARIA_MODAL, \"true\")\n modal.setAttribute(Selectors.ROLE, \"dialog\")\n }\n\n /**\n * Turn off event listeners and reset focus to last selected DOM node (button)\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n this._handleReturnFocus()\n this._handleScrollRestore()\n this.releaseFocus()\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n this._activeModal.removeAttribute(Selectors.TABINDEX)\n\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"auto\"\n }\n\n // stop listening to events\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.removeEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n /**\n * Handles click event on the modal background to close it.\n * @param {Object} event - The event object\n */\n _handleOverlayClick(event) {\n if (event.target === this._activeModalOverlay) {\n this._handleClose(event)\n }\n }\n\n /**\n * Handles escape key event to close the current modal\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Returns focus to the last focused element before the modal was called.\n * @param {Object} button - The current modal's corresponding button.\n */\n _handleReturnFocus() {\n this._activeModalButton.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModalButton.focus()\n this._activeModalButton.removeAttribute(Selectors.TABINDEX)\n }\n\n /**\n * Restores scroll behavior to and \n */\n _handleScrollRestore() {\n document.body.classList.remove(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.remove(Selectors.NO_SCROLL)\n }\n\n /**\n * Prevents scroll behavior on and \n */\n _handleScrollStop() {\n document.body.classList.add(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.add(Selectors.NO_SCROLL)\n }\n}\n"],"file":"modal.js"} \ No newline at end of file +{"version":3,"sources":["../src/modal.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_MODAL","DATA_MODAL_ID","DATA_MODAL_BUTTON","DATA_VISIBLE","DATA_CLOSE","DATA_TARGET","DATA_PARENT","ARIA_HIDDEN","ARIA_MODAL","ROLE","TABINDEX","NO_SCROLL","Events","KEYDOWN","CLICK","RESIZE","Messages","NO_TARGET_ERROR","NO_PARENT_ERROR","NO_ID_ERROR","id","Modal","_iosMobile","test","navigator","userAgent","_render","bind","_handleClose","_handleOverlayClick","_handleEscapeKeyPress","_modals","_modalButtons","_activeModalButton","_activeModalOverlay","_activeModal","_activeModalId","_activeModalOverlayAttr","_activeModalSelector","_activeModalCloseButtons","_modalContainerAttr","document","querySelectorAll","forEach","element","setAttribute","length","modal","_setupModal","button","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","console","error","querySelector","_handleScrollStop","captureFocus","focus","scrollTop","style","cursor","modalId","modalWrapper","_handleReturnFocus","_handleScrollRestore","releaseFocus","removeAttribute","which","body","classList","remove","add","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"./utils\"\n\nconst KeyCodes = {\n ESCAPE: 27,\n}\n\nconst Selectors = {\n // unique\n DATA_MODAL: \"data-modal\",\n DATA_MODAL_ID: \"data-modal-id\",\n DATA_MODAL_BUTTON: \"data-modal-button\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_CLOSE: \"data-close\",\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_MODAL: \"aria-modal\",\n ROLE: \"role\",\n TABINDEX: \"tabindex\",\n // classes\n NO_SCROLL: \"no-scroll\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n RESIZE: \"resize\",\n}\n\nconst Messages = {\n NO_TARGET_ERROR: `Could not find [data-target] attribute associated with a [data-modal-button] element.`,\n NO_PARENT_ERROR: `Could not find [data-parent] attribute associated with a [data-modal] element.`,\n NO_ID_ERROR: id =>\n `Could not find [data-modal-id='${id}'] associated with a [data-modal] element.`,\n}\n\n/**\n * Modal component class.\n * @module Modal\n * @requires Utils\n */\nexport default class Modal extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleOverlayClick = this._handleOverlayClick.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n\n // all modals\n this._modals = []\n this._modalButtons = []\n\n // active modal\n this._activeModalButton = {}\n this._activeModalOverlay = {}\n this._activeModal = {}\n this._activeModalId = \"\"\n this._activeModalOverlayAttr = \"\"\n this._activeModalSelector = \"\"\n this._activeModalCloseButtons = []\n\n // attribute helpers\n this._modalContainerAttr = `[${Selectors.DATA_MODAL}]`\n }\n\n // public\n\n /**\n * Add accessible attributes to modal containers\n * Begin listening to elements with [data-modal-button]\n */\n start() {\n this._modals = document.querySelectorAll(this._modalContainerAttr)\n this._modalButtons = document.querySelectorAll(`[${Selectors.DATA_MODAL_BUTTON}]`)\n\n getFocusableElements(this._modalContainerAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._modals.length) {\n this._modals.forEach(modal => {\n this._setupModal(modal)\n })\n }\n\n if (this._modalButtons.length) {\n this._modalButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to modal buttons\n */\n stop() {\n this._modalButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n this._activeModalButton = event.target\n\n if (!this._activeModalButton.getAttribute(Selectors.DATA_TARGET)) {\n return console.error(Messages.NO_TARGET_ERROR)\n }\n\n this._activeModalId = this._activeModalButton.getAttribute(Selectors.DATA_TARGET)\n this._activeModalOverlayAttr = `[${Selectors.DATA_MODAL_ID}=\"${this._activeModalId}\"]`\n\n if (!document.querySelector(this._activeModalOverlayAttr)) {\n return console.error(Messages.NO_ID_ERROR(this._activeModalId))\n }\n\n this._activeModalOverlay = document.querySelector(this._activeModalOverlayAttr)\n\n this._activeModalSelector = `${this._activeModalOverlayAttr} ${this._modalContainerAttr}`\n this._activeModal = document.querySelector(this._activeModalSelector)\n this._activeModalCloseButtons = document.querySelectorAll(\n `${this._activeModalOverlayAttr} [${Selectors.DATA_CLOSE}]`\n )\n\n // allow focusable elements to be focused\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n\n // capture focus, stop scrolling, and toggle attributes for visibility\n this._handleScrollStop()\n this.captureFocus(this._activeModalSelector)\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // focus the modal\n this._activeModal.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModal.focus()\n\n // offset slight scroll caused by this._activeModal.focus()\n this._activeModalOverlay.scrollTop = 0\n\n // on ios devices, let the modal close on overlay click\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"pointer\"\n }\n\n // begin listening to events\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n _setupModal(modal) {\n let modalId\n if (!modal.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n } else {\n modalId = modal.getAttribute(Selectors.DATA_PARENT)\n }\n\n let modalWrapper\n if (!document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)) {\n return console.error(Messages.NO_ID_ERROR(modalId))\n } else {\n modalWrapper = document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)\n }\n\n modalWrapper.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n modalWrapper.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n modal.setAttribute(Selectors.ARIA_MODAL, \"true\")\n modal.setAttribute(Selectors.ROLE, \"dialog\")\n }\n\n /**\n * Turn off event listeners and reset focus to last selected DOM node (button)\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n this._handleReturnFocus()\n this._handleScrollRestore()\n this.releaseFocus()\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n this._activeModal.removeAttribute(Selectors.TABINDEX)\n\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"auto\"\n }\n\n // stop listening to events\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.removeEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n /**\n * Handles click event on the modal background to close it.\n * @param {Object} event - The event object\n */\n _handleOverlayClick(event) {\n if (event.target === this._activeModalOverlay) {\n this._handleClose(event)\n }\n }\n\n /**\n * Handles escape key event to close the current modal\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Returns focus to the last focused element before the modal was called.\n * @param {Object} button - The current modal's corresponding button.\n */\n _handleReturnFocus() {\n this._activeModalButton.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModalButton.focus()\n this._activeModalButton.removeAttribute(Selectors.TABINDEX)\n }\n\n /**\n * Restores scroll behavior to and \n */\n _handleScrollRestore() {\n document.body.classList.remove(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.remove(Selectors.NO_SCROLL)\n }\n\n /**\n * Prevents scroll behavior on and \n */\n _handleScrollStop() {\n document.body.classList.add(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.add(Selectors.NO_SCROLL)\n }\n}\n"],"file":"modal.js"} \ No newline at end of file diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js index 0aef5e9e..18e90c6b 100644 --- a/js/dist/tooltip.js +++ b/js/dist/tooltip.js @@ -1,8 +1,9 @@ "use strict"; -var _utils = _interopRequireDefault(require("../utils")); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = void 0; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } @@ -26,14 +27,10 @@ var Tooltip = function () { }, { key: "stop", value: function stop() {} - }, { - key: "_render", - value: function _render() {} - }, { - key: "_setupTooltips", - value: function _setupTooltips() {} }]); return Tooltip; }(); + +exports.default = Tooltip; //# sourceMappingURL=tooltip.js.map \ No newline at end of file diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index 10f385bb..dd576377 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","Selectors","Events","Messages","Tooltip"],"mappings":";;AAAA;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,EAAjB;AACA,IAAMC,SAAS,GAAG,EAAlB;AACA,IAAMC,MAAM,GAAG,EAAf;AACA,IAAMC,QAAQ,GAAG,EAAjB;;IAMMC,O;AACJ,qBAAc;AAAA;AAAE;;;;4BAIR,CAAE;;;2BAEH,CAAE;;;8BAIC,CAAE;;;qCAEK,CAAE","sourcesContent":["import Utils from \"../utils\"\n\nconst KeyCodes = {}\nconst Selectors = {}\nconst Events = {}\nconst Messages = {}\n\n// - `aria-describedby` on trigger element using tooltip box's id\n// - adds `cursor: pointer` css property to body when open\n// - add role=\"tooltip\" to tooltip container\n\nclass Tooltip {\n constructor() {}\n\n // public\n\n start() {}\n\n stop() {}\n\n // private\n\n _render() {}\n\n _setupTooltips() {}\n}\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","Selectors","Events","Messages","Tooltip"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,QAAQ,GAAG,EAAjB;AACA,IAAMC,SAAS,GAAG,EAAlB;AACA,IAAMC,MAAM,GAAG,EAAf;AACA,IAAMC,QAAQ,GAAG,EAAjB;;IAIqBC,O;AACnB,qBAAc;AAAA;AAAE;;;;4BAIR,CAAE;;;2BACH,CAAE","sourcesContent":["const KeyCodes = {}\r\nconst Selectors = {}\r\nconst Events = {}\r\nconst Messages = {}\r\n\r\n// Add left or top offset for tooltips. That's it really.\r\n\r\nexport default class Tooltip {\r\n constructor() {}\r\n\r\n // public\r\n\r\n start() {}\r\n stop() {}\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/index.bundle.js b/js/src/index.bundle.js index 0e8e1789..17035243 100644 --- a/js/src/index.bundle.js +++ b/js/src/index.bundle.js @@ -1,5 +1,5 @@ import Undernet from "./index" window.Undernet = Undernet -export { default as Undernet, Modals, Accordions, Dropdowns, Utils } from "./index" +export { default as Undernet, Modals, Accordions, Dropdowns, Tooltips, Utils } from "./index" diff --git a/js/src/index.js b/js/src/index.js index de218a9a..84ff2194 100644 --- a/js/src/index.js +++ b/js/src/index.js @@ -2,17 +2,19 @@ import _Modals from "./modal" import _Accordion from "./accordion" import _Dropdown from "./dropdown" import _Utils from "./utils" +import _Tooltips from "./tooltips" export const Modals = new _Modals() export const Accordions = new _Accordion() export const Dropdowns = new _Dropdown() -export const Utils = new _Utils() +export const Tooltips = new _Tooltips() const Undernet = { // Components Modals, Accordions, Dropdowns, + Tooltips, // Utils Utils, @@ -23,6 +25,7 @@ Undernet.start = () => { Undernet.Modals.start() Undernet.Accordions.start() Undernet.Dropdowns.start() + Undernet.Tooltips.start() // Utils Undernet.Utils.enableFocusOutline() @@ -33,6 +36,7 @@ Undernet.stop = () => { Undernet.Modals.stop() Undernet.Accordions.stop() Undernet.Dropdowns.stop() + Undernet.Tooltips.stop() // Utils Undernet.Utils.disableFocusOutline() diff --git a/js/src/tooltip.js b/js/src/tooltip.js new file mode 100644 index 00000000..85e22c84 --- /dev/null +++ b/js/src/tooltip.js @@ -0,0 +1,15 @@ +const KeyCodes = {} +const Selectors = {} +const Events = {} +const Messages = {} + +// Add left or top offset for tooltips. That's it really. + +export default class Tooltip { + constructor() {} + + // public + + start() {} + stop() {} +} diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss index addd2d60..c1189f47 100644 --- a/scss/components/_tooltip.scss +++ b/scss/components/_tooltip.scss @@ -78,7 +78,7 @@ } } -.tooltip-button { +.tooltip-trigger { display: inline-block; &:hover { From f55538130b3946bd28a5c8708725ef94a3b28aef Mon Sep 17 00:00:00 2001 From: george Date: Sat, 23 Mar 2019 09:46:32 -0700 Subject: [PATCH 10/31] fix improperly aligned arrows on dropdowns and tooltips --- js/dist/index.js | 18 ++++++++++-------- js/dist/index.js.map | 2 +- js/dist/tooltip.js.map | 2 +- js/src/index.js | 7 ++++--- js/src/tooltip.js | 10 +++++++++- scss/helpers/_mixins.scss | 4 ++-- 6 files changed, 27 insertions(+), 16 deletions(-) diff --git a/js/dist/index.js b/js/dist/index.js index ecd06fe1..35f9ef0d 100644 --- a/js/dist/index.js +++ b/js/dist/index.js @@ -3,28 +3,30 @@ Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = exports.Tooltips = exports.Dropdowns = exports.Accordions = exports.Modals = void 0; - -var _modal = _interopRequireDefault(require("./modal")); +exports.default = exports.Utils = exports.Tooltips = exports.Modals = exports.Dropdowns = exports.Accordions = void 0; var _accordion = _interopRequireDefault(require("./accordion")); var _dropdown = _interopRequireDefault(require("./dropdown")); -var _utils = _interopRequireDefault(require("./utils")); +var _modal = _interopRequireDefault(require("./modal")); + +var _tooltip = _interopRequireDefault(require("./tooltip")); -var _tooltips = _interopRequireDefault(require("./tooltips")); +var _utils = _interopRequireDefault(require("./utils")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var Modals = new _modal.default(); -exports.Modals = Modals; var Accordions = new _accordion.default(); exports.Accordions = Accordions; var Dropdowns = new _dropdown.default(); exports.Dropdowns = Dropdowns; -var Tooltips = new _tooltips.default(); +var Modals = new _modal.default(); +exports.Modals = Modals; +var Tooltips = new _tooltip.default(); exports.Tooltips = Tooltips; +var Utils = new _utils.default(); +exports.Utils = Utils; var Undernet = { Modals: Modals, Accordions: Accordions, diff --git a/js/dist/index.js.map b/js/dist/index.js.map index 3b4832eb..47b8bc76 100644 --- a/js/dist/index.js.map +++ b/js/dist/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/index.js"],"names":["Modals","_Modals","Accordions","_Accordion","Dropdowns","_Dropdown","Tooltips","_Tooltips","Undernet","Utils","start","enableFocusOutline","stop","disableFocusOutline"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,MAAM,GAAG,IAAIC,cAAJ,EAAf;;AACA,IAAMC,UAAU,GAAG,IAAIC,kBAAJ,EAAnB;;AACA,IAAMC,SAAS,GAAG,IAAIC,iBAAJ,EAAlB;;AACA,IAAMC,QAAQ,GAAG,IAAIC,iBAAJ,EAAjB;;AAEP,IAAMC,QAAQ,GAAG;AAEfR,EAAAA,MAAM,EAANA,MAFe;AAGfE,EAAAA,UAAU,EAAVA,UAHe;AAIfE,EAAAA,SAAS,EAATA,SAJe;AAKfE,EAAAA,QAAQ,EAARA,QALe;AAQfG,EAAAA,KAAK,EAALA;AARe,CAAjB;;AAWAD,QAAQ,CAACE,KAAT,GAAiB,YAAM;AAErBF,EAAAA,QAAQ,CAACR,MAAT,CAAgBU,KAAhB;AACAF,EAAAA,QAAQ,CAACN,UAAT,CAAoBQ,KAApB;AACAF,EAAAA,QAAQ,CAACJ,SAAT,CAAmBM,KAAnB;AACAF,EAAAA,QAAQ,CAACF,QAAT,CAAkBI,KAAlB;AAGAF,EAAAA,QAAQ,CAACC,KAAT,CAAeE,kBAAf;AACD,CATD;;AAWAH,QAAQ,CAACI,IAAT,GAAgB,YAAM;AAEpBJ,EAAAA,QAAQ,CAACR,MAAT,CAAgBY,IAAhB;AACAJ,EAAAA,QAAQ,CAACN,UAAT,CAAoBU,IAApB;AACAJ,EAAAA,QAAQ,CAACJ,SAAT,CAAmBQ,IAAnB;AACAJ,EAAAA,QAAQ,CAACF,QAAT,CAAkBM,IAAlB;AAGAJ,EAAAA,QAAQ,CAACC,KAAT,CAAeI,mBAAf;AACD,CATD;;eAWeL,Q","sourcesContent":["import _Modals from \"./modal\"\nimport _Accordion from \"./accordion\"\nimport _Dropdown from \"./dropdown\"\nimport _Utils from \"./utils\"\nimport _Tooltips from \"./tooltips\"\n\nexport const Modals = new _Modals()\nexport const Accordions = new _Accordion()\nexport const Dropdowns = new _Dropdown()\nexport const Tooltips = new _Tooltips()\n\nconst Undernet = {\n // Components\n Modals,\n Accordions,\n Dropdowns,\n Tooltips,\n\n // Utils\n Utils,\n}\n\nUndernet.start = () => {\n // Components\n Undernet.Modals.start()\n Undernet.Accordions.start()\n Undernet.Dropdowns.start()\n Undernet.Tooltips.start()\n\n // Utils\n Undernet.Utils.enableFocusOutline()\n}\n\nUndernet.stop = () => {\n // Components\n Undernet.Modals.stop()\n Undernet.Accordions.stop()\n Undernet.Dropdowns.stop()\n Undernet.Tooltips.stop()\n\n // Utils\n Undernet.Utils.disableFocusOutline()\n}\n\nexport default Undernet\n"],"file":"index.js"} \ No newline at end of file +{"version":3,"sources":["../src/index.js"],"names":["Accordions","_Accordion","Dropdowns","_Dropdown","Modals","_Modals","Tooltips","_Tooltips","Utils","_Utils","Undernet","start","enableFocusOutline","stop","disableFocusOutline"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,UAAU,GAAG,IAAIC,kBAAJ,EAAnB;;AACA,IAAMC,SAAS,GAAG,IAAIC,iBAAJ,EAAlB;;AACA,IAAMC,MAAM,GAAG,IAAIC,cAAJ,EAAf;;AACA,IAAMC,QAAQ,GAAG,IAAIC,gBAAJ,EAAjB;;AACA,IAAMC,KAAK,GAAG,IAAIC,cAAJ,EAAd;;AAEP,IAAMC,QAAQ,GAAG;AAEfN,EAAAA,MAAM,EAANA,MAFe;AAGfJ,EAAAA,UAAU,EAAVA,UAHe;AAIfE,EAAAA,SAAS,EAATA,SAJe;AAKfI,EAAAA,QAAQ,EAARA,QALe;AAQfE,EAAAA,KAAK,EAALA;AARe,CAAjB;;AAWAE,QAAQ,CAACC,KAAT,GAAiB,YAAM;AAErBD,EAAAA,QAAQ,CAACN,MAAT,CAAgBO,KAAhB;AACAD,EAAAA,QAAQ,CAACV,UAAT,CAAoBW,KAApB;AACAD,EAAAA,QAAQ,CAACR,SAAT,CAAmBS,KAAnB;AACAD,EAAAA,QAAQ,CAACJ,QAAT,CAAkBK,KAAlB;AAGAD,EAAAA,QAAQ,CAACF,KAAT,CAAeI,kBAAf;AACD,CATD;;AAWAF,QAAQ,CAACG,IAAT,GAAgB,YAAM;AAEpBH,EAAAA,QAAQ,CAACN,MAAT,CAAgBS,IAAhB;AACAH,EAAAA,QAAQ,CAACV,UAAT,CAAoBa,IAApB;AACAH,EAAAA,QAAQ,CAACR,SAAT,CAAmBW,IAAnB;AACAH,EAAAA,QAAQ,CAACJ,QAAT,CAAkBO,IAAlB;AAGAH,EAAAA,QAAQ,CAACF,KAAT,CAAeM,mBAAf;AACD,CATD;;eAWeJ,Q","sourcesContent":["import _Accordion from \"./accordion\"\nimport _Dropdown from \"./dropdown\"\nimport _Modals from \"./modal\"\nimport _Tooltips from \"./tooltip\"\nimport _Utils from \"./utils\"\n\nexport const Accordions = new _Accordion()\nexport const Dropdowns = new _Dropdown()\nexport const Modals = new _Modals()\nexport const Tooltips = new _Tooltips()\nexport const Utils = new _Utils()\n\nconst Undernet = {\n // Components\n Modals,\n Accordions,\n Dropdowns,\n Tooltips,\n\n // Utils\n Utils,\n}\n\nUndernet.start = () => {\n // Components\n Undernet.Modals.start()\n Undernet.Accordions.start()\n Undernet.Dropdowns.start()\n Undernet.Tooltips.start()\n\n // Utils\n Undernet.Utils.enableFocusOutline()\n}\n\nUndernet.stop = () => {\n // Components\n Undernet.Modals.stop()\n Undernet.Accordions.stop()\n Undernet.Dropdowns.stop()\n Undernet.Tooltips.stop()\n\n // Utils\n Undernet.Utils.disableFocusOutline()\n}\n\nexport default Undernet\n"],"file":"index.js"} \ No newline at end of file diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index dd576377..a2fdcd7d 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","Selectors","Events","Messages","Tooltip"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,QAAQ,GAAG,EAAjB;AACA,IAAMC,SAAS,GAAG,EAAlB;AACA,IAAMC,MAAM,GAAG,EAAf;AACA,IAAMC,QAAQ,GAAG,EAAjB;;IAIqBC,O;AACnB,qBAAc;AAAA;AAAE;;;;4BAIR,CAAE;;;2BACH,CAAE","sourcesContent":["const KeyCodes = {}\r\nconst Selectors = {}\r\nconst Events = {}\r\nconst Messages = {}\r\n\r\n// Add left or top offset for tooltips. That's it really.\r\n\r\nexport default class Tooltip {\r\n constructor() {}\r\n\r\n // public\r\n\r\n start() {}\r\n stop() {}\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","Selectors","Events","Messages","Tooltip"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,QAAQ,GAAG,EAAjB;AACA,IAAMC,SAAS,GAAG,EAAlB;AACA,IAAMC,MAAM,GAAG,EAAf;AACA,IAAMC,QAAQ,GAAG,EAAjB;;IAYqBC,O;AACnB,qBAAc;AAAA;AAAE;;;;4BAIR,CAAE;;;2BACH,CAAE","sourcesContent":["const KeyCodes = {}\r\nconst Selectors = {}\r\nconst Events = {}\r\nconst Messages = {}\r\n\r\n/* Begin tracking:\r\n - Error events\r\n - left and top offsets for tooltips depending on detected class names\r\n - needs data-tooltip={id} (wrapper) and data-parent={id} (tooltip-box)\r\n*/\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {}\r\n\r\n // public\r\n\r\n start() {}\r\n stop() {}\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/index.js b/js/src/index.js index 84ff2194..5c4206d0 100644 --- a/js/src/index.js +++ b/js/src/index.js @@ -1,13 +1,14 @@ -import _Modals from "./modal" import _Accordion from "./accordion" import _Dropdown from "./dropdown" +import _Modals from "./modal" +import _Tooltips from "./tooltip" import _Utils from "./utils" -import _Tooltips from "./tooltips" -export const Modals = new _Modals() export const Accordions = new _Accordion() export const Dropdowns = new _Dropdown() +export const Modals = new _Modals() export const Tooltips = new _Tooltips() +export const Utils = new _Utils() const Undernet = { // Components diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 85e22c84..1cff6f38 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -3,8 +3,16 @@ const Selectors = {} const Events = {} const Messages = {} -// Add left or top offset for tooltips. That's it really. +/* Begin tracking: + - Error events + - left and top offsets for tooltips depending on detected class names + - needs data-tooltip={id} (wrapper) and data-parent={id} (tooltip-box) +*/ +/** + * Tooltip component class. + * @module Tooltip + */ export default class Tooltip { constructor() {} diff --git a/scss/helpers/_mixins.scss b/scss/helpers/_mixins.scss index 97ee0be8..fc32f6d2 100644 --- a/scss/helpers/_mixins.scss +++ b/scss/helpers/_mixins.scss @@ -70,8 +70,8 @@ // These values calculate a consistent arrow fill (inner) and arrow border (outer), // given any value of $arrow-size from _config.scss -$arrow-fill-position: $arrow-size * -2; -$arrow-border-position: $arrow-size * -2 - 1px; +$arrow-fill-position: $arrow-size * -2 + 1px; +$arrow-border-position: $arrow-size * -2 - 0.5px; @mixin arrow-base { content: ""; From 3abba8dc4817f452fbef95b7fa93d5e3c936568c Mon Sep 17 00:00:00 2001 From: george Date: Sat, 23 Mar 2019 16:21:07 -0700 Subject: [PATCH 11/31] Aligns tooltips to the center of their trigger. Updates API and docs. --- docs/tooltips.md | 78 +++++++++++++++++++++++++---------- js/dist/index.js | 1 - js/dist/index.js.map | 2 +- js/dist/tooltip.js | 48 +++++++++++++++++++-- js/dist/tooltip.js.map | 2 +- js/src/index.js | 1 - js/src/tooltip.js | 57 +++++++++++++++++++++---- scss/components/_tooltip.scss | 11 +++-- 8 files changed, 158 insertions(+), 42 deletions(-) diff --git a/docs/tooltips.md b/docs/tooltips.md index f0fa9b16..d0489b1d 100644 --- a/docs/tooltips.md +++ b/docs/tooltips.md @@ -4,9 +4,27 @@ Use tooltips to convey simple information with a hover or click action. It can b Check out this example tooltip: - - - -## On Touch Devices - -Since there's no "hover" on touch devices, how does the tooltip show? The JavaScript plugin is used to change the event to work with a click. - -Try out any of these tooltips on your phone or tablet (or if you're already on one, you may have noticed it working). +```html + + +
...
+ + + +
...
+ + + +
...
+ +``` ## Requirements diff --git a/js/dist/dropdown.js b/js/dist/dropdown.js index b1fc1649..27117690 100644 --- a/js/dist/dropdown.js +++ b/js/dist/dropdown.js @@ -69,7 +69,6 @@ var Dropdown = function (_Utils) { _classCallCheck(this, Dropdown); _this = _possibleConstructorReturn(this, _getPrototypeOf(Dropdown).call(this)); - _this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent); _this._render = _this._render.bind(_assertThisInitialized(_this)); _this._handleFirstTabClose = _this._handleFirstTabClose.bind(_assertThisInitialized(_this)); _this._handleLastTabClose = _this._handleLastTabClose.bind(_assertThisInitialized(_this)); @@ -165,7 +164,7 @@ var Dropdown = function (_Utils) { document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); document.addEventListener(Events.CLICK, this._handleOffMenuClick); - if (this._iosMobile) { + if (iOSMobile) { document.body.style.cursor = "pointer"; } @@ -240,7 +239,7 @@ var Dropdown = function (_Utils) { document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); - if (this._iosMobile) { + if (iOSMobile) { document.body.style.cursor = "auto"; } diff --git a/js/dist/dropdown.js.map b/js/dist/dropdown.js.map index 30625811..cd49223c 100644 --- a/js/dist/dropdown.js.map +++ b/js/dist/dropdown.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_iosMobile","test","navigator","userAgent","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":"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","sourcesContent":["import Utils from \"./utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (this._iosMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (this._iosMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file +{"version":3,"sources":["../src/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","iOSMobile","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG;AACfC,EAAAA,GAAG,EAAE,CADU;AAEfC,EAAAA,KAAK,EAAE,EAFQ;AAGfC,EAAAA,MAAM,EAAE,EAHO;AAIfC,EAAAA,QAAQ,EAAE,EAJK;AAKfC,EAAAA,UAAU,EAAE;AALG,CAAjB;AAQA,IAAMC,SAAS,GAAG;AAEhBC,EAAAA,aAAa,EAAE,eAFC;AAIhBC,EAAAA,WAAW,EAAE,aAJG;AAKhBC,EAAAA,WAAW,EAAE,aALG;AAMhBC,EAAAA,YAAY,EAAE,cANE;AAQhBC,EAAAA,QAAQ,EAAE,UARM;AAShBC,EAAAA,aAAa,EAAE,eATC;AAUhBC,EAAAA,aAAa,EAAE,eAVC;AAWhBC,EAAAA,eAAe,EAAE,iBAXD;AAYhBC,EAAAA,aAAa,EAAE,eAZC;AAahBC,EAAAA,IAAI,EAAE;AAbU,CAAlB;AAgBA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAE,SADI;AAEbC,EAAAA,KAAK,EAAE;AAFM,CAAf;AAKA,IAAMC,QAAQ,GAAG;AACfC,EAAAA,eAAe,6DADA;AAEfC,EAAAA,iBAAiB,EAAE,2BAAAC,IAAI;AAAA,uEAAyDA,IAAzD;AAAA,GAFR;AAGfC,EAAAA,aAAa,EAAE,uBAAAD,IAAI;AAAA,yDAA2CA,IAA3C;AAAA;AAHJ,CAAjB;;IAWqBE,Q;;;AACnB,sBAAc;AAAA;;AAAA;;AACZ;AAEA,UAAKC,OAAL,GAAe,MAAKA,OAAL,CAAaC,IAAb,+BAAf;AACA,UAAKC,oBAAL,GAA4B,MAAKA,oBAAL,CAA0BD,IAA1B,+BAA5B;AACA,UAAKE,mBAAL,GAA2B,MAAKA,mBAAL,CAAyBF,IAAzB,+BAA3B;AACA,UAAKG,eAAL,GAAuB,MAAKA,eAAL,CAAqBH,IAArB,+BAAvB;AACA,UAAKI,YAAL,GAAoB,MAAKA,YAAL,CAAkBJ,IAAlB,+BAApB;AACA,UAAKK,qBAAL,GAA6B,MAAKA,qBAAL,CAA2BL,IAA3B,+BAA7B;AACA,UAAKM,mBAAL,GAA2B,MAAKA,mBAAL,CAAyBN,IAAzB,+BAA3B;AAGA,UAAKO,qBAAL,GAA6B,IAA7B;AACA,UAAKC,eAAL,GAAuB,IAAvB;AACA,UAAKC,mBAAL,GAA2B,IAA3B;AACA,UAAKC,oBAAL,GAA4B,EAA5B;AACA,UAAKC,iBAAL,GAAyB,IAAzB;AACA,UAAKC,iBAAL,GAAyB,EAAzB;AACA,UAAKC,mBAAL,GAA2B,EAA3B;AACA,UAAKC,qBAAL,GAA6B,EAA7B;AAGA,UAAKC,gBAAL,GAAwB,EAAxB;AACA,UAAKC,UAAL,GAAkB,EAAlB;AAGA,UAAKC,sBAAL,cAAkCtC,SAAS,CAACC,aAA5C;AACA,UAAKsC,mBAAL,cAA+BvC,SAAS,CAACE,WAAzC;AA3BY;AA4Bb;;;;4BAQO;AAAA;;AACN,WAAKmC,UAAL,GAAkBG,QAAQ,CAACC,gBAAT,WAA6B,KAAKH,sBAAlC,EAAlB;AACA,WAAKF,gBAAL,GAAwBI,QAAQ,CAACC,gBAAT,WACnB,KAAKH,sBADc,gBACc,KAAKC,mBADnB,EAAxB;;AAIA,UAAI,KAAKF,UAAL,CAAgBK,MAApB,EAA4B;AAC1B,aAAKL,UAAL,CAAgBM,OAAhB,CAAwB,UAAAC,QAAQ;AAAA,iBAAI,MAAI,CAACC,cAAL,CAAoBD,QAApB,CAAJ;AAAA,SAAhC;AACD;;AAED,WAAKR,gBAAL,CAAsBO,OAAtB,CAA8B,UAAAG,MAAM,EAAI;AACtCA,QAAAA,MAAM,CAACC,gBAAP,CAAwBpC,MAAM,CAACE,KAA/B,EAAsC,MAAI,CAACO,OAA3C;AACA0B,QAAAA,MAAM,CAACC,gBAAP,CAAwBpC,MAAM,CAACC,OAA/B,EAAwC,MAAI,CAACY,eAA7C;AACD,OAHD;AAID;;;2BAKM;AAAA;;AACL,WAAKY,gBAAL,CAAsBO,OAAtB,CAA8B,UAAAG,MAAM,EAAI;AACtCA,QAAAA,MAAM,CAACE,mBAAP,CAA2BrC,MAAM,CAACE,KAAlC,EAAyC,MAAI,CAACO,OAA9C;AACA0B,QAAAA,MAAM,CAACE,mBAAP,CAA2BrC,MAAM,CAACC,OAAlC,EAA2C,MAAI,CAACY,eAAhD;AACD,OAHD;AAID;;;4BASOyB,K,EAAOC,G,EAAK;AAAA;;AAClBD,MAAAA,KAAK,CAACE,cAAN;AACAF,MAAAA,KAAK,CAACG,eAAN;;AAEA,UAAI,KAAKxB,qBAAT,EAAgC;AAC9B,aAAKI,iBAAL,GAAyB,KAAzB;;AACA,aAAKP,YAAL,CAAkBwB,KAAlB;;AACA,aAAKjB,iBAAL,GAAyB,IAAzB;AACD;;AAGD,WAAKJ,qBAAL,GAA6BqB,KAAK,CAACI,MAAnC;;AAEA,UAAI,CAAC,KAAKzB,qBAAL,CAA2B0B,YAA3B,CAAwCtD,SAAS,CAACG,WAAlD,CAAL,EAAqE;AACnE,eAAOoD,OAAO,CAACC,KAAR,CAAc1C,QAAQ,CAACC,eAAvB,CAAP;AACD;;AAED,WAAKkB,iBAAL,GAAyB,KAAKL,qBAAL,CAA2B0B,YAA3B,CAAwCtD,SAAS,CAACG,WAAlD,CAAzB;AAGA,WAAK+B,mBAAL,cAA+BlC,SAAS,CAACC,aAAzC,gBAA2D,KAAKgC,iBAAhE;;AAEA,UAAI,CAACO,QAAQ,CAACiB,aAAT,CAAuB,KAAKvB,mBAA5B,CAAL,EAAuD;AACrD,eAAOqB,OAAO,CAACC,KAAR,CAAc1C,QAAQ,CAACE,iBAAT,CAA2B,KAAKkB,mBAAhC,CAAd,CAAP;AACD;;AAED,WAAKL,eAAL,GAAuBW,QAAQ,CAACiB,aAAT,CAAuB,KAAKvB,mBAA5B,CAAvB;AAGA,WAAKC,qBAAL,GAA6B,KAAKP,qBAAL,CAA2B0B,YAA3B,CAAwCtD,SAAS,CAACE,WAAlD,CAA7B;AACA,WAAK4B,mBAAL,GAA2BU,QAAQ,CAACkB,cAAT,CAAwB,KAAKvB,qBAA7B,CAA3B;;AAGA,WAAKP,qBAAL,CAA2B+B,YAA3B,CAAwC3D,SAAS,CAACS,aAAlD,EAAiE,MAAjE;;AACA,WAAKoB,eAAL,CAAqB8B,YAArB,CAAkC3D,SAAS,CAACI,YAA5C,EAA0D,MAA1D;;AAGA,WAAKwB,qBAAL,CAA2BoB,mBAA3B,CAA+CrC,MAAM,CAACE,KAAtD,EAA6D,KAAKO,OAAlE;;AACA,WAAKQ,qBAAL,CAA2BmB,gBAA3B,CAA4CpC,MAAM,CAACE,KAAnD,EAA0D,KAAKY,YAA/D;;AAEAe,MAAAA,QAAQ,CAACO,gBAAT,CAA0BpC,MAAM,CAACC,OAAjC,EAA0C,KAAKc,qBAA/C;AACAc,MAAAA,QAAQ,CAACO,gBAAT,CAA0BpC,MAAM,CAACE,KAAjC,EAAwC,KAAKc,mBAA7C;;AAGA,UAAIiC,SAAJ,EAAe;AACbpB,QAAAA,QAAQ,CAACqB,IAAT,CAAcC,KAAd,CAAoBC,MAApB,GAA6B,SAA7B;AACD;;AAED,WAAKhC,oBAAL,GAA4B,KAAKiC,iBAAL,CAAuB,KAAK9B,mBAA5B,CAA5B;AAEA,WAAK+B,iBAAL,GAAyB,KAAKlC,oBAAL,CAA0B,CAA1B,CAAzB;AACA,WAAKmC,gBAAL,GAAwB,KAAKnC,oBAAL,CAA0B,KAAKA,oBAAL,CAA0BW,MAA1B,GAAmC,CAA7D,CAAxB;AAEA,WAAKuB,iBAAL,CAAuBlB,gBAAvB,CAAwCpC,MAAM,CAACC,OAA/C,EAAwD,KAAKU,oBAA7D;AACA,WAAK4C,gBAAL,CAAsBnB,gBAAtB,CAAuCpC,MAAM,CAACC,OAA9C,EAAuD,KAAKW,mBAA5D;;AAEA,UAAI2B,GAAG,IAAIA,GAAG,KAAKxD,QAAQ,CAACI,QAA5B,EAAsC;AACpC,aAAKoE,gBAAL,CAAsBC,KAAtB;AACD,OAFD,MAEO;AACL,aAAKF,iBAAL,CAAuBE,KAAvB;AACD;;AAED,WAAKpC,oBAAL,CAA0BY,OAA1B,CAAkC,UAAAyB,IAAI,EAAI;AACxCA,QAAAA,IAAI,CAACT,YAAL,CAAkB3D,SAAS,CAACK,QAA5B,EAAsC,GAAtC;AACA+D,QAAAA,IAAI,CAACrB,gBAAL,CAAsBpC,MAAM,CAACE,KAA7B,EAAoC,MAAI,CAACY,YAAzC;AACD,OAHD;;AAKA,WAAK4C,YAAL,WAAqB,KAAKnC,mBAA1B,YAAsD;AAAEoC,QAAAA,SAAS,EAAE;AAAb,OAAtD;AACD;;;yCAMoBrB,K,EAAO;AAC1B,UAAMsB,QAAQ,GAAGtB,KAAK,CAACuB,KAAN,KAAgB9E,QAAQ,CAACE,KAAzB,IAAkCqD,KAAK,CAACsB,QAAzD;AACA,UAAME,MAAM,GAAGxB,KAAK,CAACuB,KAAN,KAAgB9E,QAAQ,CAACC,GAAxC;;AAEA,UAAI4E,QAAQ,IAAIE,MAAhB,EAAwB;AACtB,aAAKhD,YAAL,CAAkBwB,KAAlB;AACD;AACF;;;wCAMmBA,K,EAAO;AACzB,UAAMsB,QAAQ,GAAGtB,KAAK,CAACuB,KAAN,KAAgB9E,QAAQ,CAACE,KAAzB,IAAkCqD,KAAK,CAACsB,QAAzD;AACA,UAAME,MAAM,GAAGxB,KAAK,CAACuB,KAAN,KAAgB9E,QAAQ,CAACC,GAAxC;;AAEA,UAAI8E,MAAM,IAAI,CAACF,QAAf,EAAyB;AACvB,aAAK9C,YAAL,CAAkBwB,KAAlB;AACD;AACF;;;oCAMeA,K,EAAO;AACrB,UAAIA,KAAK,CAACuB,KAAN,KAAgB9E,QAAQ,CAACI,QAAzB,IAAqCmD,KAAK,CAACuB,KAAN,KAAgB9E,QAAQ,CAACK,UAAlE,EAA8E;AAC5E,aAAKqB,OAAL,CAAa6B,KAAb,EAAoBA,KAAK,CAACuB,KAA1B;AACD;AACF;;;iCAMYvB,K,EAAO;AAAA;;AAClBA,MAAAA,KAAK,CAACE,cAAN;AAEA,WAAKuB,YAAL;;AAEA,WAAK9C,qBAAL,CAA2B+B,YAA3B,CAAwC3D,SAAS,CAACS,aAAlD,EAAiE,OAAjE;;AACA,WAAKoB,eAAL,CAAqB8B,YAArB,CAAkC3D,SAAS,CAACI,YAA5C,EAA0D,OAA1D;;AAEA,WAAK2B,oBAAL,CAA0BY,OAA1B,CAAkC,UAAAyB,IAAI,EAAI;AACxCA,QAAAA,IAAI,CAACT,YAAL,CAAkB3D,SAAS,CAACK,QAA5B,EAAsC,IAAtC;AACA+D,QAAAA,IAAI,CAACpB,mBAAL,CAAyBrC,MAAM,CAACE,KAAhC,EAAuC,MAAI,CAACY,YAA5C;AACD,OAHD;;AAKA,WAAKG,qBAAL,CAA2BoB,mBAA3B,CAA+CrC,MAAM,CAACE,KAAtD,EAA6D,KAAKY,YAAlE;;AACA,WAAKG,qBAAL,CAA2BmB,gBAA3B,CAA4CpC,MAAM,CAACE,KAAnD,EAA0D,KAAKO,OAA/D;;AAEAoB,MAAAA,QAAQ,CAACQ,mBAAT,CAA6BrC,MAAM,CAACC,OAApC,EAA6C,KAAKc,qBAAlD;;AAEA,UAAIkC,SAAJ,EAAe;AACbpB,QAAAA,QAAQ,CAACqB,IAAT,CAAcC,KAAd,CAAoBC,MAApB,GAA6B,MAA7B;AACD;;AAEDvB,MAAAA,QAAQ,CAACQ,mBAAT,CAA6BrC,MAAM,CAACE,KAApC,EAA2C,KAAKc,mBAAhD;;AAEA,UAAI,KAAKK,iBAAT,EAA4B;AAC1B,aAAK2C,kBAAL;AACD;;AAED,WAAK/C,qBAAL,GAA6B,IAA7B;AACD;;;0CAMqBqB,K,EAAO;AAC3B,UAAIA,KAAK,CAACuB,KAAN,KAAgB9E,QAAQ,CAACG,MAA7B,EAAqC;AACnC,aAAK4B,YAAL,CAAkBwB,KAAlB;AACD;AACF;;;wCAMmBA,K,EAAO;AACzB,UAAIA,KAAK,CAACI,MAAN,KAAiB,KAAKzB,qBAAtB,IAA+CqB,KAAK,CAACI,MAAN,KAAiB,KAAKvB,mBAAzE,EAA8F;AAC5F,aAAKL,YAAL,CAAkBwB,KAAlB;AACD;AACF;;;yCAKoB;AACnB,WAAKrB,qBAAL,CAA2B+B,YAA3B,CAAwC3D,SAAS,CAAC4E,SAAlD,EAA6D,IAA7D;;AACA,WAAKhD,qBAAL,CAA2BuC,KAA3B;;AACA,WAAKvC,qBAAL,CAA2BiD,eAA3B,CAA2C7E,SAAS,CAAC4E,SAArD;AACD;;;sCAOiB3D,I,EAAM;AACtB,aAAOuB,QAAQ,CAACC,gBAAT,WAA6BxB,IAA7B,6BAAoDA,IAApD,yBAAP;AACD;;;mCAMc2B,Q,EAAU;AACvB,UAAMkC,UAAU,GAAGlC,QAAQ,CAACU,YAAT,CAAsBtD,SAAS,CAACC,aAAhC,CAAnB;AACA,UAAM8E,cAAc,cAAO/E,SAAS,CAACC,aAAjB,gBAAmC6E,UAAnC,QAApB;AACA,UAAME,qBAAqB,aAAMD,cAAN,eAA3B;;AAEA,UAAI,CAACvC,QAAQ,CAACiB,aAAT,WAA0BsB,cAA1B,WAAL,EAAuD;AACrD,eAAOxB,OAAO,CAACC,KAAR,CAAc1C,QAAQ,CAACI,aAAT,CAAuB6D,cAAvB,CAAd,CAAP;AACD;;AAED,UAAME,YAAY,GAAGzC,QAAQ,CAACiB,aAAT,WAA0BsB,cAA1B,WAArB;AACA,UAAMG,cAAc,GAAG1C,QAAQ,CAACiB,aAAT,WAA0BsB,cAA1B,gBAA8C,KAAKxC,mBAAnD,EAAvB;AAEA2C,MAAAA,cAAc,CAACvB,YAAf,CAA4B3D,SAAS,CAACO,aAAtC,EAAqD0E,YAAY,CAACE,EAAlE;AACAD,MAAAA,cAAc,CAACvB,YAAf,CAA4B3D,SAAS,CAACM,aAAtC,EAAqD,MAArD;AACA4E,MAAAA,cAAc,CAACvB,YAAf,CAA4B3D,SAAS,CAACS,aAAtC,EAAqD,OAArD;AACAwE,MAAAA,YAAY,CAACtB,YAAb,CAA0B3D,SAAS,CAACQ,eAApC,EAAqD0E,cAAc,CAACC,EAApE;AAEA,UAAMC,iBAAiB,GAAG5C,QAAQ,CAACC,gBAAT,CAA0BuC,qBAA1B,CAA1B;AACAI,MAAAA,iBAAiB,CAACzC,OAAlB,CAA0B,UAAA0C,IAAI;AAAA,eAAIA,IAAI,CAAC1B,YAAL,CAAkB3D,SAAS,CAACU,IAA5B,EAAkC,MAAlC,CAAJ;AAAA,OAA9B;;AAEA,WAAKsD,iBAAL,CAAuBe,cAAvB,EAAuCpC,OAAvC,CAA+C,UAAAyB,IAAI,EAAI;AACrDA,QAAAA,IAAI,CAACT,YAAL,CAAkB3D,SAAS,CAACU,IAA5B,EAAkC,UAAlC;AACA0D,QAAAA,IAAI,CAACT,YAAL,CAAkB3D,SAAS,CAACK,QAA5B,EAAsC,IAAtC;AACD,OAHD;AAID;;;;EArRmCiF,c","sourcesContent":["import Utils from \"./utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (iOSMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (iOSMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file diff --git a/js/dist/modal.js b/js/dist/modal.js index da2fa7cf..57de5ab5 100644 --- a/js/dist/modal.js +++ b/js/dist/modal.js @@ -66,7 +66,6 @@ var Modal = function (_Utils) { _classCallCheck(this, Modal); _this = _possibleConstructorReturn(this, _getPrototypeOf(Modal).call(this)); - _this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent); _this._render = _this._render.bind(_assertThisInitialized(_this)); _this._handleClose = _this._handleClose.bind(_assertThisInitialized(_this)); _this._handleOverlayClick = _this._handleOverlayClick.bind(_assertThisInitialized(_this)); @@ -157,7 +156,7 @@ var Modal = function (_Utils) { this._activeModalOverlay.scrollTop = 0; - if (this._iosMobile) { + if (_utils.iOSMobile) { this._activeModalOverlay.style.cursor = "pointer"; } @@ -215,7 +214,7 @@ var Modal = function (_Utils) { element.setAttribute(Selectors.TABINDEX, "-1"); }); - if (this._iosMobile) { + if (_utils.iOSMobile) { this._activeModalOverlay.style.cursor = "auto"; } diff --git a/js/dist/modal.js.map b/js/dist/modal.js.map index cd594fd4..cc8bb964 100644 --- a/js/dist/modal.js.map +++ b/js/dist/modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/modal.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_MODAL","DATA_MODAL_ID","DATA_MODAL_BUTTON","DATA_VISIBLE","DATA_CLOSE","DATA_TARGET","DATA_PARENT","ARIA_HIDDEN","ARIA_MODAL","ROLE","TABINDEX","NO_SCROLL","Events","KEYDOWN","CLICK","RESIZE","Messages","NO_TARGET_ERROR","NO_PARENT_ERROR","NO_ID_ERROR","id","Modal","_iosMobile","test","navigator","userAgent","_render","bind","_handleClose","_handleOverlayClick","_handleEscapeKeyPress","_modals","_modalButtons","_activeModalButton","_activeModalOverlay","_activeModal","_activeModalId","_activeModalOverlayAttr","_activeModalSelector","_activeModalCloseButtons","_modalContainerAttr","document","querySelectorAll","forEach","element","setAttribute","length","modal","_setupModal","button","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","console","error","querySelector","_handleScrollStop","captureFocus","focus","scrollTop","style","cursor","modalId","modalWrapper","_handleReturnFocus","_handleScrollRestore","releaseFocus","removeAttribute","which","body","classList","remove","add","Utils"],"mappings":"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","sourcesContent":["import Utils, { getFocusableElements } from \"./utils\"\n\nconst KeyCodes = {\n ESCAPE: 27,\n}\n\nconst Selectors = {\n // unique\n DATA_MODAL: \"data-modal\",\n DATA_MODAL_ID: \"data-modal-id\",\n DATA_MODAL_BUTTON: \"data-modal-button\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_CLOSE: \"data-close\",\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_MODAL: \"aria-modal\",\n ROLE: \"role\",\n TABINDEX: \"tabindex\",\n // classes\n NO_SCROLL: \"no-scroll\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n RESIZE: \"resize\",\n}\n\nconst Messages = {\n NO_TARGET_ERROR: `Could not find [data-target] attribute associated with a [data-modal-button] element.`,\n NO_PARENT_ERROR: `Could not find [data-parent] attribute associated with a [data-modal] element.`,\n NO_ID_ERROR: id =>\n `Could not find [data-modal-id='${id}'] associated with a [data-modal] element.`,\n}\n\n/**\n * Modal component class.\n * @module Modal\n * @requires Utils\n */\nexport default class Modal extends Utils {\n constructor() {\n super()\n\n this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent)\n\n // events\n this._render = this._render.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleOverlayClick = this._handleOverlayClick.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n\n // all modals\n this._modals = []\n this._modalButtons = []\n\n // active modal\n this._activeModalButton = {}\n this._activeModalOverlay = {}\n this._activeModal = {}\n this._activeModalId = \"\"\n this._activeModalOverlayAttr = \"\"\n this._activeModalSelector = \"\"\n this._activeModalCloseButtons = []\n\n // attribute helpers\n this._modalContainerAttr = `[${Selectors.DATA_MODAL}]`\n }\n\n // public\n\n /**\n * Add accessible attributes to modal containers\n * Begin listening to elements with [data-modal-button]\n */\n start() {\n this._modals = document.querySelectorAll(this._modalContainerAttr)\n this._modalButtons = document.querySelectorAll(`[${Selectors.DATA_MODAL_BUTTON}]`)\n\n getFocusableElements(this._modalContainerAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._modals.length) {\n this._modals.forEach(modal => {\n this._setupModal(modal)\n })\n }\n\n if (this._modalButtons.length) {\n this._modalButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to modal buttons\n */\n stop() {\n this._modalButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n this._activeModalButton = event.target\n\n if (!this._activeModalButton.getAttribute(Selectors.DATA_TARGET)) {\n return console.error(Messages.NO_TARGET_ERROR)\n }\n\n this._activeModalId = this._activeModalButton.getAttribute(Selectors.DATA_TARGET)\n this._activeModalOverlayAttr = `[${Selectors.DATA_MODAL_ID}=\"${this._activeModalId}\"]`\n\n if (!document.querySelector(this._activeModalOverlayAttr)) {\n return console.error(Messages.NO_ID_ERROR(this._activeModalId))\n }\n\n this._activeModalOverlay = document.querySelector(this._activeModalOverlayAttr)\n\n this._activeModalSelector = `${this._activeModalOverlayAttr} ${this._modalContainerAttr}`\n this._activeModal = document.querySelector(this._activeModalSelector)\n this._activeModalCloseButtons = document.querySelectorAll(\n `${this._activeModalOverlayAttr} [${Selectors.DATA_CLOSE}]`\n )\n\n // allow focusable elements to be focused\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n\n // capture focus, stop scrolling, and toggle attributes for visibility\n this._handleScrollStop()\n this.captureFocus(this._activeModalSelector)\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // focus the modal\n this._activeModal.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModal.focus()\n\n // offset slight scroll caused by this._activeModal.focus()\n this._activeModalOverlay.scrollTop = 0\n\n // on ios devices, let the modal close on overlay click\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"pointer\"\n }\n\n // begin listening to events\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n _setupModal(modal) {\n let modalId\n if (!modal.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n } else {\n modalId = modal.getAttribute(Selectors.DATA_PARENT)\n }\n\n let modalWrapper\n if (!document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)) {\n return console.error(Messages.NO_ID_ERROR(modalId))\n } else {\n modalWrapper = document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)\n }\n\n modalWrapper.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n modalWrapper.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n modal.setAttribute(Selectors.ARIA_MODAL, \"true\")\n modal.setAttribute(Selectors.ROLE, \"dialog\")\n }\n\n /**\n * Turn off event listeners and reset focus to last selected DOM node (button)\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n this._handleReturnFocus()\n this._handleScrollRestore()\n this.releaseFocus()\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n this._activeModal.removeAttribute(Selectors.TABINDEX)\n\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._iosMobile) {\n this._activeModalOverlay.style.cursor = \"auto\"\n }\n\n // stop listening to events\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.removeEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n /**\n * Handles click event on the modal background to close it.\n * @param {Object} event - The event object\n */\n _handleOverlayClick(event) {\n if (event.target === this._activeModalOverlay) {\n this._handleClose(event)\n }\n }\n\n /**\n * Handles escape key event to close the current modal\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Returns focus to the last focused element before the modal was called.\n * @param {Object} button - The current modal's corresponding button.\n */\n _handleReturnFocus() {\n this._activeModalButton.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModalButton.focus()\n this._activeModalButton.removeAttribute(Selectors.TABINDEX)\n }\n\n /**\n * Restores scroll behavior to and \n */\n _handleScrollRestore() {\n document.body.classList.remove(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.remove(Selectors.NO_SCROLL)\n }\n\n /**\n * Prevents scroll behavior on and \n */\n _handleScrollStop() {\n document.body.classList.add(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.add(Selectors.NO_SCROLL)\n }\n}\n"],"file":"modal.js"} \ No newline at end of file +{"version":3,"sources":["../src/modal.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_MODAL","DATA_MODAL_ID","DATA_MODAL_BUTTON","DATA_VISIBLE","DATA_CLOSE","DATA_TARGET","DATA_PARENT","ARIA_HIDDEN","ARIA_MODAL","ROLE","TABINDEX","NO_SCROLL","Events","KEYDOWN","CLICK","RESIZE","Messages","NO_TARGET_ERROR","NO_PARENT_ERROR","NO_ID_ERROR","id","Modal","_render","bind","_handleClose","_handleOverlayClick","_handleEscapeKeyPress","_modals","_modalButtons","_activeModalButton","_activeModalOverlay","_activeModal","_activeModalId","_activeModalOverlayAttr","_activeModalSelector","_activeModalCloseButtons","_modalContainerAttr","document","querySelectorAll","forEach","element","setAttribute","length","modal","_setupModal","button","addEventListener","removeEventListener","event","preventDefault","target","getAttribute","console","error","querySelector","_handleScrollStop","captureFocus","focus","scrollTop","iOSMobile","style","cursor","modalId","modalWrapper","_handleReturnFocus","_handleScrollRestore","releaseFocus","removeAttribute","which","body","classList","remove","add","Utils"],"mappings":"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","sourcesContent":["import Utils, { iOSMobile, getFocusableElements } from \"./utils\"\n\nconst KeyCodes = {\n ESCAPE: 27,\n}\n\nconst Selectors = {\n // unique\n DATA_MODAL: \"data-modal\",\n DATA_MODAL_ID: \"data-modal-id\",\n DATA_MODAL_BUTTON: \"data-modal-button\",\n // common\n DATA_VISIBLE: \"data-visible\",\n DATA_CLOSE: \"data-close\",\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n // accessibility\n ARIA_HIDDEN: \"aria-hidden\",\n ARIA_MODAL: \"aria-modal\",\n ROLE: \"role\",\n TABINDEX: \"tabindex\",\n // classes\n NO_SCROLL: \"no-scroll\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n RESIZE: \"resize\",\n}\n\nconst Messages = {\n NO_TARGET_ERROR: `Could not find [data-target] attribute associated with a [data-modal-button] element.`,\n NO_PARENT_ERROR: `Could not find [data-parent] attribute associated with a [data-modal] element.`,\n NO_ID_ERROR: id =>\n `Could not find [data-modal-id='${id}'] associated with a [data-modal] element.`,\n}\n\n/**\n * Modal component class.\n * @module Modal\n * @requires Utils\n */\nexport default class Modal extends Utils {\n constructor() {\n super()\n\n // events\n this._render = this._render.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleOverlayClick = this._handleOverlayClick.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n\n // all modals\n this._modals = []\n this._modalButtons = []\n\n // active modal\n this._activeModalButton = {}\n this._activeModalOverlay = {}\n this._activeModal = {}\n this._activeModalId = \"\"\n this._activeModalOverlayAttr = \"\"\n this._activeModalSelector = \"\"\n this._activeModalCloseButtons = []\n\n // attribute helpers\n this._modalContainerAttr = `[${Selectors.DATA_MODAL}]`\n }\n\n // public\n\n /**\n * Add accessible attributes to modal containers\n * Begin listening to elements with [data-modal-button]\n */\n start() {\n this._modals = document.querySelectorAll(this._modalContainerAttr)\n this._modalButtons = document.querySelectorAll(`[${Selectors.DATA_MODAL_BUTTON}]`)\n\n getFocusableElements(this._modalContainerAttr).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (this._modals.length) {\n this._modals.forEach(modal => {\n this._setupModal(modal)\n })\n }\n\n if (this._modalButtons.length) {\n this._modalButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n })\n }\n }\n\n /**\n * Stop listening to modal buttons\n */\n stop() {\n this._modalButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n */\n _render(event) {\n event.preventDefault()\n this._activeModalButton = event.target\n\n if (!this._activeModalButton.getAttribute(Selectors.DATA_TARGET)) {\n return console.error(Messages.NO_TARGET_ERROR)\n }\n\n this._activeModalId = this._activeModalButton.getAttribute(Selectors.DATA_TARGET)\n this._activeModalOverlayAttr = `[${Selectors.DATA_MODAL_ID}=\"${this._activeModalId}\"]`\n\n if (!document.querySelector(this._activeModalOverlayAttr)) {\n return console.error(Messages.NO_ID_ERROR(this._activeModalId))\n }\n\n this._activeModalOverlay = document.querySelector(this._activeModalOverlayAttr)\n\n this._activeModalSelector = `${this._activeModalOverlayAttr} ${this._modalContainerAttr}`\n this._activeModal = document.querySelector(this._activeModalSelector)\n this._activeModalCloseButtons = document.querySelectorAll(\n `${this._activeModalOverlayAttr} [${Selectors.DATA_CLOSE}]`\n )\n\n // allow focusable elements to be focused\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"0\")\n })\n\n // capture focus, stop scrolling, and toggle attributes for visibility\n this._handleScrollStop()\n this.captureFocus(this._activeModalSelector)\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"false\")\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // focus the modal\n this._activeModal.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModal.focus()\n\n // offset slight scroll caused by this._activeModal.focus()\n this._activeModalOverlay.scrollTop = 0\n\n // on ios devices, let the modal close on overlay click\n if (iOSMobile) {\n this._activeModalOverlay.style.cursor = \"pointer\"\n }\n\n // begin listening to events\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n _setupModal(modal) {\n let modalId\n if (!modal.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n } else {\n modalId = modal.getAttribute(Selectors.DATA_PARENT)\n }\n\n let modalWrapper\n if (!document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)) {\n return console.error(Messages.NO_ID_ERROR(modalId))\n } else {\n modalWrapper = document.querySelector(`[${Selectors.DATA_MODAL_ID}='${modalId}']`)\n }\n\n modalWrapper.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n modalWrapper.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n modal.setAttribute(Selectors.ARIA_MODAL, \"true\")\n modal.setAttribute(Selectors.ROLE, \"dialog\")\n }\n\n /**\n * Turn off event listeners and reset focus to last selected DOM node (button)\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n this._activeModalOverlay.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n this._handleReturnFocus()\n this._handleScrollRestore()\n this.releaseFocus()\n this._activeModalOverlay.setAttribute(Selectors.ARIA_HIDDEN, \"true\")\n this._activeModal.removeAttribute(Selectors.TABINDEX)\n\n getFocusableElements(this._activeModalSelector).forEach(element => {\n element.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n\n if (iOSMobile) {\n this._activeModalOverlay.style.cursor = \"auto\"\n }\n\n // stop listening to events\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.removeEventListener(Events.CLICK, this._handleOverlayClick)\n this._activeModalCloseButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._handleClose)\n })\n }\n\n /**\n * Handles click event on the modal background to close it.\n * @param {Object} event - The event object\n */\n _handleOverlayClick(event) {\n if (event.target === this._activeModalOverlay) {\n this._handleClose(event)\n }\n }\n\n /**\n * Handles escape key event to close the current modal\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Returns focus to the last focused element before the modal was called.\n * @param {Object} button - The current modal's corresponding button.\n */\n _handleReturnFocus() {\n this._activeModalButton.setAttribute(Selectors.TABINDEX, \"-1\")\n this._activeModalButton.focus()\n this._activeModalButton.removeAttribute(Selectors.TABINDEX)\n }\n\n /**\n * Restores scroll behavior to and \n */\n _handleScrollRestore() {\n document.body.classList.remove(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.remove(Selectors.NO_SCROLL)\n }\n\n /**\n * Prevents scroll behavior on and \n */\n _handleScrollStop() {\n document.body.classList.add(Selectors.NO_SCROLL)\n document.querySelector(\"html\").classList.add(Selectors.NO_SCROLL)\n }\n}\n"],"file":"modal.js"} \ No newline at end of file diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js index 4edeca78..ad96842e 100644 --- a/js/dist/tooltip.js +++ b/js/dist/tooltip.js @@ -5,22 +5,33 @@ Object.defineProperty(exports, "__esModule", { }); exports.default = void 0; +var _utils = require("./utils"); + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } -var KeyCodes = {}; -var Selectors = {}; -var Events = {}; -var Messages = {}; +var Selectors = { + DATA_TOOLTIP: "data-tooltip", + DATA_TARGET: "data-target", + ROLE: "role", + ARIA_DESCRIBEDBY: "aria-describedby", + DROP_LEFT_CLASS: "is-drop-left", + DROP_RIGHT_CLASS: "is-drop-right" +}; +var Events = { + CLICK: "click" +}; +var Messages = { + NO_ID_ERROR: "Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values." +}; var Tooltip = function () { function Tooltip() { _classCallCheck(this, Tooltip); - this._iosMobile = /(iphone|ipod|ipad)/i.test(navigator.userAgent); this._setCursorPointer = this._setCursorPointer.bind(this); this._setCursorAuto = this._setCursorAuto.bind(this); this._allTooltipTriggers = []; @@ -31,11 +42,18 @@ var Tooltip = function () { value: function start() { var _this = this; - this._allTooltipTriggers = document.querySelectorAll("[data-tooltip]"); + this._allTooltipTriggers = document.querySelectorAll("[".concat(Selectors.DATA_TOOLTIP, "]")); this._allTooltipTriggers.forEach(function (element) { - var id = element.getAttribute("data-tooltip"); - var trigger = element.querySelector("[data-target=\"".concat(id, "\"]")); + var id = element.getAttribute(Selectors.DATA_TOOLTIP); + var trigger; + + if (!element.querySelector(_this._getTargetAttr(id))) { + return console.error(Messages.NO_ID_ERROR); + } else { + trigger = element.querySelector(_this._getTargetAttr(id)); + } + var tooltip = document.getElementById(id); _this._setupTooltip(trigger, tooltip, id); @@ -46,35 +64,51 @@ var Tooltip = function () { value: function stop() { var _this2 = this; - if (this._iosMobile) { + if (_utils.iOSMobile) { this._allTooltipTriggers.forEach(function (element) { - element.removeEventListener("click", _this2._setCursorPointer); + element.removeEventListener(Events.CLICK, _this2._setCursorPointer); }); } } + }, { + key: "_alignTooltip", + value: function _alignTooltip(trigger, tooltip, property) { + var triggerLength = this._getComputedLength(trigger, property); + + var tooltipLength = this._getComputedLength(tooltip, property); + + var triggerIsLongest = triggerLength > tooltipLength; + var offset = triggerIsLongest ? (triggerLength - tooltipLength) / 2 : (tooltipLength - triggerLength) / -2; + + if (property === "height") { + tooltip.style.top = "".concat(offset, "px"); + } else { + tooltip.style.left = "".concat(offset, "px"); + } + } }, { key: "_setCursorPointer", value: function _setCursorPointer(event) { event.preventDefault(); event.stopPropagation(); - document.body.addEventListener("click", this._setCursorAuto); + document.body.addEventListener(Events.CLICK, this._setCursorAuto); document.body.style.cursor = "pointer"; } }, { key: "_setCursorAuto", value: function _setCursorAuto(event) { event.preventDefault(); - document.body.removeEventListener("click", this._setCursorAuto); + document.body.removeEventListener(Events.CLICK, this._setCursorAuto); document.body.style.cursor = "auto"; } }, { key: "_setupTooltip", value: function _setupTooltip(trigger, tooltip, id) { - trigger.setAttribute("aria-describedby", id); - tooltip.setAttribute("role", "tooltip"); + trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id); + tooltip.setAttribute(Selectors.ROLE, "tooltip"); - if (this._iosMobile) { - trigger.addEventListener("click", this._setCursorPointer); + if (_utils.iOSMobile) { + trigger.addEventListener(Events.CLICK, this._setCursorPointer); } if (this._isLeftOrRight(tooltip)) { @@ -83,6 +117,11 @@ var Tooltip = function () { this._alignTooltip(trigger, tooltip, "width"); } } + }, { + key: "_getTargetAttr", + value: function _getTargetAttr(id) { + return "[".concat(Selectors.DATA_TARGET, "=\"").concat(id, "\"]"); + } }, { key: "_getComputedLength", value: function _getComputedLength(element, property) { @@ -92,23 +131,7 @@ var Tooltip = function () { key: "_isLeftOrRight", value: function _isLeftOrRight(tooltip) { var classes = tooltip.classList; - return classes.contains("is-drop-left") || classes.contains("is-drop-right"); - } - }, { - key: "_alignTooltip", - value: function _alignTooltip(trigger, tooltip, property) { - var triggerLength = this._getComputedLength(trigger, property); - - var tooltipLength = this._getComputedLength(tooltip, property); - - var triggerIsLongest = triggerLength > tooltipLength; - var offset = triggerIsLongest ? (triggerLength - tooltipLength) / 2 : (tooltipLength - triggerLength) / -2; - - if (property === "height") { - tooltip.style.top = "".concat(offset, "px"); - } else { - tooltip.style.left = "".concat(offset, "px"); - } + return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS); } }]); diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index dd42987d..a21cbbdc 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","Selectors","Events","Messages","Tooltip","_iosMobile","test","navigator","userAgent","_setCursorPointer","bind","_setCursorAuto","_allTooltipTriggers","document","querySelectorAll","forEach","element","id","getAttribute","trigger","querySelector","tooltip","getElementById","_setupTooltip","removeEventListener","event","preventDefault","stopPropagation","body","addEventListener","style","cursor","setAttribute","_isLeftOrRight","_alignTooltip","property","parseInt","window","getComputedStyle","slice","classes","classList","contains","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","top","left"],"mappings":";;;;;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,EAAjB;AACA,IAAMC,SAAS,GAAG,EAAlB;AACA,IAAMC,MAAM,GAAG,EAAf;AACA,IAAMC,QAAQ,GAAG,EAAjB;;IAQqBC,O;AACnB,qBAAc;AAAA;;AACZ,SAAKC,UAAL,GAAkB,sBAAsBC,IAAtB,CAA2BC,SAAS,CAACC,SAArC,CAAlB;AAGA,SAAKC,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBC,IAAvB,CAA4B,IAA5B,CAAzB;AACA,SAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;AAGA,SAAKE,mBAAL,GAA2B,EAA3B;AACD;;;;4BAIO;AAAA;;AACN,WAAKA,mBAAL,GAA2BC,QAAQ,CAACC,gBAAT,CAA0B,gBAA1B,CAA3B;;AAEA,WAAKF,mBAAL,CAAyBG,OAAzB,CAAiC,UAAAC,OAAO,EAAI;AAC1C,YAAMC,EAAE,GAAGD,OAAO,CAACE,YAAR,CAAqB,cAArB,CAAX;AACA,YAAMC,OAAO,GAAGH,OAAO,CAACI,aAAR,0BAAuCH,EAAvC,SAAhB;AACA,YAAMI,OAAO,GAAGR,QAAQ,CAACS,cAAT,CAAwBL,EAAxB,CAAhB;;AACA,QAAA,KAAI,CAACM,aAAL,CAAmBJ,OAAnB,EAA4BE,OAA5B,EAAqCJ,EAArC;AACD,OALD;AAMD;;;2BAEM;AAAA;;AACL,UAAI,KAAKZ,UAAT,EAAqB;AACnB,aAAKO,mBAAL,CAAyBG,OAAzB,CAAiC,UAAAC,OAAO,EAAI;AAC1CA,UAAAA,OAAO,CAACQ,mBAAR,CAA4B,OAA5B,EAAqC,MAAI,CAACf,iBAA1C;AACD,SAFD;AAGD;AACF;;;sCAIiBgB,K,EAAO;AACvBA,MAAAA,KAAK,CAACC,cAAN;AACAD,MAAAA,KAAK,CAACE,eAAN;AACAd,MAAAA,QAAQ,CAACe,IAAT,CAAcC,gBAAd,CAA+B,OAA/B,EAAwC,KAAKlB,cAA7C;AACAE,MAAAA,QAAQ,CAACe,IAAT,CAAcE,KAAd,CAAoBC,MAApB,GAA6B,SAA7B;AACD;;;mCAEcN,K,EAAO;AACpBA,MAAAA,KAAK,CAACC,cAAN;AACAb,MAAAA,QAAQ,CAACe,IAAT,CAAcJ,mBAAd,CAAkC,OAAlC,EAA2C,KAAKb,cAAhD;AACAE,MAAAA,QAAQ,CAACe,IAAT,CAAcE,KAAd,CAAoBC,MAApB,GAA6B,MAA7B;AACD;;;kCAEaZ,O,EAASE,O,EAASJ,E,EAAI;AAClCE,MAAAA,OAAO,CAACa,YAAR,CAAqB,kBAArB,EAAyCf,EAAzC;AACAI,MAAAA,OAAO,CAACW,YAAR,CAAqB,MAArB,EAA6B,SAA7B;;AAEA,UAAI,KAAK3B,UAAT,EAAqB;AACnBc,QAAAA,OAAO,CAACU,gBAAR,CAAyB,OAAzB,EAAkC,KAAKpB,iBAAvC;AACD;;AAED,UAAI,KAAKwB,cAAL,CAAoBZ,OAApB,CAAJ,EAAkC;AAChC,aAAKa,aAAL,CAAmBf,OAAnB,EAA4BE,OAA5B,EAAqC,QAArC;AACD,OAFD,MAEO;AACL,aAAKa,aAAL,CAAmBf,OAAnB,EAA4BE,OAA5B,EAAqC,OAArC;AACD;AACF;;;uCAEkBL,O,EAASmB,Q,EAAU;AACpC,aAAOC,QAAQ,CAACC,MAAM,CAACC,gBAAP,CAAwBtB,OAAxB,EAAiCmB,QAAjC,EAA2CI,KAA3C,CAAiD,CAAjD,EAAoD,CAAC,CAArD,CAAD,CAAf;AACD;;;mCAEclB,O,EAAS;AACtB,UAAMmB,OAAO,GAAGnB,OAAO,CAACoB,SAAxB;AACA,aAAOD,OAAO,CAACE,QAAR,CAAiB,cAAjB,KAAoCF,OAAO,CAACE,QAAR,CAAiB,eAAjB,CAA3C;AACD;;;kCAEavB,O,EAASE,O,EAASc,Q,EAAU;AACxC,UAAMQ,aAAa,GAAG,KAAKC,kBAAL,CAAwBzB,OAAxB,EAAiCgB,QAAjC,CAAtB;;AACA,UAAMU,aAAa,GAAG,KAAKD,kBAAL,CAAwBvB,OAAxB,EAAiCc,QAAjC,CAAtB;;AACA,UAAMW,gBAAgB,GAAGH,aAAa,GAAGE,aAAzC;AAEA,UAAME,MAAM,GAAGD,gBAAgB,GAC3B,CAACH,aAAa,GAAGE,aAAjB,IAAkC,CADP,GAE3B,CAACA,aAAa,GAAGF,aAAjB,IAAkC,CAAC,CAFvC;;AAIA,UAAIR,QAAQ,KAAK,QAAjB,EAA2B;AACzBd,QAAAA,OAAO,CAACS,KAAR,CAAckB,GAAd,aAAuBD,MAAvB;AACD,OAFD,MAEO;AACL1B,QAAAA,OAAO,CAACS,KAAR,CAAcmB,IAAd,aAAwBF,MAAxB;AACD;AACF","sourcesContent":["// TODO: Fill out KeyCodes, Selectors, Events, and Messages\r\n// TODO: Add tests\r\n\r\nconst KeyCodes = {}\r\nconst Selectors = {}\r\nconst Events = {}\r\nconst Messages = {\r\n // no tooltip id, can't create tooltip\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n this._iosMobile = /(iphone|ipod|ipad)/i.test(navigator.userAgent)\r\n\r\n // events\r\n this._setCursorPointer = this._setCursorPointer.bind(this)\r\n this._setCursorAuto = this._setCursorAuto.bind(this)\r\n\r\n // active tooltip (touch devices only)\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(\"[data-tooltip]\")\r\n\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(\"data-tooltip\")\r\n const trigger = element.querySelector(`[data-target=\"${id}\"]`)\r\n const tooltip = document.getElementById(id)\r\n this._setupTooltip(trigger, tooltip, id)\r\n })\r\n }\r\n\r\n stop() {\r\n if (this._iosMobile) {\r\n this._allTooltipTriggers.forEach(element => {\r\n element.removeEventListener(\"click\", this._setCursorPointer)\r\n })\r\n }\r\n }\r\n\r\n // private\r\n\r\n _setCursorPointer(event) {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n document.body.addEventListener(\"click\", this._setCursorAuto)\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n\r\n _setCursorAuto(event) {\r\n event.preventDefault()\r\n document.body.removeEventListener(\"click\", this._setCursorAuto)\r\n document.body.style.cursor = \"auto\"\r\n }\r\n\r\n _setupTooltip(trigger, tooltip, id) {\r\n trigger.setAttribute(\"aria-describedby\", id)\r\n tooltip.setAttribute(\"role\", \"tooltip\")\r\n\r\n if (this._iosMobile) {\r\n trigger.addEventListener(\"click\", this._setCursorPointer)\r\n }\r\n\r\n if (this._isLeftOrRight(tooltip)) {\r\n this._alignTooltip(trigger, tooltip, \"height\")\r\n } else {\r\n this._alignTooltip(trigger, tooltip, \"width\")\r\n }\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight(tooltip) {\r\n const classes = tooltip.classList\r\n return classes.contains(\"is-drop-left\") || classes.contains(\"is-drop-right\")\r\n }\r\n\r\n _alignTooltip(trigger, tooltip, property) {\r\n const triggerLength = this._getComputedLength(trigger, property)\r\n const tooltipLength = this._getComputedLength(tooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n tooltip.style.top = `${offset}px`\r\n } else {\r\n tooltip.style.left = `${offset}px`\r\n }\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["Selectors","DATA_TOOLTIP","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","Messages","NO_ID_ERROR","Tooltip","_setCursorPointer","bind","_setCursorAuto","_allTooltipTriggers","document","querySelectorAll","forEach","element","id","getAttribute","trigger","querySelector","_getTargetAttr","console","error","tooltip","getElementById","_setupTooltip","iOSMobile","removeEventListener","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","style","top","left","event","preventDefault","stopPropagation","body","addEventListener","cursor","setAttribute","_isLeftOrRight","_alignTooltip","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values.\",\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._setCursorPointer = this._setCursorPointer.bind(this)\r\n this._setCursorAuto = this._setCursorAuto.bind(this)\r\n\r\n // active tooltip (touch devices only)\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n\r\n let trigger\r\n if (!element.querySelector(this._getTargetAttr(id))) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n } else {\r\n trigger = element.querySelector(this._getTargetAttr(id))\r\n }\r\n\r\n const tooltip = document.getElementById(id)\r\n this._setupTooltip(trigger, tooltip, id)\r\n })\r\n }\r\n\r\n stop() {\r\n if (iOSMobile) {\r\n this._allTooltipTriggers.forEach(element => {\r\n element.removeEventListener(Events.CLICK, this._setCursorPointer)\r\n })\r\n }\r\n }\r\n\r\n // private\r\n\r\n _alignTooltip(trigger, tooltip, property) {\r\n const triggerLength = this._getComputedLength(trigger, property)\r\n const tooltipLength = this._getComputedLength(tooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n tooltip.style.top = `${offset}px`\r\n } else {\r\n tooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setCursorPointer(event) {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n document.body.addEventListener(Events.CLICK, this._setCursorAuto)\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n\r\n _setCursorAuto(event) {\r\n event.preventDefault()\r\n document.body.removeEventListener(Events.CLICK, this._setCursorAuto)\r\n document.body.style.cursor = \"auto\"\r\n }\r\n\r\n _setupTooltip(trigger, tooltip, id) {\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n if (iOSMobile) {\r\n trigger.addEventListener(Events.CLICK, this._setCursorPointer)\r\n }\r\n\r\n if (this._isLeftOrRight(tooltip)) {\r\n this._alignTooltip(trigger, tooltip, \"height\")\r\n } else {\r\n this._alignTooltip(trigger, tooltip, \"width\")\r\n }\r\n }\r\n\r\n _getTargetAttr(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight(tooltip) {\r\n const classes = tooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/dist/utils.js b/js/dist/utils.js index a11125da..14f8a01d 100644 --- a/js/dist/utils.js +++ b/js/dist/utils.js @@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = exports.getFocusableElements = void 0; +exports.default = exports.iOSMobile = exports.getFocusableElements = void 0; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } @@ -35,6 +35,8 @@ var getFocusableElements = function getFocusableElements(container) { }; exports.getFocusableElements = getFocusableElements; +var iOSMobile = /(iphone|ipod|ipad)/i.test(navigator.userAgent); +exports.iOSMobile = iOSMobile; var Utils = function () { function Utils() { diff --git a/js/dist/utils.js.map b/js/dist/utils.js.map index 627bcfd1..5ae52f7e 100644 --- a/js/dist/utils.js.map +++ b/js/dist/utils.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/utils.js"],"names":["KeyCodes","SHIFT","TAB","ARROW_UP","ARROW_DOWN","Selectors","NOT_VISUALLY_HIDDEN","FOCUSABLE_TAGS","KEYBOARD_CLASS","Events","KEYDOWN","CLICK","getFocusableElements","container","focusables","map","element","join","document","querySelectorAll","Utils","_listenForKeyboard","bind","_listenForClick","_handleFocusTrapWithTab","_handleFocusTrapWithArrows","_focusContainerSelector","_focusableChildren","_focusableFirstChild","_focusableLastChild","_listeningForKeydown","_trapFocusWithArrows","options","length","useArrows","addEventListener","removeEventListener","event","body","classList","add","remove","containerElement","querySelector","containerActive","activeElement","firstActive","lastActive","tabKey","which","shiftKey","hasShift","noShift","preventDefault","focus","arrowUp","arrowDown","_focusNextChild","_focusLastChild","i"],"mappings":"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","sourcesContent":["const KeyCodes = {\n SHIFT: 16,\n TAB: 9,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n NOT_VISUALLY_HIDDEN: \":not(.is-visually-hidden)\",\n FOCUSABLE_TAGS: [\"a\", \"button\", \"input\", \"object\", \"select\", \"textarea\", \"[tabindex]\"],\n KEYBOARD_CLASS: \"using-keyboard\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\n/**\n * Creates a string of element selector patterns using common elements.\n * @param {String} container - The enclosing container's class, attribute, etc.\n * @return {String}\n */\nexport const getFocusableElements = container => {\n const focusables = Selectors.FOCUSABLE_TAGS.map(\n element => `${container} ${element}${Selectors.NOT_VISUALLY_HIDDEN}`\n ).join(\", \")\n\n return document.querySelectorAll(focusables)\n}\n\n/**\n * Utility methods for DOM traversal and focus trapping.\n * @module Utils\n */\nexport default class Utils {\n constructor() {\n // events\n this._listenForKeyboard = this._listenForKeyboard.bind(this)\n this._listenForClick = this._listenForClick.bind(this)\n this._handleFocusTrapWithTab = this._handleFocusTrapWithTab.bind(this)\n this._handleFocusTrapWithArrows = this._handleFocusTrapWithArrows.bind(this)\n\n this._focusContainerSelector = \"\"\n this._focusableChildren = []\n this._focusableFirstChild = {}\n this._focusableLastChild = {}\n this._listeningForKeydown = false\n this._trapFocusWithArrows = false\n }\n\n // public\n\n /**\n * Listens to the first and last elements matched from this.getFocusableElements()\n * @param {String} container - The container's class, attribute, etc.\n * @param {Object} options - Optional has hof options.\n */\n captureFocus(container, options) {\n this._focusContainerSelector = container\n this._focusableChildren = getFocusableElements(this._focusContainerSelector)\n this._focusableFirstChild = this._focusableChildren[0]\n this._focusableLastChild = this._focusableChildren[this._focusableChildren.length - 1]\n\n if (options) {\n if (options.useArrows) {\n this._trapFocusWithArrows = options.useArrows || this._trapFocusWithArrows\n document.addEventListener(Events.KEYDOWN, this._handleFocusTrapWithArrows)\n }\n } else {\n document.addEventListener(Events.KEYDOWN, this._handleFocusTrapWithTab)\n }\n }\n\n /**\n * Stop trapping focus set in this.captureFocus()\n */\n releaseFocus() {\n if (this._trapFocusWithArrows) {\n document.removeEventListener(Events.KEYDOWN, this._handleFocusTrapWithArrows)\n this._trapFocusWithArrows = false\n } else {\n document.removeEventListener(Events.KEYDOWN, this._handleFocusTrapWithTab)\n }\n }\n\n /**\n * Begin listening to _listenForKeyboard()\n */\n enableFocusOutline() {\n document.addEventListener(Events.KEYDOWN, this._listenForKeyboard)\n }\n\n /**\n * Completely disable focus outline utility.\n */\n disableFocusOutline() {\n if (this._listeningForKeydown) {\n document.removeEventListener(Events.KEYDOWN, this._listenForKeyboard)\n } else {\n document.removeEventListener(Events.CLICK, this._listenForClick)\n }\n }\n\n // private\n\n /**\n * When a key is pressed, detect if it's tab or shift keys and enable\n * focus outlines on currently focused element(s). Then, remove keydown listener\n * and add click listener on _listenForClick().\n * @param {Object} event - Event (keypress).\n */\n _listenForKeyboard(event) {\n document.body.classList.add(Selectors.KEYBOARD_CLASS)\n document.removeEventListener(Events.KEYDOWN, this._listenForKeyboard)\n document.addEventListener(Events.CLICK, this._listenForClick)\n this._listeningForKeydown = false\n }\n\n /**\n * On click, remove Selectors.KEYBOARD_CLASS and re-add keydown listener.\n * @param {Object} event - Event (keypress).\n */\n _listenForClick(event) {\n document.body.classList.remove(Selectors.KEYBOARD_CLASS)\n document.removeEventListener(Events.CLICK, this._listenForClick)\n document.addEventListener(Events.KEYDOWN, this._listenForKeyboard)\n this._listeningForKeydown = true\n }\n\n /**\n * Handles focus on first or last child in a container, using tab and tab+shift keys.\n * @param {Object} event - Event (keypress)\n */\n _handleFocusTrapWithTab(event) {\n const containerElement = document.querySelector(this._focusContainerSelector)\n const containerActive = document.activeElement === containerElement\n const firstActive = document.activeElement === this._focusableFirstChild\n const lastActive = document.activeElement === this._focusableLastChild\n const tabKey = event.which === KeyCodes.TAB\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const hasShift = shiftKey && tabKey\n const noShift = !shiftKey && tabKey\n\n if (shiftKey && tabKey && (firstActive || containerActive)) {\n event.preventDefault()\n this._focusableLastChild.focus()\n } else if (!shiftKey && tabKey && lastActive) {\n event.preventDefault()\n this._focusableFirstChild.focus()\n }\n }\n\n /**\n * Handles focus on the first, last, next, or previous child in a container, using up and down arrow keys.\n * @param {Object} event - Event (keypress)\n */\n _handleFocusTrapWithArrows(event) {\n const firstActive = document.activeElement === this._focusableFirstChild\n const lastActive = document.activeElement === this._focusableLastChild\n const arrowUp = event.which === KeyCodes.ARROW_UP\n const arrowDown = event.which === KeyCodes.ARROW_DOWN\n\n if (arrowUp || arrowDown) {\n event.preventDefault()\n\n if (firstActive && arrowUp) {\n this._focusableLastChild.focus()\n } else if (lastActive && arrowDown) {\n this._focusableFirstChild.focus()\n } else if (arrowDown) {\n this._focusNextChild()\n } else if (arrowUp) {\n this._focusLastChild()\n }\n }\n }\n\n /**\n * Focus the next child in this._focusableChildren.\n */\n _focusNextChild() {\n for (let i = 0; i < this._focusableChildren.length; i++) {\n if (this._focusableChildren[i] === document.activeElement) {\n this._focusableChildren[i + 1].focus()\n break\n }\n }\n }\n\n /**\n * Focus the previous child in this._focusableChildren.\n */\n _focusLastChild() {\n for (let i = 0; i < this._focusableChildren.length; i++) {\n if (this._focusableChildren[i] === document.activeElement) {\n this._focusableChildren[i - 1].focus()\n break\n }\n }\n }\n}\n"],"file":"utils.js"} \ No newline at end of file +{"version":3,"sources":["../src/utils.js"],"names":["KeyCodes","SHIFT","TAB","ARROW_UP","ARROW_DOWN","Selectors","NOT_VISUALLY_HIDDEN","FOCUSABLE_TAGS","KEYBOARD_CLASS","Events","KEYDOWN","CLICK","getFocusableElements","container","focusables","map","element","join","document","querySelectorAll","iOSMobile","test","navigator","userAgent","Utils","_listenForKeyboard","bind","_listenForClick","_handleFocusTrapWithTab","_handleFocusTrapWithArrows","_focusContainerSelector","_focusableChildren","_focusableFirstChild","_focusableLastChild","_listeningForKeydown","_trapFocusWithArrows","options","length","useArrows","addEventListener","removeEventListener","event","body","classList","add","remove","containerElement","querySelector","containerActive","activeElement","firstActive","lastActive","tabKey","which","shiftKey","hasShift","noShift","preventDefault","focus","arrowUp","arrowDown","_focusNextChild","_focusLastChild","i"],"mappings":"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","sourcesContent":["const KeyCodes = {\n SHIFT: 16,\n TAB: 9,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n NOT_VISUALLY_HIDDEN: \":not(.is-visually-hidden)\",\n FOCUSABLE_TAGS: [\"a\", \"button\", \"input\", \"object\", \"select\", \"textarea\", \"[tabindex]\"],\n KEYBOARD_CLASS: \"using-keyboard\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\n/**\n * Creates a string of element selector patterns using common elements.\n * @param {String} container - The enclosing container's class, attribute, etc.\n * @return {String}\n */\nexport const getFocusableElements = container => {\n const focusables = Selectors.FOCUSABLE_TAGS.map(\n element => `${container} ${element}${Selectors.NOT_VISUALLY_HIDDEN}`\n ).join(\", \")\n\n return document.querySelectorAll(focusables)\n}\n\nexport const iOSMobile = /(iphone|ipod|ipad)/i.test(navigator.userAgent)\n\n/**\n * Utility methods for DOM traversal and focus trapping.\n * @module Utils\n */\nexport default class Utils {\n constructor() {\n // events\n this._listenForKeyboard = this._listenForKeyboard.bind(this)\n this._listenForClick = this._listenForClick.bind(this)\n this._handleFocusTrapWithTab = this._handleFocusTrapWithTab.bind(this)\n this._handleFocusTrapWithArrows = this._handleFocusTrapWithArrows.bind(this)\n\n this._focusContainerSelector = \"\"\n this._focusableChildren = []\n this._focusableFirstChild = {}\n this._focusableLastChild = {}\n this._listeningForKeydown = false\n this._trapFocusWithArrows = false\n }\n\n // public\n\n /**\n * Listens to the first and last elements matched from this.getFocusableElements()\n * @param {String} container - The container's class, attribute, etc.\n * @param {Object} options - Optional has hof options.\n */\n captureFocus(container, options) {\n this._focusContainerSelector = container\n this._focusableChildren = getFocusableElements(this._focusContainerSelector)\n this._focusableFirstChild = this._focusableChildren[0]\n this._focusableLastChild = this._focusableChildren[this._focusableChildren.length - 1]\n\n if (options) {\n if (options.useArrows) {\n this._trapFocusWithArrows = options.useArrows || this._trapFocusWithArrows\n document.addEventListener(Events.KEYDOWN, this._handleFocusTrapWithArrows)\n }\n } else {\n document.addEventListener(Events.KEYDOWN, this._handleFocusTrapWithTab)\n }\n }\n\n /**\n * Stop trapping focus set in this.captureFocus()\n */\n releaseFocus() {\n if (this._trapFocusWithArrows) {\n document.removeEventListener(Events.KEYDOWN, this._handleFocusTrapWithArrows)\n this._trapFocusWithArrows = false\n } else {\n document.removeEventListener(Events.KEYDOWN, this._handleFocusTrapWithTab)\n }\n }\n\n /**\n * Begin listening to _listenForKeyboard()\n */\n enableFocusOutline() {\n document.addEventListener(Events.KEYDOWN, this._listenForKeyboard)\n }\n\n /**\n * Completely disable focus outline utility.\n */\n disableFocusOutline() {\n if (this._listeningForKeydown) {\n document.removeEventListener(Events.KEYDOWN, this._listenForKeyboard)\n } else {\n document.removeEventListener(Events.CLICK, this._listenForClick)\n }\n }\n\n // private\n\n /**\n * When a key is pressed, detect if it's tab or shift keys and enable\n * focus outlines on currently focused element(s). Then, remove keydown listener\n * and add click listener on _listenForClick().\n * @param {Object} event - Event (keypress).\n */\n _listenForKeyboard(event) {\n document.body.classList.add(Selectors.KEYBOARD_CLASS)\n document.removeEventListener(Events.KEYDOWN, this._listenForKeyboard)\n document.addEventListener(Events.CLICK, this._listenForClick)\n this._listeningForKeydown = false\n }\n\n /**\n * On click, remove Selectors.KEYBOARD_CLASS and re-add keydown listener.\n * @param {Object} event - Event (keypress).\n */\n _listenForClick(event) {\n document.body.classList.remove(Selectors.KEYBOARD_CLASS)\n document.removeEventListener(Events.CLICK, this._listenForClick)\n document.addEventListener(Events.KEYDOWN, this._listenForKeyboard)\n this._listeningForKeydown = true\n }\n\n /**\n * Handles focus on first or last child in a container, using tab and tab+shift keys.\n * @param {Object} event - Event (keypress)\n */\n _handleFocusTrapWithTab(event) {\n const containerElement = document.querySelector(this._focusContainerSelector)\n const containerActive = document.activeElement === containerElement\n const firstActive = document.activeElement === this._focusableFirstChild\n const lastActive = document.activeElement === this._focusableLastChild\n const tabKey = event.which === KeyCodes.TAB\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const hasShift = shiftKey && tabKey\n const noShift = !shiftKey && tabKey\n\n if (shiftKey && tabKey && (firstActive || containerActive)) {\n event.preventDefault()\n this._focusableLastChild.focus()\n } else if (!shiftKey && tabKey && lastActive) {\n event.preventDefault()\n this._focusableFirstChild.focus()\n }\n }\n\n /**\n * Handles focus on the first, last, next, or previous child in a container, using up and down arrow keys.\n * @param {Object} event - Event (keypress)\n */\n _handleFocusTrapWithArrows(event) {\n const firstActive = document.activeElement === this._focusableFirstChild\n const lastActive = document.activeElement === this._focusableLastChild\n const arrowUp = event.which === KeyCodes.ARROW_UP\n const arrowDown = event.which === KeyCodes.ARROW_DOWN\n\n if (arrowUp || arrowDown) {\n event.preventDefault()\n\n if (firstActive && arrowUp) {\n this._focusableLastChild.focus()\n } else if (lastActive && arrowDown) {\n this._focusableFirstChild.focus()\n } else if (arrowDown) {\n this._focusNextChild()\n } else if (arrowUp) {\n this._focusLastChild()\n }\n }\n }\n\n /**\n * Focus the next child in this._focusableChildren.\n */\n _focusNextChild() {\n for (let i = 0; i < this._focusableChildren.length; i++) {\n if (this._focusableChildren[i] === document.activeElement) {\n this._focusableChildren[i + 1].focus()\n break\n }\n }\n }\n\n /**\n * Focus the previous child in this._focusableChildren.\n */\n _focusLastChild() {\n for (let i = 0; i < this._focusableChildren.length; i++) {\n if (this._focusableChildren[i] === document.activeElement) {\n this._focusableChildren[i - 1].focus()\n break\n }\n }\n }\n}\n"],"file":"utils.js"} \ No newline at end of file diff --git a/js/src/dropdown.js b/js/src/dropdown.js index f4bb408c..018fc011 100644 --- a/js/src/dropdown.js +++ b/js/src/dropdown.js @@ -1,4 +1,4 @@ -import Utils from "./utils" +import Utils, { iOSMobile } from "./utils" const KeyCodes = { TAB: 9, @@ -43,9 +43,6 @@ const Messages = { export default class Dropdown extends Utils { constructor() { super() - - this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent) - // events this._render = this._render.bind(this) this._handleFirstTabClose = this._handleFirstTabClose.bind(this) @@ -157,7 +154,7 @@ export default class Dropdown extends Utils { document.addEventListener(Events.CLICK, this._handleOffMenuClick) // make click events work on mobile iOS - if (this._iosMobile) { + if (iOSMobile) { document.body.style.cursor = "pointer" } @@ -241,7 +238,7 @@ export default class Dropdown extends Utils { document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) - if (this._iosMobile) { + if (iOSMobile) { document.body.style.cursor = "auto" } diff --git a/js/src/modal.js b/js/src/modal.js index 0e7861ff..9496f79f 100644 --- a/js/src/modal.js +++ b/js/src/modal.js @@ -1,4 +1,4 @@ -import Utils, { getFocusableElements } from "./utils" +import Utils, { iOSMobile, getFocusableElements } from "./utils" const KeyCodes = { ESCAPE: 27, @@ -45,8 +45,6 @@ export default class Modal extends Utils { constructor() { super() - this._iosMobile = /(iphone|ipod)/i.test(navigator.userAgent) - // events this._render = this._render.bind(this) this._handleClose = this._handleClose.bind(this) @@ -154,7 +152,7 @@ export default class Modal extends Utils { this._activeModalOverlay.scrollTop = 0 // on ios devices, let the modal close on overlay click - if (this._iosMobile) { + if (iOSMobile) { this._activeModalOverlay.style.cursor = "pointer" } @@ -204,7 +202,7 @@ export default class Modal extends Utils { element.setAttribute(Selectors.TABINDEX, "-1") }) - if (this._iosMobile) { + if (iOSMobile) { this._activeModalOverlay.style.cursor = "auto" } diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 1cb206e2..9c43a053 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -1,11 +1,22 @@ -// TODO: Fill out KeyCodes, Selectors, Events, and Messages // TODO: Add tests -const KeyCodes = {} -const Selectors = {} -const Events = {} +import { iOSMobile } from "./utils" + +const Selectors = { + DATA_TOOLTIP: "data-tooltip", + DATA_TARGET: "data-target", + ROLE: "role", + ARIA_DESCRIBEDBY: "aria-describedby", + DROP_LEFT_CLASS: "is-drop-left", + DROP_RIGHT_CLASS: "is-drop-right", +} + +const Events = { + CLICK: "click", +} + const Messages = { - // no tooltip id, can't create tooltip + NO_ID_ERROR: "Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values.", } /** @@ -14,8 +25,6 @@ const Messages = { */ export default class Tooltip { constructor() { - this._iosMobile = /(iphone|ipod|ipad)/i.test(navigator.userAgent) - // events this._setCursorPointer = this._setCursorPointer.bind(this) this._setCursorAuto = this._setCursorAuto.bind(this) @@ -27,45 +36,68 @@ export default class Tooltip { // public start() { - this._allTooltipTriggers = document.querySelectorAll("[data-tooltip]") + this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`) this._allTooltipTriggers.forEach(element => { - const id = element.getAttribute("data-tooltip") - const trigger = element.querySelector(`[data-target="${id}"]`) + const id = element.getAttribute(Selectors.DATA_TOOLTIP) + + let trigger + if (!element.querySelector(this._getTargetAttr(id))) { + return console.error(Messages.NO_ID_ERROR) + } else { + trigger = element.querySelector(this._getTargetAttr(id)) + } + const tooltip = document.getElementById(id) this._setupTooltip(trigger, tooltip, id) }) } stop() { - if (this._iosMobile) { + if (iOSMobile) { this._allTooltipTriggers.forEach(element => { - element.removeEventListener("click", this._setCursorPointer) + element.removeEventListener(Events.CLICK, this._setCursorPointer) }) } } // private + _alignTooltip(trigger, tooltip, property) { + const triggerLength = this._getComputedLength(trigger, property) + const tooltipLength = this._getComputedLength(tooltip, property) + const triggerIsLongest = triggerLength > tooltipLength + + const offset = triggerIsLongest + ? (triggerLength - tooltipLength) / 2 + : (tooltipLength - triggerLength) / -2 + + if (property === "height") { + tooltip.style.top = `${offset}px` + } else { + tooltip.style.left = `${offset}px` + } + } + _setCursorPointer(event) { event.preventDefault() event.stopPropagation() - document.body.addEventListener("click", this._setCursorAuto) + document.body.addEventListener(Events.CLICK, this._setCursorAuto) document.body.style.cursor = "pointer" } _setCursorAuto(event) { event.preventDefault() - document.body.removeEventListener("click", this._setCursorAuto) + document.body.removeEventListener(Events.CLICK, this._setCursorAuto) document.body.style.cursor = "auto" } _setupTooltip(trigger, tooltip, id) { - trigger.setAttribute("aria-describedby", id) - tooltip.setAttribute("role", "tooltip") + trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id) + tooltip.setAttribute(Selectors.ROLE, "tooltip") - if (this._iosMobile) { - trigger.addEventListener("click", this._setCursorPointer) + if (iOSMobile) { + trigger.addEventListener(Events.CLICK, this._setCursorPointer) } if (this._isLeftOrRight(tooltip)) { @@ -75,28 +107,16 @@ export default class Tooltip { } } + _getTargetAttr(id) { + return `[${Selectors.DATA_TARGET}="${id}"]` + } + _getComputedLength(element, property) { return parseInt(window.getComputedStyle(element)[property].slice(0, -2)) } _isLeftOrRight(tooltip) { const classes = tooltip.classList - return classes.contains("is-drop-left") || classes.contains("is-drop-right") - } - - _alignTooltip(trigger, tooltip, property) { - const triggerLength = this._getComputedLength(trigger, property) - const tooltipLength = this._getComputedLength(tooltip, property) - const triggerIsLongest = triggerLength > tooltipLength - - const offset = triggerIsLongest - ? (triggerLength - tooltipLength) / 2 - : (tooltipLength - triggerLength) / -2 - - if (property === "height") { - tooltip.style.top = `${offset}px` - } else { - tooltip.style.left = `${offset}px` - } + return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS) } } diff --git a/js/src/utils.js b/js/src/utils.js index a8998ca1..cae003ea 100644 --- a/js/src/utils.js +++ b/js/src/utils.js @@ -29,6 +29,8 @@ export const getFocusableElements = container => { return document.querySelectorAll(focusables) } +export const iOSMobile = /(iphone|ipod|ipad)/i.test(navigator.userAgent) + /** * Utility methods for DOM traversal and focus trapping. * @module Utils From 21e55f0f4da07d00ee13659f74c021182b78a118 Mon Sep 17 00:00:00 2001 From: george Date: Mon, 25 Mar 2019 18:54:18 -0700 Subject: [PATCH 17/31] make tooltips show and hide using js events, not css --- .browserslistrc | 4 +- docs/introduction.md | 1 + js/dist/dropdown.js | 8 +-- js/dist/dropdown.js.map | 2 +- js/dist/tooltip.js | 125 +++++++++++++++++++++++++++------- js/dist/tooltip.js.map | 2 +- js/src/tooltip.js | 119 ++++++++++++++++++++++++++------ scss/components/_tooltip.scss | 23 +++---- 8 files changed, 217 insertions(+), 67 deletions(-) diff --git a/.browserslistrc b/.browserslistrc index a3a72b77..0486491e 100644 --- a/.browserslistrc +++ b/.browserslistrc @@ -4,5 +4,5 @@ chrome >= 49 safari >= 10 android >= 4.4 ios >= 9 -not ie <= 11 -not op_mini all \ No newline at end of file +ie 11 +not op_mini all diff --git a/docs/introduction.md b/docs/introduction.md index 711c566c..acde2ebd 100644 --- a/docs/introduction.md +++ b/docs/introduction.md @@ -25,6 +25,7 @@ Undernet's CSS and JavaScript will work in recent versions of these browsers: - Firefox ✓ - Safari ✓ - Opera ✓ +- IE 11 ✓ - MS Edge ✓ ## Contribute diff --git a/js/dist/dropdown.js b/js/dist/dropdown.js index 27117690..9468eb32 100644 --- a/js/dist/dropdown.js +++ b/js/dist/dropdown.js @@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", { }); exports.default = void 0; -var _utils = _interopRequireDefault(require("./utils")); +var _utils = _interopRequireWildcard(require("./utils")); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } } function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } @@ -164,7 +164,7 @@ var Dropdown = function (_Utils) { document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); document.addEventListener(Events.CLICK, this._handleOffMenuClick); - if (iOSMobile) { + if (_utils.iOSMobile) { document.body.style.cursor = "pointer"; } @@ -239,7 +239,7 @@ var Dropdown = function (_Utils) { document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); - if (iOSMobile) { + if (_utils.iOSMobile) { document.body.style.cursor = "auto"; } diff --git a/js/dist/dropdown.js.map b/js/dist/dropdown.js.map index cd49223c..07822ffc 100644 --- a/js/dist/dropdown.js.map +++ b/js/dist/dropdown.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","iOSMobile","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":"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","sourcesContent":["import Utils from \"./utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (iOSMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (iOSMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file +{"version":3,"sources":["../src/dropdown.js"],"names":["KeyCodes","TAB","SHIFT","ESCAPE","ARROW_UP","ARROW_DOWN","Selectors","DATA_DROPDOWN","DATA_TARGET","DATA_PARENT","DATA_VISIBLE","TABINDEX","ARIA_HASPOPUP","ARIA_CONTROLS","ARIA_LABELLEDBY","ARIA_EXPANDED","ROLE","Events","KEYDOWN","CLICK","Messages","NO_PARENT_ERROR","NO_DROPDOWN_ERROR","attr","NO_MENU_ERROR","Dropdown","_render","bind","_handleFirstTabClose","_handleLastTabClose","_renderWithKeys","_handleClose","_handleEscapeKeyPress","_handleOffMenuClick","_activeDropdownButton","_activeDropdown","_activeDropdownMenu","_activeDropdownLinks","_allowFocusReturn","_activeDropdownId","_activeDropdownAttr","_activeDropdownMenuId","_dropdownButtons","_dropdowns","_dropdownContainerAttr","_dropdownTargetAttr","document","querySelectorAll","length","forEach","dropdown","_setupDropdown","button","addEventListener","removeEventListener","event","key","preventDefault","stopPropagation","target","getAttribute","console","error","querySelector","getElementById","setAttribute","iOSMobile","body","style","cursor","_getDropdownLinks","firstDropdownLink","lastDropdownLink","focus","link","captureFocus","useArrows","shiftKey","which","tabKey","releaseFocus","_handleReturnFocus","TAB_INDEX","removeAttribute","dropdownId","dropdownIdAttr","dropdownMenuItemsAttr","dropdownMenu","dropdownButton","id","dropdownMenuItems","item","Utils"],"mappings":"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","sourcesContent":["import Utils, { iOSMobile } from \"./utils\"\n\nconst KeyCodes = {\n TAB: 9,\n SHIFT: 16,\n ESCAPE: 27,\n ARROW_UP: 38,\n ARROW_DOWN: 40,\n}\n\nconst Selectors = {\n // unique\n DATA_DROPDOWN: \"data-dropdown\",\n // common\n DATA_TARGET: \"data-target\",\n DATA_PARENT: \"data-parent\",\n DATA_VISIBLE: \"data-visible\",\n // accessibility\n TABINDEX: \"tabindex\",\n ARIA_HASPOPUP: \"aria-haspopup\",\n ARIA_CONTROLS: \"aria-controls\",\n ARIA_LABELLEDBY: \"aria-labelledby\",\n ARIA_EXPANDED: \"aria-expanded\",\n ROLE: \"role\",\n}\n\nconst Events = {\n KEYDOWN: \"keydown\",\n CLICK: \"click\",\n}\n\nconst Messages = {\n NO_PARENT_ERROR: `Could not find dropdown button's [data-parent] attribute.`,\n NO_DROPDOWN_ERROR: attr => `Could not find dropdown container associated with ${attr}.`,\n NO_MENU_ERROR: attr => `Could not find menu associated with ${attr}.`,\n}\n\n/**\n * Dropdown component class.\n * @module Dropdown\n * @requires Utils\n */\nexport default class Dropdown extends Utils {\n constructor() {\n super()\n // events\n this._render = this._render.bind(this)\n this._handleFirstTabClose = this._handleFirstTabClose.bind(this)\n this._handleLastTabClose = this._handleLastTabClose.bind(this)\n this._renderWithKeys = this._renderWithKeys.bind(this)\n this._handleClose = this._handleClose.bind(this)\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\n this._handleOffMenuClick = this._handleOffMenuClick.bind(this)\n\n // active dropdown\n this._activeDropdownButton = null\n this._activeDropdown = null\n this._activeDropdownMenu = null\n this._activeDropdownLinks = []\n this._allowFocusReturn = true\n this._activeDropdownId = \"\"\n this._activeDropdownAttr = \"\"\n this._activeDropdownMenuId = \"\"\n\n // all dropdowns\n this._dropdownButtons = []\n this._dropdowns = []\n\n // dropdown element selectors\n this._dropdownContainerAttr = `[${Selectors.DATA_DROPDOWN}]`\n this._dropdownTargetAttr = `[${Selectors.DATA_TARGET}]`\n }\n\n // public\n\n /**\n * Find and set up dropdown buttons and menus.\n * Begin listening to dropdowns for events.\n */\n start() {\n this._dropdowns = document.querySelectorAll(`${this._dropdownContainerAttr}`)\n this._dropdownButtons = document.querySelectorAll(\n `${this._dropdownContainerAttr} > ${this._dropdownTargetAttr}`\n )\n\n if (this._dropdowns.length) {\n this._dropdowns.forEach(dropdown => this._setupDropdown(dropdown))\n }\n\n this._dropdownButtons.forEach(button => {\n button.addEventListener(Events.CLICK, this._render)\n button.addEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n /**\n * Stop listening for dropdown events.\n */\n stop() {\n this._dropdownButtons.forEach(button => {\n button.removeEventListener(Events.CLICK, this._render)\n button.removeEventListener(Events.KEYDOWN, this._renderWithKeys)\n })\n }\n\n // private\n\n /**\n * Find a button through event.target, then render the corresponding modal attribute via matching target id\n * @param {Object} event - The event object\n * @param {Number} key - The key code that called _render()\n */\n _render(event, key) {\n event.preventDefault()\n event.stopPropagation()\n\n if (this._activeDropdownButton) {\n this._allowFocusReturn = false\n this._handleClose(event)\n this._allowFocusReturn = true\n }\n\n // dropdown button / trigger\n this._activeDropdownButton = event.target\n\n if (!this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)) {\n return console.error(Messages.NO_PARENT_ERROR)\n }\n\n this._activeDropdownId = this._activeDropdownButton.getAttribute(Selectors.DATA_PARENT)\n\n // dropdown container\n this._activeDropdownAttr = `[${Selectors.DATA_DROPDOWN}=\"${this._activeDropdownId}\"]`\n\n if (!document.querySelector(this._activeDropdownAttr)) {\n return console.error(Messages.NO_DROPDOWN_ERROR(this._activeDropdownAttr))\n }\n\n this._activeDropdown = document.querySelector(this._activeDropdownAttr)\n\n // dropdown menu\n this._activeDropdownMenuId = this._activeDropdownButton.getAttribute(Selectors.DATA_TARGET)\n this._activeDropdownMenu = document.getElementById(this._activeDropdownMenuId)\n\n // toggle attributes on dropdown button, indicating a visible dropdown is present\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"true\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"true\")\n\n // trade button event listener to close the menu, instead of open it\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._render)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._handleClose)\n\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n document.addEventListener(Events.CLICK, this._handleOffMenuClick)\n\n // make click events work on mobile iOS\n if (iOSMobile) {\n document.body.style.cursor = \"pointer\"\n }\n\n this._activeDropdownLinks = this._getDropdownLinks(this._activeDropdownAttr)\n\n this.firstDropdownLink = this._activeDropdownLinks[0]\n this.lastDropdownLink = this._activeDropdownLinks[this._activeDropdownLinks.length - 1]\n\n this.firstDropdownLink.addEventListener(Events.KEYDOWN, this._handleFirstTabClose)\n this.lastDropdownLink.addEventListener(Events.KEYDOWN, this._handleLastTabClose)\n\n if (key && key === KeyCodes.ARROW_UP) {\n this.lastDropdownLink.focus()\n } else {\n this.firstDropdownLink.focus()\n }\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"0\")\n link.addEventListener(Events.CLICK, this._handleClose)\n })\n\n this.captureFocus(`${this._activeDropdownAttr} > ul`, { useArrows: true })\n }\n\n /**\n * Closes the dropdown if user uses shift and tab keys on the first dropdown element.\n * @param {Object} event - The event object\n */\n _handleFirstTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (shiftKey && tabKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes the dropdown if user uses tab key on the last dropdown element.\n * @param {Object} event - The event object\n */\n _handleLastTabClose(event) {\n const shiftKey = event.which === KeyCodes.SHIFT || event.shiftKey\n const tabKey = event.which === KeyCodes.TAB\n\n if (tabKey && !shiftKey) {\n this._handleClose(event)\n }\n }\n\n /**\n * Renders dropdown if the user uses arrow up or down.\n * @param {Object} event - The event object\n */\n _renderWithKeys(event) {\n if (event.which === KeyCodes.ARROW_UP || event.which === KeyCodes.ARROW_DOWN) {\n this._render(event, event.which)\n }\n }\n\n /**\n * Closes currently open dropdown.\n * @param {Object} event - The event object\n */\n _handleClose(event) {\n event.preventDefault()\n\n this.releaseFocus()\n\n this._activeDropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n this._activeDropdown.setAttribute(Selectors.DATA_VISIBLE, \"false\")\n\n this._activeDropdownLinks.forEach(link => {\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n link.removeEventListener(Events.CLICK, this._handleClose)\n })\n\n this._activeDropdownButton.removeEventListener(Events.CLICK, this._handleClose)\n this._activeDropdownButton.addEventListener(Events.CLICK, this._render)\n\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\n\n if (iOSMobile) {\n document.body.style.cursor = \"auto\"\n }\n\n document.removeEventListener(Events.CLICK, this._handleOffMenuClick)\n\n if (this._allowFocusReturn) {\n this._handleReturnFocus()\n }\n\n this._activeDropdownButton = null\n }\n\n /**\n * Use escape key to close dropdown.\n * @param {Object} event - The event object\n */\n _handleEscapeKeyPress(event) {\n if (event.which === KeyCodes.ESCAPE) {\n this._handleClose(event)\n }\n }\n\n /**\n * Closes dropdown\n * @param {Object} event - The event object\n */\n _handleOffMenuClick(event) {\n if (event.target !== this._activeDropdownButton && event.target !== this._activeDropdownMenu) {\n this._handleClose(event)\n }\n }\n\n /**\n * Puts focus on a the active dropdown button.\n */\n _handleReturnFocus() {\n this._activeDropdownButton.setAttribute(Selectors.TAB_INDEX, \"-1\")\n this._activeDropdownButton.focus()\n this._activeDropdownButton.removeAttribute(Selectors.TAB_INDEX)\n }\n\n /**\n * Retrieve possible menu links or buttons as an array\n * @param {String} attr - The unique attribute for a dropdown.\n * @return {String} - Selector for possible menu item links.\n */\n _getDropdownLinks(attr) {\n return document.querySelectorAll(`${attr} > ul > li > a, ${attr} > ul > li > button`)\n }\n\n /**\n * Add starting attributes to a dropdown.\n * @param {Element} dropdown - A dropdown element.\n */\n _setupDropdown(dropdown) {\n const dropdownId = dropdown.getAttribute(Selectors.DATA_DROPDOWN)\n const dropdownIdAttr = `[${Selectors.DATA_DROPDOWN}=\"${dropdownId}\"]`\n const dropdownMenuItemsAttr = `${dropdownIdAttr} > ul > li`\n\n if (!document.querySelector(`${dropdownIdAttr} > ul`)) {\n return console.error(Messages.NO_MENU_ERROR(dropdownIdAttr))\n }\n\n const dropdownMenu = document.querySelector(`${dropdownIdAttr} > ul`)\n const dropdownButton = document.querySelector(`${dropdownIdAttr} > ${this._dropdownTargetAttr}`)\n\n dropdownButton.setAttribute(Selectors.ARIA_CONTROLS, dropdownMenu.id)\n dropdownButton.setAttribute(Selectors.ARIA_HASPOPUP, \"true\")\n dropdownButton.setAttribute(Selectors.ARIA_EXPANDED, \"false\")\n dropdownMenu.setAttribute(Selectors.ARIA_LABELLEDBY, dropdownButton.id)\n\n const dropdownMenuItems = document.querySelectorAll(dropdownMenuItemsAttr)\n dropdownMenuItems.forEach(item => item.setAttribute(Selectors.ROLE, \"none\"))\n\n this._getDropdownLinks(dropdownIdAttr).forEach(link => {\n link.setAttribute(Selectors.ROLE, \"menuitem\")\n link.setAttribute(Selectors.TABINDEX, \"-1\")\n })\n }\n}\n"],"file":"dropdown.js"} \ No newline at end of file diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js index ad96842e..c8ef5a74 100644 --- a/js/dist/tooltip.js +++ b/js/dist/tooltip.js @@ -13,8 +13,12 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } +var KeyCodes = { + ESCAPE: 27 +}; var Selectors = { DATA_TOOLTIP: "data-tooltip", + DATA_VISIBLE: "data-visible", DATA_TARGET: "data-target", ROLE: "role", ARIA_DESCRIBEDBY: "aria-describedby", @@ -22,7 +26,12 @@ var Selectors = { DROP_RIGHT_CLASS: "is-drop-right" }; var Events = { - CLICK: "click" + CLICK: "click", + MOUSEENTER: "onmouseenter", + MOUSELEAVE: "onmouseleave", + FOCUS: "focus", + BLUR: "blur", + KEYDOWN: "keydown" }; var Messages = { NO_ID_ERROR: "Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values." @@ -32,6 +41,9 @@ var Tooltip = function () { function Tooltip() { _classCallCheck(this, Tooltip); + this._render = this._render.bind(this); + this._handleClose = this._handleClose.bind(this); + this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this); this._setCursorPointer = this._setCursorPointer.bind(this); this._setCursorAuto = this._setCursorAuto.bind(this); this._allTooltipTriggers = []; @@ -70,20 +82,98 @@ var Tooltip = function () { }); } } + }, { + key: "_render", + value: function _render(event) { + event.preventDefault(); + + if (this._activeTooltip) { + this._handleClose(event); + } + + this._activeTrigger = event.target; + this._activeTooltipId = trigger.getAttribute(Selectors.DATA_TARGET); + this._activeTooltip = document.getElementById(tooltipId); + + if (this._isLeftOrRight()) { + this._alignTooltip("height"); + } else { + this._alignTooltip("width"); + } + + this._showTooltip(); + + this._listenForClose(); + } + }, { + key: "_handleClose", + value: function _handleClose(event) { + event.preventDefault(); + + this._hideTooltip(); + + this._activeTrigger = null; + this._activeTooltipId = null; + this._activeTooltip = null; + + this._listenForOpen(); + } + }, { + key: "_handleEscapeKeyPress", + value: function _handleEscapeKeyPress(event) { + event.preventDefault(); + if (event.which === Events.ESCAPE) this._handleClose(event); + } + }, { + key: "_showTooltip", + value: function _showTooltip() { + this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, "true"); + } + }, { + key: "_hideTooltip", + value: function _hideTooltip() { + this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, "false"); + } + }, { + key: "_listenForClose", + value: function _listenForClose() { + this._activeTrigger.removeEventListener(Events.MOUSEENTER, this._render); + + this._activeTrigger.removeEventListener(Events.FOCUS, this._render); + + document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); + + this._activeTrigger.addEventListener(Events.MOUSELEAVE, this._handleClose); + + this._activeTrigger.addEventListener(Events.BLUR, this._handleClose); + } + }, { + key: "_listenForOpen", + value: function _listenForOpen() { + this._activeTrigger.removeEventListener(Events.MOUSELEAVE, this._render); + + this._activeTrigger.removeEventListener(Events.BLUR, this._render); + + document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); + + this._activeTrigger.addEventListener(Events.MOUSEENTER, this._handleClose); + + this._activeTrigger.addEventListener(Events.FOCUS, this._handleClose); + } }, { key: "_alignTooltip", - value: function _alignTooltip(trigger, tooltip, property) { - var triggerLength = this._getComputedLength(trigger, property); + value: function _alignTooltip(property) { + var triggerLength = this._getComputedLength(this._activeTrigger, property); - var tooltipLength = this._getComputedLength(tooltip, property); + var tooltipLength = this._getComputedLength(this._activeTooltip, property); var triggerIsLongest = triggerLength > tooltipLength; var offset = triggerIsLongest ? (triggerLength - tooltipLength) / 2 : (tooltipLength - triggerLength) / -2; if (property === "height") { - tooltip.style.top = "".concat(offset, "px"); + this._activeTooltip.style.top = "".concat(offset, "px"); } else { - tooltip.style.left = "".concat(offset, "px"); + this._activeTooltip.style.left = "".concat(offset, "px"); } } }, { @@ -94,28 +184,13 @@ var Tooltip = function () { document.body.addEventListener(Events.CLICK, this._setCursorAuto); document.body.style.cursor = "pointer"; } - }, { - key: "_setCursorAuto", - value: function _setCursorAuto(event) { - event.preventDefault(); - document.body.removeEventListener(Events.CLICK, this._setCursorAuto); - document.body.style.cursor = "auto"; - } }, { key: "_setupTooltip", value: function _setupTooltip(trigger, tooltip, id) { trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id); tooltip.setAttribute(Selectors.ROLE, "tooltip"); - - if (_utils.iOSMobile) { - trigger.addEventListener(Events.CLICK, this._setCursorPointer); - } - - if (this._isLeftOrRight(tooltip)) { - this._alignTooltip(trigger, tooltip, "height"); - } else { - this._alignTooltip(trigger, tooltip, "width"); - } + trigger.addEventListener(Events.MOUSEENTER, this._render); + trigger.addEventListener(Events.FOCUS, this._render); } }, { key: "_getTargetAttr", @@ -129,8 +204,8 @@ var Tooltip = function () { } }, { key: "_isLeftOrRight", - value: function _isLeftOrRight(tooltip) { - var classes = tooltip.classList; + value: function _isLeftOrRight() { + var classes = this._activeTooltip.classList; return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS); } }]); diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index a21cbbdc..dfb3cf3d 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["Selectors","DATA_TOOLTIP","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","Messages","NO_ID_ERROR","Tooltip","_setCursorPointer","bind","_setCursorAuto","_allTooltipTriggers","document","querySelectorAll","forEach","element","id","getAttribute","trigger","querySelector","_getTargetAttr","console","error","tooltip","getElementById","_setupTooltip","iOSMobile","removeEventListener","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","style","top","left","event","preventDefault","stopPropagation","body","addEventListener","cursor","setAttribute","_isLeftOrRight","_alignTooltip","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values.\",\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._setCursorPointer = this._setCursorPointer.bind(this)\r\n this._setCursorAuto = this._setCursorAuto.bind(this)\r\n\r\n // active tooltip (touch devices only)\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n\r\n let trigger\r\n if (!element.querySelector(this._getTargetAttr(id))) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n } else {\r\n trigger = element.querySelector(this._getTargetAttr(id))\r\n }\r\n\r\n const tooltip = document.getElementById(id)\r\n this._setupTooltip(trigger, tooltip, id)\r\n })\r\n }\r\n\r\n stop() {\r\n if (iOSMobile) {\r\n this._allTooltipTriggers.forEach(element => {\r\n element.removeEventListener(Events.CLICK, this._setCursorPointer)\r\n })\r\n }\r\n }\r\n\r\n // private\r\n\r\n _alignTooltip(trigger, tooltip, property) {\r\n const triggerLength = this._getComputedLength(trigger, property)\r\n const tooltipLength = this._getComputedLength(tooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n tooltip.style.top = `${offset}px`\r\n } else {\r\n tooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setCursorPointer(event) {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n document.body.addEventListener(Events.CLICK, this._setCursorAuto)\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n\r\n _setCursorAuto(event) {\r\n event.preventDefault()\r\n document.body.removeEventListener(Events.CLICK, this._setCursorAuto)\r\n document.body.style.cursor = \"auto\"\r\n }\r\n\r\n _setupTooltip(trigger, tooltip, id) {\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n if (iOSMobile) {\r\n trigger.addEventListener(Events.CLICK, this._setCursorPointer)\r\n }\r\n\r\n if (this._isLeftOrRight(tooltip)) {\r\n this._alignTooltip(trigger, tooltip, \"height\")\r\n } else {\r\n this._alignTooltip(trigger, tooltip, \"width\")\r\n }\r\n }\r\n\r\n _getTargetAttr(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight(tooltip) {\r\n const classes = tooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEENTER","MOUSELEAVE","FOCUS","BLUR","KEYDOWN","Messages","NO_ID_ERROR","Tooltip","_render","bind","_handleClose","_handleEscapeKeyPress","_setCursorPointer","_setCursorAuto","_allTooltipTriggers","document","querySelectorAll","forEach","element","id","getAttribute","trigger","querySelector","_getTargetAttr","console","error","tooltip","getElementById","_setupTooltip","iOSMobile","removeEventListener","event","preventDefault","_activeTooltip","_activeTrigger","target","_activeTooltipId","tooltipId","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","which","setAttribute","addEventListener","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","style","top","left","stopPropagation","body","cursor","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEENTER: \"onmouseenter\",\r\n MOUSELEAVE: \"onmouseleave\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n KEYDOWN: \"keydown\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values.\",\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\r\n this._setCursorPointer = this._setCursorPointer.bind(this)\r\n this._setCursorAuto = this._setCursorAuto.bind(this)\r\n\r\n // active tooltip (touch devices only)\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n\r\n let trigger\r\n if (!element.querySelector(this._getTargetAttr(id))) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n } else {\r\n trigger = element.querySelector(this._getTargetAttr(id))\r\n }\r\n\r\n const tooltip = document.getElementById(id)\r\n this._setupTooltip(trigger, tooltip, id)\r\n })\r\n }\r\n\r\n stop() {\r\n if (iOSMobile) {\r\n this._allTooltipTriggers.forEach(element => {\r\n element.removeEventListener(Events.CLICK, this._setCursorPointer)\r\n })\r\n }\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n event.preventDefault()\r\n\r\n // if (iOSMobile && event.type === Events.CLICK) {\r\n // event.stopPropagation()\r\n // document.body.addEventListener(Events.CLICK, this._setCursorAuto)\r\n // document.body.style.cursor = \"pointer\"\r\n // }\r\n\r\n if (this._activeTooltip) {\r\n this._handleClose(event)\r\n }\r\n\r\n this._activeTrigger = event.target\r\n this._activeTooltipId = trigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(tooltipId)\r\n \r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose(event) {\r\n event.preventDefault()\r\n\r\n this._hideTooltip()\r\n\r\n // if (iOSMobile) {\r\n // document.body.removeEventListener(Events.CLICK, this._setCursorAuto)\r\n // document.body.style.cursor = \"auto\"\r\n // }\r\n \r\n this._activeTrigger = null\r\n this._activeTooltipId = null\r\n this._activeTooltip = null\r\n \r\n this._listenForOpen()\r\n }\r\n\r\n _handleEscapeKeyPress(event) {\r\n event.preventDefault()\r\n if (event.which === Events.ESCAPE) this._handleClose(event)\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEENTER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSELEAVE, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSELEAVE, this._render)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._render)\r\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSEENTER, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._handleClose)\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setCursorPointer(event) {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n document.body.addEventListener(Events.CLICK, this._setCursorAuto)\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n\r\n _setupTooltip(trigger, tooltip, id) {\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n // if (iOSMobile) {\r\n // trigger.addEventListener(Events.CLICK, this._render)\r\n // }\r\n\r\n trigger.addEventListener(Events.MOUSEENTER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTargetAttr(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 9c43a053..5acdc629 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -2,8 +2,13 @@ import { iOSMobile } from "./utils" +const KeyCodes = { + ESCAPE: 27, +} + const Selectors = { DATA_TOOLTIP: "data-tooltip", + DATA_VISIBLE: "data-visible", DATA_TARGET: "data-target", ROLE: "role", ARIA_DESCRIBEDBY: "aria-describedby", @@ -13,6 +18,11 @@ const Selectors = { const Events = { CLICK: "click", + MOUSEENTER: "onmouseenter", + MOUSELEAVE: "onmouseleave", + FOCUS: "focus", + BLUR: "blur", + KEYDOWN: "keydown", } const Messages = { @@ -26,6 +36,9 @@ const Messages = { export default class Tooltip { constructor() { // events + this._render = this._render.bind(this) + this._handleClose = this._handleClose.bind(this) + this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this) this._setCursorPointer = this._setCursorPointer.bind(this) this._setCursorAuto = this._setCursorAuto.bind(this) @@ -63,9 +76,82 @@ export default class Tooltip { // private - _alignTooltip(trigger, tooltip, property) { - const triggerLength = this._getComputedLength(trigger, property) - const tooltipLength = this._getComputedLength(tooltip, property) + _render(event) { + event.preventDefault() + + // if (iOSMobile && event.type === Events.CLICK) { + // event.stopPropagation() + // document.body.addEventListener(Events.CLICK, this._setCursorAuto) + // document.body.style.cursor = "pointer" + // } + + if (this._activeTooltip) { + this._handleClose(event) + } + + this._activeTrigger = event.target + this._activeTooltipId = trigger.getAttribute(Selectors.DATA_TARGET) + this._activeTooltip = document.getElementById(tooltipId) + + if (this._isLeftOrRight()) { + this._alignTooltip("height") + } else { + this._alignTooltip("width") + } + + this._showTooltip() + this._listenForClose() + } + + _handleClose(event) { + event.preventDefault() + + this._hideTooltip() + + // if (iOSMobile) { + // document.body.removeEventListener(Events.CLICK, this._setCursorAuto) + // document.body.style.cursor = "auto" + // } + + this._activeTrigger = null + this._activeTooltipId = null + this._activeTooltip = null + + this._listenForOpen() + } + + _handleEscapeKeyPress(event) { + event.preventDefault() + if (event.which === Events.ESCAPE) this._handleClose(event) + } + + _showTooltip() { + this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, "true") + } + + _hideTooltip() { + this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, "false") + } + + _listenForClose() { + this._activeTrigger.removeEventListener(Events.MOUSEENTER, this._render) + this._activeTrigger.removeEventListener(Events.FOCUS, this._render) + document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) + this._activeTrigger.addEventListener(Events.MOUSELEAVE, this._handleClose) + this._activeTrigger.addEventListener(Events.BLUR, this._handleClose) + } + + _listenForOpen() { + this._activeTrigger.removeEventListener(Events.MOUSELEAVE, this._render) + this._activeTrigger.removeEventListener(Events.BLUR, this._render) + document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) + this._activeTrigger.addEventListener(Events.MOUSEENTER, this._handleClose) + this._activeTrigger.addEventListener(Events.FOCUS, this._handleClose) + } + + _alignTooltip(property) { + const triggerLength = this._getComputedLength(this._activeTrigger, property) + const tooltipLength = this._getComputedLength(this._activeTooltip, property) const triggerIsLongest = triggerLength > tooltipLength const offset = triggerIsLongest @@ -73,9 +159,9 @@ export default class Tooltip { : (tooltipLength - triggerLength) / -2 if (property === "height") { - tooltip.style.top = `${offset}px` + this._activeTooltip.style.top = `${offset}px` } else { - tooltip.style.left = `${offset}px` + this._activeTooltip.style.left = `${offset}px` } } @@ -86,25 +172,16 @@ export default class Tooltip { document.body.style.cursor = "pointer" } - _setCursorAuto(event) { - event.preventDefault() - document.body.removeEventListener(Events.CLICK, this._setCursorAuto) - document.body.style.cursor = "auto" - } - _setupTooltip(trigger, tooltip, id) { trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id) tooltip.setAttribute(Selectors.ROLE, "tooltip") - if (iOSMobile) { - trigger.addEventListener(Events.CLICK, this._setCursorPointer) - } + // if (iOSMobile) { + // trigger.addEventListener(Events.CLICK, this._render) + // } - if (this._isLeftOrRight(tooltip)) { - this._alignTooltip(trigger, tooltip, "height") - } else { - this._alignTooltip(trigger, tooltip, "width") - } + trigger.addEventListener(Events.MOUSEENTER, this._render) + trigger.addEventListener(Events.FOCUS, this._render) } _getTargetAttr(id) { @@ -115,8 +192,8 @@ export default class Tooltip { return parseInt(window.getComputedStyle(element)[property].slice(0, -2)) } - _isLeftOrRight(tooltip) { - const classes = tooltip.classList + _isLeftOrRight() { + const classes = this._activeTooltip.classList return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS) } } diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss index 31244bc3..aafba252 100644 --- a/scss/components/_tooltip.scss +++ b/scss/components/_tooltip.scss @@ -5,6 +5,11 @@ display: inline-block; } +.tooltip-trigger { + display: inline-block; + cursor: pointer; +} + .tooltip-box { padding: 4px 8px; border-radius: $global-border-radius; @@ -24,6 +29,11 @@ font-size: 14px; margin: 0 0 $global-space; + &[data-visible="true"] { + opacity: 1; + pointer-events: auto; + } + .modal-dialog & { z-index: $tooltip-index-in-modal; } @@ -63,16 +73,3 @@ } } } - -.tooltip-trigger { - display: inline-block; - cursor: pointer; - - &:hover, - &:focus { - + .tooltip-box { - opacity: 1; - pointer-events: auto; - } - } -} From 8cdc6e3919e61b3b0aa0df8d8e96c8a5e11a13db Mon Sep 17 00:00:00 2001 From: george Date: Mon, 25 Mar 2019 21:56:27 -0700 Subject: [PATCH 18/31] cleans up unused methods and adds error handling on setup --- js/dist/tooltip.js | 97 ++++++++++++++--------------- js/dist/tooltip.js.map | 2 +- js/src/tooltip.js | 114 ++++++++++++++++++---------------- scss/components/_tooltip.scss | 4 ++ scss/elements/_form.scss | 1 - 5 files changed, 111 insertions(+), 107 deletions(-) diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js index c8ef5a74..13cf3cda 100644 --- a/js/dist/tooltip.js +++ b/js/dist/tooltip.js @@ -27,14 +27,20 @@ var Selectors = { }; var Events = { CLICK: "click", - MOUSEENTER: "onmouseenter", - MOUSELEAVE: "onmouseleave", + MOUSEOVER: "mouseover", + MOUSEOUT: "mouseout", FOCUS: "focus", BLUR: "blur", KEYDOWN: "keydown" }; var Messages = { - NO_ID_ERROR: "Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values." + NO_ID_ERROR: "Could not find your tooltip's id.", + NO_TRIGGER_ERROR: function NO_TRIGGER_ERROR(id) { + return "Could not find a tooltip trigger with id of ".concat(id, "."); + }, + NO_TOOLTIP_ERROR: function NO_TOOLTIP_ERROR(id) { + return "Could not find a tooltip with id of ".concat(id, "."); + } }; var Tooltip = function () { @@ -44,8 +50,6 @@ var Tooltip = function () { this._render = this._render.bind(this); this._handleClose = this._handleClose.bind(this); this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this); - this._setCursorPointer = this._setCursorPointer.bind(this); - this._setCursorAuto = this._setCursorAuto.bind(this); this._allTooltipTriggers = []; } @@ -56,19 +60,8 @@ var Tooltip = function () { this._allTooltipTriggers = document.querySelectorAll("[".concat(Selectors.DATA_TOOLTIP, "]")); - this._allTooltipTriggers.forEach(function (element) { - var id = element.getAttribute(Selectors.DATA_TOOLTIP); - var trigger; - - if (!element.querySelector(_this._getTargetAttr(id))) { - return console.error(Messages.NO_ID_ERROR); - } else { - trigger = element.querySelector(_this._getTargetAttr(id)); - } - - var tooltip = document.getElementById(id); - - _this._setupTooltip(trigger, tooltip, id); + this._allTooltipTriggers.forEach(function (instance) { + _this._setupTooltip(instance); }); } }, { @@ -76,24 +69,23 @@ var Tooltip = function () { value: function stop() { var _this2 = this; - if (_utils.iOSMobile) { - this._allTooltipTriggers.forEach(function (element) { - element.removeEventListener(Events.CLICK, _this2._setCursorPointer); - }); - } + this._allTooltipTriggers.forEach(function (element) { + var id = element.getAttribute(Selectors.DATA_TOOLTIP); + var trigger = element.querySelector(_this2._getTrigger(id)); + element.removeEventListener(Events.MOUSEOVER, _this2._render); + element.removeEventListener(Events.FOCUS, _this2._render); + }); } }, { key: "_render", value: function _render(event) { - event.preventDefault(); - if (this._activeTooltip) { this._handleClose(event); } this._activeTrigger = event.target; - this._activeTooltipId = trigger.getAttribute(Selectors.DATA_TARGET); - this._activeTooltip = document.getElementById(tooltipId); + this._activeTooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET); + this._activeTooltip = document.getElementById(this._activeTooltipId); if (this._isLeftOrRight()) { this._alignTooltip("height"); @@ -108,20 +100,17 @@ var Tooltip = function () { }, { key: "_handleClose", value: function _handleClose(event) { - event.preventDefault(); - this._hideTooltip(); + this._listenForOpen(); + this._activeTrigger = null; this._activeTooltipId = null; this._activeTooltip = null; - - this._listenForOpen(); } }, { key: "_handleEscapeKeyPress", value: function _handleEscapeKeyPress(event) { - event.preventDefault(); if (event.which === Events.ESCAPE) this._handleClose(event); } }, { @@ -137,28 +126,28 @@ var Tooltip = function () { }, { key: "_listenForClose", value: function _listenForClose() { - this._activeTrigger.removeEventListener(Events.MOUSEENTER, this._render); + this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render); this._activeTrigger.removeEventListener(Events.FOCUS, this._render); document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); - this._activeTrigger.addEventListener(Events.MOUSELEAVE, this._handleClose); + this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose); this._activeTrigger.addEventListener(Events.BLUR, this._handleClose); } }, { key: "_listenForOpen", value: function _listenForOpen() { - this._activeTrigger.removeEventListener(Events.MOUSELEAVE, this._render); + this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose); - this._activeTrigger.removeEventListener(Events.BLUR, this._render); + this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose); document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); - this._activeTrigger.addEventListener(Events.MOUSEENTER, this._handleClose); + this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render); - this._activeTrigger.addEventListener(Events.FOCUS, this._handleClose); + this._activeTrigger.addEventListener(Events.FOCUS, this._render); } }, { key: "_alignTooltip", @@ -176,25 +165,33 @@ var Tooltip = function () { this._activeTooltip.style.left = "".concat(offset, "px"); } } - }, { - key: "_setCursorPointer", - value: function _setCursorPointer(event) { - event.preventDefault(); - event.stopPropagation(); - document.body.addEventListener(Events.CLICK, this._setCursorAuto); - document.body.style.cursor = "pointer"; - } }, { key: "_setupTooltip", - value: function _setupTooltip(trigger, tooltip, id) { + value: function _setupTooltip(instance) { + var id = instance.getAttribute(Selectors.DATA_TOOLTIP); + var trigger = instance.querySelector(this._getTrigger(id)); + var tooltip = document.getElementById(id); + + if (!id) { + return console.error(Messages.NO_ID_ERROR); + } + + if (!trigger) { + return console.error(Messages.NO_TRIGGER_ERROR(id)); + } + + if (!tooltip) { + return console.error(Messages.NO_TOOLTIP_ERROR(id)); + } + trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id); tooltip.setAttribute(Selectors.ROLE, "tooltip"); - trigger.addEventListener(Events.MOUSEENTER, this._render); + trigger.addEventListener(Events.MOUSEOVER, this._render); trigger.addEventListener(Events.FOCUS, this._render); } }, { - key: "_getTargetAttr", - value: function _getTargetAttr(id) { + key: "_getTrigger", + value: function _getTrigger(id) { return "[".concat(Selectors.DATA_TARGET, "=\"").concat(id, "\"]"); } }, { diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index dfb3cf3d..fe10d10e 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEENTER","MOUSELEAVE","FOCUS","BLUR","KEYDOWN","Messages","NO_ID_ERROR","Tooltip","_render","bind","_handleClose","_handleEscapeKeyPress","_setCursorPointer","_setCursorAuto","_allTooltipTriggers","document","querySelectorAll","forEach","element","id","getAttribute","trigger","querySelector","_getTargetAttr","console","error","tooltip","getElementById","_setupTooltip","iOSMobile","removeEventListener","event","preventDefault","_activeTooltip","_activeTrigger","target","_activeTooltipId","tooltipId","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","which","setAttribute","addEventListener","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","style","top","left","stopPropagation","body","cursor","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEENTER: \"onmouseenter\",\r\n MOUSELEAVE: \"onmouseleave\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n KEYDOWN: \"keydown\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values.\",\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\r\n this._setCursorPointer = this._setCursorPointer.bind(this)\r\n this._setCursorAuto = this._setCursorAuto.bind(this)\r\n\r\n // active tooltip (touch devices only)\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n\r\n let trigger\r\n if (!element.querySelector(this._getTargetAttr(id))) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n } else {\r\n trigger = element.querySelector(this._getTargetAttr(id))\r\n }\r\n\r\n const tooltip = document.getElementById(id)\r\n this._setupTooltip(trigger, tooltip, id)\r\n })\r\n }\r\n\r\n stop() {\r\n if (iOSMobile) {\r\n this._allTooltipTriggers.forEach(element => {\r\n element.removeEventListener(Events.CLICK, this._setCursorPointer)\r\n })\r\n }\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n event.preventDefault()\r\n\r\n // if (iOSMobile && event.type === Events.CLICK) {\r\n // event.stopPropagation()\r\n // document.body.addEventListener(Events.CLICK, this._setCursorAuto)\r\n // document.body.style.cursor = \"pointer\"\r\n // }\r\n\r\n if (this._activeTooltip) {\r\n this._handleClose(event)\r\n }\r\n\r\n this._activeTrigger = event.target\r\n this._activeTooltipId = trigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(tooltipId)\r\n \r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose(event) {\r\n event.preventDefault()\r\n\r\n this._hideTooltip()\r\n\r\n // if (iOSMobile) {\r\n // document.body.removeEventListener(Events.CLICK, this._setCursorAuto)\r\n // document.body.style.cursor = \"auto\"\r\n // }\r\n \r\n this._activeTrigger = null\r\n this._activeTooltipId = null\r\n this._activeTooltip = null\r\n \r\n this._listenForOpen()\r\n }\r\n\r\n _handleEscapeKeyPress(event) {\r\n event.preventDefault()\r\n if (event.which === Events.ESCAPE) this._handleClose(event)\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEENTER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSELEAVE, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSELEAVE, this._render)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._render)\r\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSEENTER, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._handleClose)\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setCursorPointer(event) {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n document.body.addEventListener(Events.CLICK, this._setCursorAuto)\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n\r\n _setupTooltip(trigger, tooltip, id) {\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n // if (iOSMobile) {\r\n // trigger.addEventListener(Events.CLICK, this._render)\r\n // }\r\n\r\n trigger.addEventListener(Events.MOUSEENTER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTargetAttr(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEOVER","MOUSEOUT","FOCUS","BLUR","KEYDOWN","Messages","NO_ID_ERROR","NO_TRIGGER_ERROR","id","NO_TOOLTIP_ERROR","Tooltip","_render","bind","_handleClose","_handleEscapeKeyPress","_allTooltipTriggers","document","querySelectorAll","forEach","instance","_setupTooltip","element","getAttribute","trigger","querySelector","_getTrigger","removeEventListener","event","_activeTooltip","_activeTrigger","target","_activeTooltipId","getElementById","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","which","setAttribute","addEventListener","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","style","top","left","tooltip","console","error","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEOVER: \"mouseover\",\r\n MOUSEOUT: \"mouseout\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n KEYDOWN: \"keydown\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find your tooltip's id.\",\r\n NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`,\r\n NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.`\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\r\n\r\n // active tooltip (touch devices only)\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(instance => {\r\n this._setupTooltip(instance)\r\n })\r\n }\r\n\r\n stop() {\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = element.querySelector(this._getTrigger(id))\r\n\r\n // if (iOSMobile) {\r\n // element.removeEventListener(Events.CLICK, this._render)\r\n // }\r\n\r\n element.removeEventListener(Events.MOUSEOVER, this._render)\r\n element.removeEventListener(Events.FOCUS, this._render)\r\n })\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n if (this._activeTooltip) {\r\n this._handleClose(event)\r\n }\r\n\r\n // if (iOSMobile && event.type === Events.CLICK) {\r\n // event.preventDefault()\r\n // event.stopPropagation()\r\n // }\r\n\r\n this._activeTrigger = event.target\r\n this._activeTooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(this._activeTooltipId)\r\n \r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose(event) {\r\n this._hideTooltip()\r\n \r\n this._listenForOpen()\r\n\r\n this._activeTrigger = null\r\n this._activeTooltipId = null\r\n this._activeTooltip = null\r\n }\r\n\r\n _handleEscapeKeyPress(event) {\r\n if (event.which === Events.ESCAPE) this._handleClose(event)\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n\r\n // if (iOSMobile) {\r\n // document.body.addEventListener(Events.CLICK, this._handleClose)\r\n // document.body.style.cursor = \"pointer\"\r\n // }\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose)\r\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._render)\r\n\r\n // if (iOSMobile) {\r\n // document.body.removeEventListener(Events.CLICK, this._render)\r\n // document.body.style.cursor = \"auto\"\r\n // }\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setupTooltip(instance) {\r\n let id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n let trigger = instance.querySelector(this._getTrigger(id))\r\n let tooltip = document.getElementById(id)\r\n\r\n if (!id) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n }\r\n\r\n if (!trigger) {\r\n return console.error(Messages.NO_TRIGGER_ERROR(id))\r\n }\r\n\r\n if (!tooltip) {\r\n return console.error(Messages.NO_TOOLTIP_ERROR(id))\r\n }\r\n\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n // if (iOSMobile) {\r\n // trigger.addEventListener(Events.CLICK, this._render)\r\n // }\r\n\r\n trigger.addEventListener(Events.MOUSEOVER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTrigger(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 5acdc629..a4319508 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -18,15 +18,17 @@ const Selectors = { const Events = { CLICK: "click", - MOUSEENTER: "onmouseenter", - MOUSELEAVE: "onmouseleave", + MOUSEOVER: "mouseover", + MOUSEOUT: "mouseout", FOCUS: "focus", BLUR: "blur", KEYDOWN: "keydown", } const Messages = { - NO_ID_ERROR: "Could not find an tooltip trigger associated with your element. Make sure your `data-tooltip` and `data-target` attributes have matching values.", + NO_ID_ERROR: "Could not find your tooltip's id.", + NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`, + NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.` } /** @@ -39,8 +41,6 @@ export default class Tooltip { this._render = this._render.bind(this) this._handleClose = this._handleClose.bind(this) this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this) - this._setCursorPointer = this._setCursorPointer.bind(this) - this._setCursorAuto = this._setCursorAuto.bind(this) // active tooltip (touch devices only) this._allTooltipTriggers = [] @@ -51,47 +51,40 @@ export default class Tooltip { start() { this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`) + this._allTooltipTriggers.forEach(instance => { + this._setupTooltip(instance) + }) + } + + stop() { this._allTooltipTriggers.forEach(element => { const id = element.getAttribute(Selectors.DATA_TOOLTIP) + const trigger = element.querySelector(this._getTrigger(id)) - let trigger - if (!element.querySelector(this._getTargetAttr(id))) { - return console.error(Messages.NO_ID_ERROR) - } else { - trigger = element.querySelector(this._getTargetAttr(id)) - } + // if (iOSMobile) { + // element.removeEventListener(Events.CLICK, this._render) + // } - const tooltip = document.getElementById(id) - this._setupTooltip(trigger, tooltip, id) + element.removeEventListener(Events.MOUSEOVER, this._render) + element.removeEventListener(Events.FOCUS, this._render) }) } - stop() { - if (iOSMobile) { - this._allTooltipTriggers.forEach(element => { - element.removeEventListener(Events.CLICK, this._setCursorPointer) - }) - } - } - // private _render(event) { - event.preventDefault() + if (this._activeTooltip) { + this._handleClose(event) + } // if (iOSMobile && event.type === Events.CLICK) { + // event.preventDefault() // event.stopPropagation() - // document.body.addEventListener(Events.CLICK, this._setCursorAuto) - // document.body.style.cursor = "pointer" // } - if (this._activeTooltip) { - this._handleClose(event) - } - this._activeTrigger = event.target - this._activeTooltipId = trigger.getAttribute(Selectors.DATA_TARGET) - this._activeTooltip = document.getElementById(tooltipId) + this._activeTooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET) + this._activeTooltip = document.getElementById(this._activeTooltipId) if (this._isLeftOrRight()) { this._alignTooltip("height") @@ -104,24 +97,16 @@ export default class Tooltip { } _handleClose(event) { - event.preventDefault() - this._hideTooltip() - - // if (iOSMobile) { - // document.body.removeEventListener(Events.CLICK, this._setCursorAuto) - // document.body.style.cursor = "auto" - // } + this._listenForOpen() + this._activeTrigger = null this._activeTooltipId = null this._activeTooltip = null - - this._listenForOpen() } _handleEscapeKeyPress(event) { - event.preventDefault() if (event.which === Events.ESCAPE) this._handleClose(event) } @@ -134,19 +119,29 @@ export default class Tooltip { } _listenForClose() { - this._activeTrigger.removeEventListener(Events.MOUSEENTER, this._render) + this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render) this._activeTrigger.removeEventListener(Events.FOCUS, this._render) document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) - this._activeTrigger.addEventListener(Events.MOUSELEAVE, this._handleClose) + this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose) this._activeTrigger.addEventListener(Events.BLUR, this._handleClose) + + // if (iOSMobile) { + // document.body.addEventListener(Events.CLICK, this._handleClose) + // document.body.style.cursor = "pointer" + // } } _listenForOpen() { - this._activeTrigger.removeEventListener(Events.MOUSELEAVE, this._render) - this._activeTrigger.removeEventListener(Events.BLUR, this._render) + this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose) + this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose) document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) - this._activeTrigger.addEventListener(Events.MOUSEENTER, this._handleClose) - this._activeTrigger.addEventListener(Events.FOCUS, this._handleClose) + this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render) + this._activeTrigger.addEventListener(Events.FOCUS, this._render) + + // if (iOSMobile) { + // document.body.removeEventListener(Events.CLICK, this._render) + // document.body.style.cursor = "auto" + // } } _alignTooltip(property) { @@ -165,14 +160,23 @@ export default class Tooltip { } } - _setCursorPointer(event) { - event.preventDefault() - event.stopPropagation() - document.body.addEventListener(Events.CLICK, this._setCursorAuto) - document.body.style.cursor = "pointer" - } + _setupTooltip(instance) { + let id = instance.getAttribute(Selectors.DATA_TOOLTIP) + let trigger = instance.querySelector(this._getTrigger(id)) + let tooltip = document.getElementById(id) + + if (!id) { + return console.error(Messages.NO_ID_ERROR) + } + + if (!trigger) { + return console.error(Messages.NO_TRIGGER_ERROR(id)) + } + + if (!tooltip) { + return console.error(Messages.NO_TOOLTIP_ERROR(id)) + } - _setupTooltip(trigger, tooltip, id) { trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id) tooltip.setAttribute(Selectors.ROLE, "tooltip") @@ -180,11 +184,11 @@ export default class Tooltip { // trigger.addEventListener(Events.CLICK, this._render) // } - trigger.addEventListener(Events.MOUSEENTER, this._render) + trigger.addEventListener(Events.MOUSEOVER, this._render) trigger.addEventListener(Events.FOCUS, this._render) } - _getTargetAttr(id) { + _getTrigger(id) { return `[${Selectors.DATA_TARGET}="${id}"]` } diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss index aafba252..d9b5960e 100644 --- a/scss/components/_tooltip.scss +++ b/scss/components/_tooltip.scss @@ -8,6 +8,10 @@ .tooltip-trigger { display: inline-block; cursor: pointer; + + > *:disabled, > .disabled { + pointer-events: none; + } } .tooltip-box { diff --git a/scss/elements/_form.scss b/scss/elements/_form.scss index 7569fd10..c70bb581 100644 --- a/scss/elements/_form.scss +++ b/scss/elements/_form.scss @@ -95,7 +95,6 @@ input[type="radio"], input[type="checkbox"], textarea, button, -a, .button { &:disabled, &.disabled { From 712906f31dc7cdb533d7af91c72522c210451873 Mon Sep 17 00:00:00 2001 From: george Date: Mon, 25 Mar 2019 22:33:37 -0700 Subject: [PATCH 19/31] enable cursor pointer changes for ios for tooltips --- js/dist/tooltip.js | 30 +++++++++++----------- js/dist/tooltip.js.map | 2 +- js/src/tooltip.js | 47 ++++++++++------------------------- scss/_config.scss | 16 ++++++------ scss/components/_tooltip.scss | 6 ++--- 5 files changed, 40 insertions(+), 61 deletions(-) diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js index 13cf3cda..05479155 100644 --- a/js/dist/tooltip.js +++ b/js/dist/tooltip.js @@ -30,8 +30,7 @@ var Events = { MOUSEOVER: "mouseover", MOUSEOUT: "mouseout", FOCUS: "focus", - BLUR: "blur", - KEYDOWN: "keydown" + BLUR: "blur" }; var Messages = { NO_ID_ERROR: "Could not find your tooltip's id.", @@ -49,7 +48,8 @@ var Tooltip = function () { this._render = this._render.bind(this); this._handleClose = this._handleClose.bind(this); - this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this); + this._activeTrigger = null; + this._activeTooltip = null; this._allTooltipTriggers = []; } @@ -84,8 +84,10 @@ var Tooltip = function () { } this._activeTrigger = event.target; - this._activeTooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET); - this._activeTooltip = document.getElementById(this._activeTooltipId); + + var tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET); + + this._activeTooltip = document.getElementById(tooltipId); if (this._isLeftOrRight()) { this._alignTooltip("height"); @@ -105,14 +107,8 @@ var Tooltip = function () { this._listenForOpen(); this._activeTrigger = null; - this._activeTooltipId = null; this._activeTooltip = null; } - }, { - key: "_handleEscapeKeyPress", - value: function _handleEscapeKeyPress(event) { - if (event.which === Events.ESCAPE) this._handleClose(event); - } }, { key: "_showTooltip", value: function _showTooltip() { @@ -130,11 +126,13 @@ var Tooltip = function () { this._activeTrigger.removeEventListener(Events.FOCUS, this._render); - document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); - this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose); this._activeTrigger.addEventListener(Events.BLUR, this._handleClose); + + if (_utils.iOSMobile) { + document.body.style.cursor = "pointer"; + } } }, { key: "_listenForOpen", @@ -143,11 +141,13 @@ var Tooltip = function () { this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose); - document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); - this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render); this._activeTrigger.addEventListener(Events.FOCUS, this._render); + + if (_utils.iOSMobile) { + document.body.style.cursor = "auto"; + } } }, { key: "_alignTooltip", diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index fe10d10e..5829e4fb 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEOVER","MOUSEOUT","FOCUS","BLUR","KEYDOWN","Messages","NO_ID_ERROR","NO_TRIGGER_ERROR","id","NO_TOOLTIP_ERROR","Tooltip","_render","bind","_handleClose","_handleEscapeKeyPress","_allTooltipTriggers","document","querySelectorAll","forEach","instance","_setupTooltip","element","getAttribute","trigger","querySelector","_getTrigger","removeEventListener","event","_activeTooltip","_activeTrigger","target","_activeTooltipId","getElementById","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","which","setAttribute","addEventListener","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","style","top","left","tooltip","console","error","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":";;;;;;;AAEA;;;;;;;;AAEA,IAAMA,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAE;AADO,CAAjB;AAIA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,YAAY,EAAE,cADE;AAEhBC,EAAAA,YAAY,EAAE,cAFE;AAGhBC,EAAAA,WAAW,EAAE,aAHG;AAIhBC,EAAAA,IAAI,EAAE,MAJU;AAKhBC,EAAAA,gBAAgB,EAAE,kBALF;AAMhBC,EAAAA,eAAe,EAAE,cAND;AAOhBC,EAAAA,gBAAgB,EAAE;AAPF,CAAlB;AAUA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KAAK,EAAE,OADM;AAEbC,EAAAA,SAAS,EAAE,WAFE;AAGbC,EAAAA,QAAQ,EAAE,UAHG;AAIbC,EAAAA,KAAK,EAAE,OAJM;AAKbC,EAAAA,IAAI,EAAE,MALO;AAMbC,EAAAA,OAAO,EAAE;AANI,CAAf;AASA,IAAMC,QAAQ,GAAG;AACfC,EAAAA,WAAW,EAAE,mCADE;AAEfC,EAAAA,gBAAgB,EAAE,0BAAAC,EAAE;AAAA,iEAAmDA,EAAnD;AAAA,GAFL;AAGfC,EAAAA,gBAAgB,EAAE,0BAAAD,EAAE;AAAA,yDAA2CA,EAA3C;AAAA;AAHL,CAAjB;;IAUqBE,O;AACnB,qBAAc;AAAA;;AAEZ,SAAKC,OAAL,GAAe,KAAKA,OAAL,CAAaC,IAAb,CAAkB,IAAlB,CAAf;AACA,SAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAuB,IAAvB,CAApB;AACA,SAAKE,qBAAL,GAA6B,KAAKA,qBAAL,CAA2BF,IAA3B,CAAgC,IAAhC,CAA7B;AAGA,SAAKG,mBAAL,GAA2B,EAA3B;AACD;;;;4BAIO;AAAA;;AACN,WAAKA,mBAAL,GAA2BC,QAAQ,CAACC,gBAAT,YAA8B3B,SAAS,CAACC,YAAxC,OAA3B;;AAEA,WAAKwB,mBAAL,CAAyBG,OAAzB,CAAiC,UAAAC,QAAQ,EAAI;AAC3C,QAAA,KAAI,CAACC,aAAL,CAAmBD,QAAnB;AACD,OAFD;AAGD;;;2BAEM;AAAA;;AACL,WAAKJ,mBAAL,CAAyBG,OAAzB,CAAiC,UAAAG,OAAO,EAAI;AAC1C,YAAMb,EAAE,GAAGa,OAAO,CAACC,YAAR,CAAqBhC,SAAS,CAACC,YAA/B,CAAX;AACA,YAAMgC,OAAO,GAAGF,OAAO,CAACG,aAAR,CAAsB,MAAI,CAACC,WAAL,CAAiBjB,EAAjB,CAAtB,CAAhB;AAMAa,QAAAA,OAAO,CAACK,mBAAR,CAA4B5B,MAAM,CAACE,SAAnC,EAA8C,MAAI,CAACW,OAAnD;AACAU,QAAAA,OAAO,CAACK,mBAAR,CAA4B5B,MAAM,CAACI,KAAnC,EAA0C,MAAI,CAACS,OAA/C;AACD,OAVD;AAWD;;;4BAIOgB,K,EAAO;AACb,UAAI,KAAKC,cAAT,EAAyB;AACvB,aAAKf,YAAL,CAAkBc,KAAlB;AACD;;AAOD,WAAKE,cAAL,GAAsBF,KAAK,CAACG,MAA5B;AACA,WAAKC,gBAAL,GAAwB,KAAKF,cAAL,CAAoBP,YAApB,CAAiChC,SAAS,CAACG,WAA3C,CAAxB;AACA,WAAKmC,cAAL,GAAsBZ,QAAQ,CAACgB,cAAT,CAAwB,KAAKD,gBAA7B,CAAtB;;AAEA,UAAI,KAAKE,cAAL,EAAJ,EAA2B;AACzB,aAAKC,aAAL,CAAmB,QAAnB;AACD,OAFD,MAEO;AACL,aAAKA,aAAL,CAAmB,OAAnB;AACD;;AAED,WAAKC,YAAL;;AACA,WAAKC,eAAL;AACD;;;iCAEYT,K,EAAO;AAClB,WAAKU,YAAL;;AAEA,WAAKC,cAAL;;AAEA,WAAKT,cAAL,GAAsB,IAAtB;AACA,WAAKE,gBAAL,GAAwB,IAAxB;AACA,WAAKH,cAAL,GAAsB,IAAtB;AACD;;;0CAEqBD,K,EAAO;AAC3B,UAAIA,KAAK,CAACY,KAAN,KAAgBzC,MAAM,CAACT,MAA3B,EAAmC,KAAKwB,YAAL,CAAkBc,KAAlB;AACpC;;;mCAEc;AACb,WAAKC,cAAL,CAAoBY,YAApB,CAAiClD,SAAS,CAACE,YAA3C,EAAyD,MAAzD;AACD;;;mCAEc;AACb,WAAKoC,cAAL,CAAoBY,YAApB,CAAiClD,SAAS,CAACE,YAA3C,EAAyD,OAAzD;AACD;;;sCAEiB;AAChB,WAAKqC,cAAL,CAAoBH,mBAApB,CAAwC5B,MAAM,CAACE,SAA/C,EAA0D,KAAKW,OAA/D;;AACA,WAAKkB,cAAL,CAAoBH,mBAApB,CAAwC5B,MAAM,CAACI,KAA/C,EAAsD,KAAKS,OAA3D;;AACAK,MAAAA,QAAQ,CAACyB,gBAAT,CAA0B3C,MAAM,CAACM,OAAjC,EAA0C,KAAKU,qBAA/C;;AACA,WAAKe,cAAL,CAAoBY,gBAApB,CAAqC3C,MAAM,CAACG,QAA5C,EAAsD,KAAKY,YAA3D;;AACA,WAAKgB,cAAL,CAAoBY,gBAApB,CAAqC3C,MAAM,CAACK,IAA5C,EAAkD,KAAKU,YAAvD;AAMD;;;qCAEgB;AACf,WAAKgB,cAAL,CAAoBH,mBAApB,CAAwC5B,MAAM,CAACG,QAA/C,EAAyD,KAAKY,YAA9D;;AACA,WAAKgB,cAAL,CAAoBH,mBAApB,CAAwC5B,MAAM,CAACK,IAA/C,EAAqD,KAAKU,YAA1D;;AACAG,MAAAA,QAAQ,CAACU,mBAAT,CAA6B5B,MAAM,CAACM,OAApC,EAA6C,KAAKU,qBAAlD;;AACA,WAAKe,cAAL,CAAoBY,gBAApB,CAAqC3C,MAAM,CAACE,SAA5C,EAAuD,KAAKW,OAA5D;;AACA,WAAKkB,cAAL,CAAoBY,gBAApB,CAAqC3C,MAAM,CAACI,KAA5C,EAAmD,KAAKS,OAAxD;AAMD;;;kCAEa+B,Q,EAAU;AACtB,UAAMC,aAAa,GAAG,KAAKC,kBAAL,CAAwB,KAAKf,cAA7B,EAA6Ca,QAA7C,CAAtB;;AACA,UAAMG,aAAa,GAAG,KAAKD,kBAAL,CAAwB,KAAKhB,cAA7B,EAA6Cc,QAA7C,CAAtB;;AACA,UAAMI,gBAAgB,GAAGH,aAAa,GAAGE,aAAzC;AAEA,UAAME,MAAM,GAAGD,gBAAgB,GAC3B,CAACH,aAAa,GAAGE,aAAjB,IAAkC,CADP,GAE3B,CAACA,aAAa,GAAGF,aAAjB,IAAkC,CAAC,CAFvC;;AAIA,UAAID,QAAQ,KAAK,QAAjB,EAA2B;AACzB,aAAKd,cAAL,CAAoBoB,KAApB,CAA0BC,GAA1B,aAAmCF,MAAnC;AACD,OAFD,MAEO;AACL,aAAKnB,cAAL,CAAoBoB,KAApB,CAA0BE,IAA1B,aAAoCH,MAApC;AACD;AACF;;;kCAEa5B,Q,EAAU;AACtB,UAAIX,EAAE,GAAGW,QAAQ,CAACG,YAAT,CAAsBhC,SAAS,CAACC,YAAhC,CAAT;AACA,UAAIgC,OAAO,GAAGJ,QAAQ,CAACK,aAAT,CAAuB,KAAKC,WAAL,CAAiBjB,EAAjB,CAAvB,CAAd;AACA,UAAI2C,OAAO,GAAGnC,QAAQ,CAACgB,cAAT,CAAwBxB,EAAxB,CAAd;;AAEA,UAAI,CAACA,EAAL,EAAS;AACP,eAAO4C,OAAO,CAACC,KAAR,CAAchD,QAAQ,CAACC,WAAvB,CAAP;AACD;;AAED,UAAI,CAACiB,OAAL,EAAc;AACZ,eAAO6B,OAAO,CAACC,KAAR,CAAchD,QAAQ,CAACE,gBAAT,CAA0BC,EAA1B,CAAd,CAAP;AACD;;AAED,UAAI,CAAC2C,OAAL,EAAc;AACZ,eAAOC,OAAO,CAACC,KAAR,CAAchD,QAAQ,CAACI,gBAAT,CAA0BD,EAA1B,CAAd,CAAP;AACD;;AAEDe,MAAAA,OAAO,CAACiB,YAAR,CAAqBlD,SAAS,CAACK,gBAA/B,EAAiDa,EAAjD;AACA2C,MAAAA,OAAO,CAACX,YAAR,CAAqBlD,SAAS,CAACI,IAA/B,EAAqC,SAArC;AAMA6B,MAAAA,OAAO,CAACkB,gBAAR,CAAyB3C,MAAM,CAACE,SAAhC,EAA2C,KAAKW,OAAhD;AACAY,MAAAA,OAAO,CAACkB,gBAAR,CAAyB3C,MAAM,CAACI,KAAhC,EAAuC,KAAKS,OAA5C;AACD;;;gCAEWH,E,EAAI;AACd,wBAAWlB,SAAS,CAACG,WAArB,gBAAqCe,EAArC;AACD;;;uCAEkBa,O,EAASqB,Q,EAAU;AACpC,aAAOY,QAAQ,CAACC,MAAM,CAACC,gBAAP,CAAwBnC,OAAxB,EAAiCqB,QAAjC,EAA2Ce,KAA3C,CAAiD,CAAjD,EAAoD,CAAC,CAArD,CAAD,CAAf;AACD;;;qCAEgB;AACf,UAAMC,OAAO,GAAG,KAAK9B,cAAL,CAAoB+B,SAApC;AACA,aAAOD,OAAO,CAACE,QAAR,CAAiBtE,SAAS,CAACM,eAA3B,KAA+C8D,OAAO,CAACE,QAAR,CAAiBtE,SAAS,CAACO,gBAA3B,CAAtD;AACD","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEOVER: \"mouseover\",\r\n MOUSEOUT: \"mouseout\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n KEYDOWN: \"keydown\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find your tooltip's id.\",\r\n NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`,\r\n NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.`\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\r\n\r\n // active tooltip (touch devices only)\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(instance => {\r\n this._setupTooltip(instance)\r\n })\r\n }\r\n\r\n stop() {\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = element.querySelector(this._getTrigger(id))\r\n\r\n // if (iOSMobile) {\r\n // element.removeEventListener(Events.CLICK, this._render)\r\n // }\r\n\r\n element.removeEventListener(Events.MOUSEOVER, this._render)\r\n element.removeEventListener(Events.FOCUS, this._render)\r\n })\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n if (this._activeTooltip) {\r\n this._handleClose(event)\r\n }\r\n\r\n // if (iOSMobile && event.type === Events.CLICK) {\r\n // event.preventDefault()\r\n // event.stopPropagation()\r\n // }\r\n\r\n this._activeTrigger = event.target\r\n this._activeTooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(this._activeTooltipId)\r\n \r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose(event) {\r\n this._hideTooltip()\r\n \r\n this._listenForOpen()\r\n\r\n this._activeTrigger = null\r\n this._activeTooltipId = null\r\n this._activeTooltip = null\r\n }\r\n\r\n _handleEscapeKeyPress(event) {\r\n if (event.which === Events.ESCAPE) this._handleClose(event)\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n\r\n // if (iOSMobile) {\r\n // document.body.addEventListener(Events.CLICK, this._handleClose)\r\n // document.body.style.cursor = \"pointer\"\r\n // }\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose)\r\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._render)\r\n\r\n // if (iOSMobile) {\r\n // document.body.removeEventListener(Events.CLICK, this._render)\r\n // document.body.style.cursor = \"auto\"\r\n // }\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setupTooltip(instance) {\r\n let id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n let trigger = instance.querySelector(this._getTrigger(id))\r\n let tooltip = document.getElementById(id)\r\n\r\n if (!id) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n }\r\n\r\n if (!trigger) {\r\n return console.error(Messages.NO_TRIGGER_ERROR(id))\r\n }\r\n\r\n if (!tooltip) {\r\n return console.error(Messages.NO_TOOLTIP_ERROR(id))\r\n }\r\n\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n // if (iOSMobile) {\r\n // trigger.addEventListener(Events.CLICK, this._render)\r\n // }\r\n\r\n trigger.addEventListener(Events.MOUSEOVER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTrigger(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEOVER","MOUSEOUT","FOCUS","BLUR","Messages","NO_ID_ERROR","NO_TRIGGER_ERROR","id","NO_TOOLTIP_ERROR","Tooltip","_render","bind","_handleClose","_activeTrigger","_activeTooltip","_allTooltipTriggers","document","querySelectorAll","forEach","instance","_setupTooltip","element","getAttribute","trigger","querySelector","_getTrigger","removeEventListener","event","target","tooltipId","getElementById","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","setAttribute","addEventListener","iOSMobile","body","style","cursor","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","top","left","tooltip","console","error","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEOVER: \"mouseover\",\r\n MOUSEOUT: \"mouseout\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find your tooltip's id.\",\r\n NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`,\r\n NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.`\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n\r\n // active tooltip\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n\r\n // all tooltips\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(instance => {\r\n this._setupTooltip(instance)\r\n })\r\n }\r\n\r\n stop() {\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = element.querySelector(this._getTrigger(id))\r\n\r\n element.removeEventListener(Events.MOUSEOVER, this._render)\r\n element.removeEventListener(Events.FOCUS, this._render)\r\n })\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n if (this._activeTooltip) {\r\n this._handleClose(event)\r\n }\r\n\r\n this._activeTrigger = event.target\r\n const tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(tooltipId)\r\n \r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose(event) {\r\n this._hideTooltip()\r\n \r\n this._listenForOpen()\r\n\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._render)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"auto\"\r\n }\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setupTooltip(instance) {\r\n let id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n let trigger = instance.querySelector(this._getTrigger(id))\r\n let tooltip = document.getElementById(id)\r\n\r\n if (!id) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n }\r\n\r\n if (!trigger) {\r\n return console.error(Messages.NO_TRIGGER_ERROR(id))\r\n }\r\n\r\n if (!tooltip) {\r\n return console.error(Messages.NO_TOOLTIP_ERROR(id))\r\n }\r\n\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n trigger.addEventListener(Events.MOUSEOVER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTrigger(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/tooltip.js b/js/src/tooltip.js index a4319508..2c59a3a9 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -22,7 +22,6 @@ const Events = { MOUSEOUT: "mouseout", FOCUS: "focus", BLUR: "blur", - KEYDOWN: "keydown", } const Messages = { @@ -40,9 +39,12 @@ export default class Tooltip { // events this._render = this._render.bind(this) this._handleClose = this._handleClose.bind(this) - this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this) - // active tooltip (touch devices only) + // active tooltip + this._activeTrigger = null + this._activeTooltip = null + + // all tooltips this._allTooltipTriggers = [] } @@ -61,10 +63,6 @@ export default class Tooltip { const id = element.getAttribute(Selectors.DATA_TOOLTIP) const trigger = element.querySelector(this._getTrigger(id)) - // if (iOSMobile) { - // element.removeEventListener(Events.CLICK, this._render) - // } - element.removeEventListener(Events.MOUSEOVER, this._render) element.removeEventListener(Events.FOCUS, this._render) }) @@ -77,14 +75,9 @@ export default class Tooltip { this._handleClose(event) } - // if (iOSMobile && event.type === Events.CLICK) { - // event.preventDefault() - // event.stopPropagation() - // } - this._activeTrigger = event.target - this._activeTooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET) - this._activeTooltip = document.getElementById(this._activeTooltipId) + const tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET) + this._activeTooltip = document.getElementById(tooltipId) if (this._isLeftOrRight()) { this._alignTooltip("height") @@ -98,18 +91,12 @@ export default class Tooltip { _handleClose(event) { this._hideTooltip() - this._listenForOpen() this._activeTrigger = null - this._activeTooltipId = null this._activeTooltip = null } - _handleEscapeKeyPress(event) { - if (event.which === Events.ESCAPE) this._handleClose(event) - } - _showTooltip() { this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, "true") } @@ -121,27 +108,23 @@ export default class Tooltip { _listenForClose() { this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render) this._activeTrigger.removeEventListener(Events.FOCUS, this._render) - document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose) this._activeTrigger.addEventListener(Events.BLUR, this._handleClose) - // if (iOSMobile) { - // document.body.addEventListener(Events.CLICK, this._handleClose) - // document.body.style.cursor = "pointer" - // } + if (iOSMobile) { + document.body.style.cursor = "pointer" + } } _listenForOpen() { this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose) this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose) - document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render) this._activeTrigger.addEventListener(Events.FOCUS, this._render) - // if (iOSMobile) { - // document.body.removeEventListener(Events.CLICK, this._render) - // document.body.style.cursor = "auto" - // } + if (iOSMobile) { + document.body.style.cursor = "auto" + } } _alignTooltip(property) { @@ -180,10 +163,6 @@ export default class Tooltip { trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id) tooltip.setAttribute(Selectors.ROLE, "tooltip") - // if (iOSMobile) { - // trigger.addEventListener(Events.CLICK, this._render) - // } - trigger.addEventListener(Events.MOUSEOVER, this._render) trigger.addEventListener(Events.FOCUS, this._render) } diff --git a/scss/_config.scss b/scss/_config.scss index 4b27ad7a..9b4915d6 100644 --- a/scss/_config.scss +++ b/scss/_config.scss @@ -93,8 +93,8 @@ $spacing-increments: ( "4": $global-space * 2 ) !default; -// Arrow used for overlay elements, e.g. dropdowns and tooltips -$arrow-size: 7px; +// Arrow used for dropdowns and tooltips +$arrow-size: 7px !default; // z-index values for overlay elements, e.g. dropdowns and modals. $modal-index: 2000 !default; @@ -704,14 +704,14 @@ $accordion-content-background: $white !default; // 8. Dropdowns // ------------ -$dropdown-arrows-enabled: true; +$dropdown-arrows-enabled: true !default; $dropdown-border-color: $gray900 !default; $dropdown-button-arrow: "\25bc" !default; $dropdown-button-arrow-padding: 0 0 0 8px !default; $dropdown-button-arrow-font-size: 12px !default; -$dropdown-menu-direction-breakpoint: medium; +$dropdown-menu-direction-breakpoint: medium !default; $dropdown-menu-transition: opacity $global-transition !default; $dropdown-menu-padding: 8px 0 !default; @@ -720,9 +720,9 @@ $dropdown-menu-background-color: $white !default; $dropdown-menu-width: 200px !default; $dropdown-menu-border: 1px solid $dropdown-border-color !default; -$dropdown-arrow-offset: 12px; -$dropdown-arrow-fill-color: $dropdown-menu-background-color; -$dropdown-arrow-border-color: $dropdown-border-color; +$dropdown-arrow-offset: 12px !default; +$dropdown-arrow-fill-color: $dropdown-menu-background-color !default; +$dropdown-arrow-border-color: $dropdown-border-color !default; $dropdown-menu-button-padding: 8px 12px !default; $dropdown-menu-button-text-color: $gray400 !default; @@ -739,4 +739,4 @@ $dropdown-menu-header-color: $gray800 !default; // 9. Tooltips // ----------- -$tooltip-arrows-enabled: true; +$tooltip-arrows-enabled: true !default; diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss index d9b5960e..3d9a9b8c 100644 --- a/scss/components/_tooltip.scss +++ b/scss/components/_tooltip.scss @@ -31,7 +31,7 @@ z-index: $tooltip-index; color: $white; font-size: 14px; - margin: 0 0 $global-space; + margin: 0 0 $arrow-size; &[data-visible="true"] { opacity: 1; @@ -50,7 +50,7 @@ &.is-drop-right { left: 100%; - margin: 0 0 0 $global-space; + margin: 0 0 0 $arrow-size; bottom: auto; top: 0; // Overriden in javascript. This is a fallback. @@ -59,7 +59,7 @@ &.is-drop-left { right: 100%; - margin: 0 $global-space 0 0; + margin: 0 $arrow-size 0 0; bottom: auto; left: auto; top: 0; // Overriden in javascript. This is a fallback. From ed96bfb4d48c75732424148d776b7d1c406ed052 Mon Sep 17 00:00:00 2001 From: George Treviranus <3946669+geotrev@users.noreply.github.com> Date: Tue, 26 Mar 2019 10:55:13 -0700 Subject: [PATCH 20/31] Update tooltip.js --- js/src/tooltip.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 2c59a3a9..3410cded 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -144,9 +144,9 @@ export default class Tooltip { } _setupTooltip(instance) { - let id = instance.getAttribute(Selectors.DATA_TOOLTIP) - let trigger = instance.querySelector(this._getTrigger(id)) - let tooltip = document.getElementById(id) + const id = instance.getAttribute(Selectors.DATA_TOOLTIP) + const trigger = instance.querySelector(this._getTrigger(id)) + const tooltip = document.getElementById(id) if (!id) { return console.error(Messages.NO_ID_ERROR) From ddbd233ce96845d5599a806ced6eeaa864b67fd0 Mon Sep 17 00:00:00 2001 From: george Date: Tue, 26 Mar 2019 19:44:38 -0700 Subject: [PATCH 21/31] add style vars for tooltips --- dist/undernet.css | 177 ++++++++++++++++++++++++++++++---- dist/undernet.css.map | 3 +- js/dist/tooltip.js | 37 ++++--- js/dist/tooltip.js.map | 2 +- js/src/tooltip.js | 35 ++++--- scss/_config.scss | 12 +++ scss/components/_tooltip.scss | 17 ++-- 7 files changed, 227 insertions(+), 56 deletions(-) diff --git a/dist/undernet.css b/dist/undernet.css index b36047e7..811c22b6 100644 --- a/dist/undernet.css +++ b/dist/undernet.css @@ -1924,8 +1924,6 @@ textarea:disabled, textarea.disabled, button:disabled, button.disabled, -a:disabled, -a.disabled, .button:disabled, .button.disabled { background: #dedede !important; @@ -1973,8 +1971,6 @@ a.disabled, textarea.disabled:hover, button:disabled:hover, button.disabled:hover, - a:disabled:hover, - a.disabled:hover, .button:disabled:hover, .button.disabled:hover { background: #dedede !important; @@ -2071,7 +2067,7 @@ textarea { border: 1px solid #dedede; z-index: 1999; } .modal-dialog .dropdown .dropdown-menu { - z-index: 2001; } + z-index: 2002; } .dropdown .dropdown-menu:not(.has-no-arrow)::after { content: ""; border-bottom: 7px solid transparent; @@ -2080,7 +2076,7 @@ textarea { border-right: 7px solid transparent; position: absolute; border-bottom: 7px solid #ffffff; - top: -14px; + top: -13px; left: 12px; right: auto; bottom: auto; } @@ -2092,7 +2088,7 @@ textarea { border-right: 7px solid transparent; position: absolute; border-bottom: 7px solid #dedede; - top: -15px; + top: -14.5px; left: 12px; right: auto; bottom: auto; } @@ -2108,7 +2104,7 @@ textarea { border-right: 7px solid transparent; position: absolute; border-top: 7px solid #ffffff; - bottom: -14px; + bottom: -13px; left: 12px; top: auto; right: auto; } @@ -2120,7 +2116,7 @@ textarea { border-right: 7px solid transparent; position: absolute; border-top: 7px solid #dedede; - bottom: -15px; + bottom: -14.5px; left: 12px; top: auto; right: auto; } @@ -2136,7 +2132,7 @@ textarea { border-right: 7px solid transparent; position: absolute; border-left: 7px solid #ffffff; - right: -14px; + right: -13px; top: 12px; left: auto; bottom: auto; } @@ -2148,7 +2144,7 @@ textarea { border-right: 7px solid transparent; position: absolute; border-left: 7px solid #dedede; - right: -15px; + right: -14.5px; top: 12px; left: auto; bottom: auto; } @@ -2164,7 +2160,7 @@ textarea { border-right: 7px solid transparent; position: absolute; border-right: 7px solid #ffffff; - left: -14px; + left: -13px; top: 12px; bottom: auto; right: auto; } @@ -2176,25 +2172,25 @@ textarea { border-right: 7px solid transparent; position: absolute; border-right: 7px solid #dedede; - left: -15px; + left: -14.5px; top: 12px; bottom: auto; right: auto; } .dropdown .dropdown-menu.is-aligned-right { right: 0; } - .dropdown .dropdown-menu.is-aligned-right:not(.has-no-arrow)::after { + .dropdown .dropdown-menu.is-aligned-right::after { left: auto; right: 12px; } - .dropdown .dropdown-menu.is-aligned-right:not(.has-no-arrow)::before { + .dropdown .dropdown-menu.is-aligned-right::before { left: auto; right: 12px; } .dropdown .dropdown-menu.is-aligned-bottom { top: auto; bottom: 16px; } - .dropdown .dropdown-menu.is-aligned-bottom:not(.has-no-arrow)::after { + .dropdown .dropdown-menu.is-aligned-bottom::after { top: auto; bottom: 12px; } - .dropdown .dropdown-menu.is-aligned-bottom:not(.has-no-arrow)::before { + .dropdown .dropdown-menu.is-aligned-bottom::before { top: auto; bottom: 12px; } } .dropdown .dropdown-menu li { @@ -2346,4 +2342,151 @@ textarea { transition: max-height 0.5s cubic-bezier(0.12, 0.72, 0.58, 1.03); border-bottom: 2px solid #dedede; } +.tooltip { + position: relative; + display: inline-block; } + +.tooltip-trigger { + display: inline-block; + cursor: pointer; } + .tooltip-trigger > *:disabled, .tooltip-trigger > .disabled { + pointer-events: none; } + +.tooltip-box { + padding: 4px 8px; + border-radius: 4px; + border: 1px solid #111; + background: #111; + position: absolute; + display: block; + opacity: 0; + transition: opacity cubic-bezier(0.12, 0.72, 0.58, 1.03) 0.2s; + pointer-events: none; + word-wrap: break-word; + white-space: nowrap; + text-align: center; + z-index: 1998; + color: #ffffff; + font-size: 14px; + margin: 0 0 7px; + bottom: 100%; + left: 0; } + .tooltip-box[data-visible="true"] { + opacity: 1; + pointer-events: auto; } + .modal-dialog .tooltip-box { + z-index: 2001; } + .tooltip-box:not(.has-no-arrow)::after { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-top: 7px solid #111; + bottom: -13px; + left: calc(50% - 7px); + top: auto; + right: auto; } + .tooltip-box:not(.has-no-arrow)::before { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-top: 7px solid #111; + bottom: -14.5px; + left: calc(50% - 7px); + top: auto; + right: auto; } + .tooltip-box.is-drop-right { + left: 100%; + margin: 0 0 0 7px; + bottom: auto; + top: 0; } + .tooltip-box.is-drop-right:not(.has-no-arrow)::after { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-right: 7px solid #111; + left: -13px; + top: calc(50% - 7px); + bottom: auto; + right: auto; } + .tooltip-box.is-drop-right:not(.has-no-arrow)::before { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-right: 7px solid #111; + left: -14.5px; + top: calc(50% - 7px); + bottom: auto; + right: auto; } + .tooltip-box.is-drop-left { + right: 100%; + margin: 0 7px 0 0; + bottom: auto; + left: auto; + top: 0; } + .tooltip-box.is-drop-left:not(.has-no-arrow)::after { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-left: 7px solid #111; + right: -13px; + top: calc(50% - 7px); + left: auto; + bottom: auto; } + .tooltip-box.is-drop-left:not(.has-no-arrow)::before { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-left: 7px solid #111; + right: -14.5px; + top: calc(50% - 7px); + left: auto; + bottom: auto; } + .tooltip-box.is-drop-down { + top: 100%; + margin: -7px 0 0 0; + bottom: auto; + left: 0; } + .tooltip-box.is-drop-down:not(.has-no-arrow)::after { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-bottom: 7px solid #111; + top: -13px; + left: calc(50% - 7px); + right: auto; + bottom: auto; } + .tooltip-box.is-drop-down:not(.has-no-arrow)::before { + content: ""; + border-bottom: 7px solid transparent; + border-top: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + position: absolute; + border-bottom: 7px solid #111; + top: -14.5px; + left: calc(50% - 7px); + right: auto; + bottom: auto; } + /*# sourceMappingURL=undernet.css.map */ \ No newline at end of file diff --git a/dist/undernet.css.map b/dist/undernet.css.map index cbd7cdbd..da5bbd09 100644 --- a/dist/undernet.css.map +++ b/dist/undernet.css.map @@ -16,8 +16,9 @@ "../scss/components/_dropdown.scss", "../scss/components/_modal.scss", "../scss/components/_accordion.scss", + "../scss/components/_tooltip.scss", "../scss/helpers/_scope-overrides.scss" ], "names": [], - "mappings": "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" + "mappings": "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" } \ No newline at end of file diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js index 05479155..5081af94 100644 --- a/js/dist/tooltip.js +++ b/js/dist/tooltip.js @@ -30,7 +30,8 @@ var Events = { MOUSEOVER: "mouseover", MOUSEOUT: "mouseout", FOCUS: "focus", - BLUR: "blur" + BLUR: "blur", + KEYDOWN: "keydown" }; var Messages = { NO_ID_ERROR: "Could not find your tooltip's id.", @@ -48,9 +49,10 @@ var Tooltip = function () { this._render = this._render.bind(this); this._handleClose = this._handleClose.bind(this); + this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this); this._activeTrigger = null; this._activeTooltip = null; - this._allTooltipTriggers = []; + this._allTooltips = []; } _createClass(Tooltip, [{ @@ -58,9 +60,9 @@ var Tooltip = function () { value: function start() { var _this = this; - this._allTooltipTriggers = document.querySelectorAll("[".concat(Selectors.DATA_TOOLTIP, "]")); + this._allTooltips = document.querySelectorAll("[".concat(Selectors.DATA_TOOLTIP, "]")); - this._allTooltipTriggers.forEach(function (instance) { + this._allTooltips.forEach(function (instance) { _this._setupTooltip(instance); }); } @@ -69,20 +71,16 @@ var Tooltip = function () { value: function stop() { var _this2 = this; - this._allTooltipTriggers.forEach(function (element) { - var id = element.getAttribute(Selectors.DATA_TOOLTIP); - var trigger = element.querySelector(_this2._getTrigger(id)); - element.removeEventListener(Events.MOUSEOVER, _this2._render); - element.removeEventListener(Events.FOCUS, _this2._render); + this._allTooltips.forEach(function (instance) { + var id = instance.getAttribute(Selectors.DATA_TOOLTIP); + var trigger = instance.querySelector(_this2._getTrigger(id)); + instance.removeEventListener(Events.MOUSEOVER, _this2._render); + instance.removeEventListener(Events.FOCUS, _this2._render); }); } }, { key: "_render", value: function _render(event) { - if (this._activeTooltip) { - this._handleClose(event); - } - this._activeTrigger = event.target; var tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET); @@ -101,7 +99,7 @@ var Tooltip = function () { } }, { key: "_handleClose", - value: function _handleClose(event) { + value: function _handleClose() { this._hideTooltip(); this._listenForOpen(); @@ -130,10 +128,19 @@ var Tooltip = function () { this._activeTrigger.addEventListener(Events.BLUR, this._handleClose); + document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); + if (_utils.iOSMobile) { document.body.style.cursor = "pointer"; } } + }, { + key: "_handleEscapeKeyPress", + value: function _handleEscapeKeyPress(event) { + if (event.which === KeyCodes.ESCAPE) { + this._handleClose(); + } + } }, { key: "_listenForOpen", value: function _listenForOpen() { @@ -145,6 +152,8 @@ var Tooltip = function () { this._activeTrigger.addEventListener(Events.FOCUS, this._render); + document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress); + if (_utils.iOSMobile) { document.body.style.cursor = "auto"; } diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index 5829e4fb..8a699057 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEOVER","MOUSEOUT","FOCUS","BLUR","Messages","NO_ID_ERROR","NO_TRIGGER_ERROR","id","NO_TOOLTIP_ERROR","Tooltip","_render","bind","_handleClose","_activeTrigger","_activeTooltip","_allTooltipTriggers","document","querySelectorAll","forEach","instance","_setupTooltip","element","getAttribute","trigger","querySelector","_getTrigger","removeEventListener","event","target","tooltipId","getElementById","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","setAttribute","addEventListener","iOSMobile","body","style","cursor","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","top","left","tooltip","console","error","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEOVER: \"mouseover\",\r\n MOUSEOUT: \"mouseout\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find your tooltip's id.\",\r\n NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`,\r\n NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.`\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n\r\n // active tooltip\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n\r\n // all tooltips\r\n this._allTooltipTriggers = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltipTriggers.forEach(instance => {\r\n this._setupTooltip(instance)\r\n })\r\n }\r\n\r\n stop() {\r\n this._allTooltipTriggers.forEach(element => {\r\n const id = element.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = element.querySelector(this._getTrigger(id))\r\n\r\n element.removeEventListener(Events.MOUSEOVER, this._render)\r\n element.removeEventListener(Events.FOCUS, this._render)\r\n })\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n if (this._activeTooltip) {\r\n this._handleClose(event)\r\n }\r\n\r\n this._activeTrigger = event.target\r\n const tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(tooltipId)\r\n \r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose(event) {\r\n this._hideTooltip()\r\n \r\n this._listenForOpen()\r\n\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._render)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"auto\"\r\n }\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setupTooltip(instance) {\r\n let id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n let trigger = instance.querySelector(this._getTrigger(id))\r\n let tooltip = document.getElementById(id)\r\n\r\n if (!id) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n }\r\n\r\n if (!trigger) {\r\n return console.error(Messages.NO_TRIGGER_ERROR(id))\r\n }\r\n\r\n if (!tooltip) {\r\n return console.error(Messages.NO_TOOLTIP_ERROR(id))\r\n }\r\n\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n trigger.addEventListener(Events.MOUSEOVER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTrigger(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEOVER","MOUSEOUT","FOCUS","BLUR","KEYDOWN","Messages","NO_ID_ERROR","NO_TRIGGER_ERROR","id","NO_TOOLTIP_ERROR","Tooltip","_render","bind","_handleClose","_handleEscapeKeyPress","_activeTrigger","_activeTooltip","_allTooltips","document","querySelectorAll","forEach","instance","_setupTooltip","getAttribute","trigger","querySelector","_getTrigger","removeEventListener","event","target","tooltipId","getElementById","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","setAttribute","addEventListener","iOSMobile","body","style","cursor","which","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","top","left","tooltip","console","error","element","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":";;;;;;;AAEA;;;;;;;;AAEA,IAAMA,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAE;AADO,CAAjB;AAIA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,YAAY,EAAE,cADE;AAEhBC,EAAAA,YAAY,EAAE,cAFE;AAGhBC,EAAAA,WAAW,EAAE,aAHG;AAIhBC,EAAAA,IAAI,EAAE,MAJU;AAKhBC,EAAAA,gBAAgB,EAAE,kBALF;AAMhBC,EAAAA,eAAe,EAAE,cAND;AAOhBC,EAAAA,gBAAgB,EAAE;AAPF,CAAlB;AAUA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KAAK,EAAE,OADM;AAEbC,EAAAA,SAAS,EAAE,WAFE;AAGbC,EAAAA,QAAQ,EAAE,UAHG;AAIbC,EAAAA,KAAK,EAAE,OAJM;AAKbC,EAAAA,IAAI,EAAE,MALO;AAMbC,EAAAA,OAAO,EAAE;AANI,CAAf;AASA,IAAMC,QAAQ,GAAG;AACfC,EAAAA,WAAW,EAAE,mCADE;AAEfC,EAAAA,gBAAgB,EAAE,0BAAAC,EAAE;AAAA,iEAAmDA,EAAnD;AAAA,GAFL;AAGfC,EAAAA,gBAAgB,EAAE,0BAAAD,EAAE;AAAA,yDAA2CA,EAA3C;AAAA;AAHL,CAAjB;;IAUqBE,O;AACnB,qBAAc;AAAA;;AAEZ,SAAKC,OAAL,GAAe,KAAKA,OAAL,CAAaC,IAAb,CAAkB,IAAlB,CAAf;AACA,SAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAuB,IAAvB,CAApB;AACA,SAAKE,qBAAL,GAA6B,KAAKA,qBAAL,CAA2BF,IAA3B,CAAgC,IAAhC,CAA7B;AAGA,SAAKG,cAAL,GAAsB,IAAtB;AACA,SAAKC,cAAL,GAAsB,IAAtB;AAGA,SAAKC,YAAL,GAAoB,EAApB;AACD;;;;4BAIO;AAAA;;AACN,WAAKA,YAAL,GAAoBC,QAAQ,CAACC,gBAAT,YAA8B7B,SAAS,CAACC,YAAxC,OAApB;;AAEA,WAAK0B,YAAL,CAAkBG,OAAlB,CAA0B,UAAAC,QAAQ,EAAI;AACpC,QAAA,KAAI,CAACC,aAAL,CAAmBD,QAAnB;AACD,OAFD;AAGD;;;2BAEM;AAAA;;AACL,WAAKJ,YAAL,CAAkBG,OAAlB,CAA0B,UAAAC,QAAQ,EAAI;AACpC,YAAMb,EAAE,GAAGa,QAAQ,CAACE,YAAT,CAAsBjC,SAAS,CAACC,YAAhC,CAAX;AACA,YAAMiC,OAAO,GAAGH,QAAQ,CAACI,aAAT,CAAuB,MAAI,CAACC,WAAL,CAAiBlB,EAAjB,CAAvB,CAAhB;AAEAa,QAAAA,QAAQ,CAACM,mBAAT,CAA6B7B,MAAM,CAACE,SAApC,EAA+C,MAAI,CAACW,OAApD;AACAU,QAAAA,QAAQ,CAACM,mBAAT,CAA6B7B,MAAM,CAACI,KAApC,EAA2C,MAAI,CAACS,OAAhD;AACD,OAND;AAOD;;;4BAIOiB,K,EAAO;AACb,WAAKb,cAAL,GAAsBa,KAAK,CAACC,MAA5B;;AACA,UAAMC,SAAS,GAAG,KAAKf,cAAL,CAAoBQ,YAApB,CAAiCjC,SAAS,CAACG,WAA3C,CAAlB;;AACA,WAAKuB,cAAL,GAAsBE,QAAQ,CAACa,cAAT,CAAwBD,SAAxB,CAAtB;;AAKA,UAAI,KAAKE,cAAL,EAAJ,EAA2B;AACzB,aAAKC,aAAL,CAAmB,QAAnB;AACD,OAFD,MAEO;AACL,aAAKA,aAAL,CAAmB,OAAnB;AACD;;AAED,WAAKC,YAAL;;AACA,WAAKC,eAAL;AACD;;;mCAEc;AACb,WAAKC,YAAL;;AACA,WAAKC,cAAL;;AAEA,WAAKtB,cAAL,GAAsB,IAAtB;AACA,WAAKC,cAAL,GAAsB,IAAtB;AACD;;;mCAEc;AACb,WAAKA,cAAL,CAAoBsB,YAApB,CAAiChD,SAAS,CAACE,YAA3C,EAAyD,MAAzD;AACD;;;mCAEc;AACb,WAAKwB,cAAL,CAAoBsB,YAApB,CAAiChD,SAAS,CAACE,YAA3C,EAAyD,OAAzD;AACD;;;sCAEiB;AAChB,WAAKuB,cAAL,CAAoBY,mBAApB,CAAwC7B,MAAM,CAACE,SAA/C,EAA0D,KAAKW,OAA/D;;AACA,WAAKI,cAAL,CAAoBY,mBAApB,CAAwC7B,MAAM,CAACI,KAA/C,EAAsD,KAAKS,OAA3D;;AACA,WAAKI,cAAL,CAAoBwB,gBAApB,CAAqCzC,MAAM,CAACG,QAA5C,EAAsD,KAAKY,YAA3D;;AACA,WAAKE,cAAL,CAAoBwB,gBAApB,CAAqCzC,MAAM,CAACK,IAA5C,EAAkD,KAAKU,YAAvD;;AACAK,MAAAA,QAAQ,CAACqB,gBAAT,CAA0BzC,MAAM,CAACM,OAAjC,EAA0C,KAAKU,qBAA/C;;AAEA,UAAI0B,gBAAJ,EAAe;AACbtB,QAAAA,QAAQ,CAACuB,IAAT,CAAcC,KAAd,CAAoBC,MAApB,GAA6B,SAA7B;AACD;AACF;;;0CAEqBf,K,EAAO;AAC3B,UAAIA,KAAK,CAACgB,KAAN,KAAgBxD,QAAQ,CAACC,MAA7B,EAAqC;AACnC,aAAKwB,YAAL;AACD;AACF;;;qCAEgB;AACf,WAAKE,cAAL,CAAoBY,mBAApB,CAAwC7B,MAAM,CAACG,QAA/C,EAAyD,KAAKY,YAA9D;;AACA,WAAKE,cAAL,CAAoBY,mBAApB,CAAwC7B,MAAM,CAACK,IAA/C,EAAqD,KAAKU,YAA1D;;AACA,WAAKE,cAAL,CAAoBwB,gBAApB,CAAqCzC,MAAM,CAACE,SAA5C,EAAuD,KAAKW,OAA5D;;AACA,WAAKI,cAAL,CAAoBwB,gBAApB,CAAqCzC,MAAM,CAACI,KAA5C,EAAmD,KAAKS,OAAxD;;AACAO,MAAAA,QAAQ,CAACS,mBAAT,CAA6B7B,MAAM,CAACM,OAApC,EAA6C,KAAKU,qBAAlD;;AAEA,UAAI0B,gBAAJ,EAAe;AACbtB,QAAAA,QAAQ,CAACuB,IAAT,CAAcC,KAAd,CAAoBC,MAApB,GAA6B,MAA7B;AACD;AACF;;;kCAEaE,Q,EAAU;AACtB,UAAMC,aAAa,GAAG,KAAKC,kBAAL,CAAwB,KAAKhC,cAA7B,EAA6C8B,QAA7C,CAAtB;;AACA,UAAMG,aAAa,GAAG,KAAKD,kBAAL,CAAwB,KAAK/B,cAA7B,EAA6C6B,QAA7C,CAAtB;;AACA,UAAMI,gBAAgB,GAAGH,aAAa,GAAGE,aAAzC;AAEA,UAAME,MAAM,GAAGD,gBAAgB,GAC3B,CAACH,aAAa,GAAGE,aAAjB,IAAkC,CADP,GAE3B,CAACA,aAAa,GAAGF,aAAjB,IAAkC,CAAC,CAFvC;;AAIA,UAAID,QAAQ,KAAK,QAAjB,EAA2B;AACzB,aAAK7B,cAAL,CAAoB0B,KAApB,CAA0BS,GAA1B,aAAmCD,MAAnC;AACD,OAFD,MAEO;AACL,aAAKlC,cAAL,CAAoB0B,KAApB,CAA0BU,IAA1B,aAAoCF,MAApC;AACD;AACF;;;kCAEa7B,Q,EAAU;AACtB,UAAMb,EAAE,GAAGa,QAAQ,CAACE,YAAT,CAAsBjC,SAAS,CAACC,YAAhC,CAAX;AACA,UAAMiC,OAAO,GAAGH,QAAQ,CAACI,aAAT,CAAuB,KAAKC,WAAL,CAAiBlB,EAAjB,CAAvB,CAAhB;AACA,UAAM6C,OAAO,GAAGnC,QAAQ,CAACa,cAAT,CAAwBvB,EAAxB,CAAhB;;AAEA,UAAI,CAACA,EAAL,EAAS;AACP,eAAO8C,OAAO,CAACC,KAAR,CAAclD,QAAQ,CAACC,WAAvB,CAAP;AACD;;AAED,UAAI,CAACkB,OAAL,EAAc;AACZ,eAAO8B,OAAO,CAACC,KAAR,CAAclD,QAAQ,CAACE,gBAAT,CAA0BC,EAA1B,CAAd,CAAP;AACD;;AAED,UAAI,CAAC6C,OAAL,EAAc;AACZ,eAAOC,OAAO,CAACC,KAAR,CAAclD,QAAQ,CAACI,gBAAT,CAA0BD,EAA1B,CAAd,CAAP;AACD;;AAEDgB,MAAAA,OAAO,CAACc,YAAR,CAAqBhD,SAAS,CAACK,gBAA/B,EAAiDa,EAAjD;AACA6C,MAAAA,OAAO,CAACf,YAAR,CAAqBhD,SAAS,CAACI,IAA/B,EAAqC,SAArC;AAEA8B,MAAAA,OAAO,CAACe,gBAAR,CAAyBzC,MAAM,CAACE,SAAhC,EAA2C,KAAKW,OAAhD;AACAa,MAAAA,OAAO,CAACe,gBAAR,CAAyBzC,MAAM,CAACI,KAAhC,EAAuC,KAAKS,OAA5C;AACD;;;gCAEWH,E,EAAI;AACd,wBAAWlB,SAAS,CAACG,WAArB,gBAAqCe,EAArC;AACD;;;uCAEkBgD,O,EAASX,Q,EAAU;AACpC,aAAOY,QAAQ,CAACC,MAAM,CAACC,gBAAP,CAAwBH,OAAxB,EAAiCX,QAAjC,EAA2Ce,KAA3C,CAAiD,CAAjD,EAAoD,CAAC,CAArD,CAAD,CAAf;AACD;;;qCAEgB;AACf,UAAMC,OAAO,GAAG,KAAK7C,cAAL,CAAoB8C,SAApC;AACA,aAAOD,OAAO,CAACE,QAAR,CAAiBzE,SAAS,CAACM,eAA3B,KAA+CiE,OAAO,CAACE,QAAR,CAAiBzE,SAAS,CAACO,gBAA3B,CAAtD;AACD","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEOVER: \"mouseover\",\r\n MOUSEOUT: \"mouseout\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n KEYDOWN: \"keydown\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find your tooltip's id.\",\r\n NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`,\r\n NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.`\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\r\n\r\n // active tooltip\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n\r\n // all tooltips\r\n this._allTooltips = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltips = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltips.forEach(instance => {\r\n this._setupTooltip(instance)\r\n })\r\n }\r\n\r\n stop() {\r\n this._allTooltips.forEach(instance => {\r\n const id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = instance.querySelector(this._getTrigger(id))\r\n\r\n instance.removeEventListener(Events.MOUSEOVER, this._render)\r\n instance.removeEventListener(Events.FOCUS, this._render)\r\n })\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n this._activeTrigger = event.target\r\n const tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(tooltipId)\r\n \r\n // align tooltip to its trigger\r\n // -> if the trigger is on the left or right side, use height\r\n // -> else use width\r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose() {\r\n this._hideTooltip()\r\n this._listenForOpen()\r\n\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n }\r\n\r\n _handleEscapeKeyPress(event) {\r\n if (event.which === KeyCodes.ESCAPE) {\r\n this._handleClose()\r\n }\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._render)\r\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"auto\"\r\n }\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setupTooltip(instance) {\r\n const id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = instance.querySelector(this._getTrigger(id))\r\n const tooltip = document.getElementById(id)\r\n\r\n if (!id) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n }\r\n\r\n if (!trigger) {\r\n return console.error(Messages.NO_TRIGGER_ERROR(id))\r\n }\r\n\r\n if (!tooltip) {\r\n return console.error(Messages.NO_TOOLTIP_ERROR(id))\r\n }\r\n\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n trigger.addEventListener(Events.MOUSEOVER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTrigger(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 3410cded..18bd6efc 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -22,6 +22,7 @@ const Events = { MOUSEOUT: "mouseout", FOCUS: "focus", BLUR: "blur", + KEYDOWN: "keydown", } const Messages = { @@ -39,46 +40,46 @@ export default class Tooltip { // events this._render = this._render.bind(this) this._handleClose = this._handleClose.bind(this) + this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this) // active tooltip this._activeTrigger = null this._activeTooltip = null // all tooltips - this._allTooltipTriggers = [] + this._allTooltips = [] } // public start() { - this._allTooltipTriggers = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`) + this._allTooltips = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`) - this._allTooltipTriggers.forEach(instance => { + this._allTooltips.forEach(instance => { this._setupTooltip(instance) }) } stop() { - this._allTooltipTriggers.forEach(element => { - const id = element.getAttribute(Selectors.DATA_TOOLTIP) - const trigger = element.querySelector(this._getTrigger(id)) + this._allTooltips.forEach(instance => { + const id = instance.getAttribute(Selectors.DATA_TOOLTIP) + const trigger = instance.querySelector(this._getTrigger(id)) - element.removeEventListener(Events.MOUSEOVER, this._render) - element.removeEventListener(Events.FOCUS, this._render) + instance.removeEventListener(Events.MOUSEOVER, this._render) + instance.removeEventListener(Events.FOCUS, this._render) }) } // private _render(event) { - if (this._activeTooltip) { - this._handleClose(event) - } - this._activeTrigger = event.target const tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET) this._activeTooltip = document.getElementById(tooltipId) + // align tooltip to its trigger + // -> if the trigger is on the left or right side, use height + // -> else use width if (this._isLeftOrRight()) { this._alignTooltip("height") } else { @@ -89,7 +90,7 @@ export default class Tooltip { this._listenForClose() } - _handleClose(event) { + _handleClose() { this._hideTooltip() this._listenForOpen() @@ -110,17 +111,25 @@ export default class Tooltip { this._activeTrigger.removeEventListener(Events.FOCUS, this._render) this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose) this._activeTrigger.addEventListener(Events.BLUR, this._handleClose) + document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) if (iOSMobile) { document.body.style.cursor = "pointer" } } + _handleEscapeKeyPress(event) { + if (event.which === KeyCodes.ESCAPE) { + this._handleClose() + } + } + _listenForOpen() { this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose) this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose) this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render) this._activeTrigger.addEventListener(Events.FOCUS, this._render) + document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress) if (iOSMobile) { document.body.style.cursor = "auto" diff --git a/scss/_config.scss b/scss/_config.scss index 9b4915d6..d2480868 100644 --- a/scss/_config.scss +++ b/scss/_config.scss @@ -18,6 +18,7 @@ // 6. Modals // 7. Accordions // 8. Dropdowns +// 9. Tooltips // ------------------ // ****************** @@ -740,3 +741,14 @@ $dropdown-menu-header-color: $gray800 !default; // ----------- $tooltip-arrows-enabled: true !default; + +$tooltip-padding: 4px 8px; +$tooltip-margin: 0 0 $arrow-size; + +$tooltip-transition: opacity $global-transition; + +$tooltip-font-size: 14px; +$tooltip-border-radius: $global-border-radius; +$tooltip-border: 1px solid $gray100; +$tooltip-color: $white; +$tooltip-background: $gray100; diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss index 3d9a9b8c..029c9d5c 100644 --- a/scss/components/_tooltip.scss +++ b/scss/components/_tooltip.scss @@ -1,5 +1,3 @@ -// TODO: Add style vars to config - .tooltip { position: relative; display: inline-block; @@ -15,23 +13,22 @@ } .tooltip-box { - padding: 4px 8px; + padding: $tooltip-padding; border-radius: $global-border-radius; + border: $tooltip-border; background: $gray100; - margin: 0; position: absolute; display: block; opacity: 0; - transition: opacity $global-transition; + transition: $tooltip-transition; pointer-events: none; word-wrap: break-word; white-space: nowrap; text-align: center; - border: 1px solid $gray100; z-index: $tooltip-index; - color: $white; - font-size: 14px; - margin: 0 0 $arrow-size; + color: $tooltip-color; + font-size: $tooltip-font-size; + margin: $tooltip-margin; &[data-visible="true"] { opacity: 1; @@ -69,7 +66,7 @@ &.is-drop-down { top: 100%; - margin: 0; + margin: -$arrow-size 0 0 0; bottom: auto; left: 0; // Overriden in javascript. This is a fallback. From 1c51c5b5967828f4843e7a506f930c1ea4868f2a Mon Sep 17 00:00:00 2001 From: george Date: Tue, 26 Mar 2019 22:06:30 -0700 Subject: [PATCH 22/31] add tooltip tests --- config/mocha.undernet.config.js | 10 +++ js/dist/tooltip.js | 4 +- js/dist/tooltip.js.map | 2 +- js/src/tooltip.js | 4 +- js/test/dropdown.spec.js | 1 - js/test/tooltip.spec.js | 119 ++++++++++++++++++++++++++++++++ 6 files changed, 134 insertions(+), 6 deletions(-) create mode 100644 js/test/tooltip.spec.js diff --git a/config/mocha.undernet.config.js b/config/mocha.undernet.config.js index 98720bdf..4f74bf81 100644 --- a/config/mocha.undernet.config.js +++ b/config/mocha.undernet.config.js @@ -27,3 +27,13 @@ global.window.simulateKeyPress = (which, shiftKey = false, node = null) => { return node ? node.dispatchEvent(event) : document.dispatchEvent(event) } + +global.window.simulateMouseEvent = (name, node = null, bubbles = false, cancelable = false) => { + const event = new MouseEvent(name, { + bubbles: bubbles || true, + cancelable: cancelable || true, + relatedTarget: window + }) + + return node ? node.dispatchEvent(event) : document.dispatchEvent(event) +} diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js index 5081af94..b18a16d2 100644 --- a/js/dist/tooltip.js +++ b/js/dist/tooltip.js @@ -74,8 +74,8 @@ var Tooltip = function () { this._allTooltips.forEach(function (instance) { var id = instance.getAttribute(Selectors.DATA_TOOLTIP); var trigger = instance.querySelector(_this2._getTrigger(id)); - instance.removeEventListener(Events.MOUSEOVER, _this2._render); - instance.removeEventListener(Events.FOCUS, _this2._render); + trigger.removeEventListener(Events.MOUSEOVER, _this2._render); + trigger.removeEventListener(Events.FOCUS, _this2._render); }); } }, { diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map index 8a699057..73fcc859 100644 --- a/js/dist/tooltip.js.map +++ b/js/dist/tooltip.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEOVER","MOUSEOUT","FOCUS","BLUR","KEYDOWN","Messages","NO_ID_ERROR","NO_TRIGGER_ERROR","id","NO_TOOLTIP_ERROR","Tooltip","_render","bind","_handleClose","_handleEscapeKeyPress","_activeTrigger","_activeTooltip","_allTooltips","document","querySelectorAll","forEach","instance","_setupTooltip","getAttribute","trigger","querySelector","_getTrigger","removeEventListener","event","target","tooltipId","getElementById","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","setAttribute","addEventListener","iOSMobile","body","style","cursor","which","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","top","left","tooltip","console","error","element","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEOVER: \"mouseover\",\r\n MOUSEOUT: \"mouseout\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n KEYDOWN: \"keydown\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find your tooltip's id.\",\r\n NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`,\r\n NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.`\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\r\n\r\n // active tooltip\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n\r\n // all tooltips\r\n this._allTooltips = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltips = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltips.forEach(instance => {\r\n this._setupTooltip(instance)\r\n })\r\n }\r\n\r\n stop() {\r\n this._allTooltips.forEach(instance => {\r\n const id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = instance.querySelector(this._getTrigger(id))\r\n\r\n instance.removeEventListener(Events.MOUSEOVER, this._render)\r\n instance.removeEventListener(Events.FOCUS, this._render)\r\n })\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n this._activeTrigger = event.target\r\n const tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(tooltipId)\r\n \r\n // align tooltip to its trigger\r\n // -> if the trigger is on the left or right side, use height\r\n // -> else use width\r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose() {\r\n this._hideTooltip()\r\n this._listenForOpen()\r\n\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n }\r\n\r\n _handleEscapeKeyPress(event) {\r\n if (event.which === KeyCodes.ESCAPE) {\r\n this._handleClose()\r\n }\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._render)\r\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"auto\"\r\n }\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setupTooltip(instance) {\r\n const id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = instance.querySelector(this._getTrigger(id))\r\n const tooltip = document.getElementById(id)\r\n\r\n if (!id) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n }\r\n\r\n if (!trigger) {\r\n return console.error(Messages.NO_TRIGGER_ERROR(id))\r\n }\r\n\r\n if (!tooltip) {\r\n return console.error(Messages.NO_TOOLTIP_ERROR(id))\r\n }\r\n\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n trigger.addEventListener(Events.MOUSEOVER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTrigger(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file +{"version":3,"sources":["../src/tooltip.js"],"names":["KeyCodes","ESCAPE","Selectors","DATA_TOOLTIP","DATA_VISIBLE","DATA_TARGET","ROLE","ARIA_DESCRIBEDBY","DROP_LEFT_CLASS","DROP_RIGHT_CLASS","Events","CLICK","MOUSEOVER","MOUSEOUT","FOCUS","BLUR","KEYDOWN","Messages","NO_ID_ERROR","NO_TRIGGER_ERROR","id","NO_TOOLTIP_ERROR","Tooltip","_render","bind","_handleClose","_handleEscapeKeyPress","_activeTrigger","_activeTooltip","_allTooltips","document","querySelectorAll","forEach","instance","_setupTooltip","getAttribute","trigger","querySelector","_getTrigger","removeEventListener","event","target","tooltipId","getElementById","_isLeftOrRight","_alignTooltip","_showTooltip","_listenForClose","_hideTooltip","_listenForOpen","setAttribute","addEventListener","iOSMobile","body","style","cursor","which","property","triggerLength","_getComputedLength","tooltipLength","triggerIsLongest","offset","top","left","tooltip","console","error","element","parseInt","window","getComputedStyle","slice","classes","classList","contains"],"mappings":"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","sourcesContent":["// TODO: Add tests\r\n\r\nimport { iOSMobile } from \"./utils\"\r\n\r\nconst KeyCodes = {\r\n ESCAPE: 27,\r\n}\r\n\r\nconst Selectors = {\r\n DATA_TOOLTIP: \"data-tooltip\",\r\n DATA_VISIBLE: \"data-visible\",\r\n DATA_TARGET: \"data-target\",\r\n ROLE: \"role\",\r\n ARIA_DESCRIBEDBY: \"aria-describedby\",\r\n DROP_LEFT_CLASS: \"is-drop-left\",\r\n DROP_RIGHT_CLASS: \"is-drop-right\",\r\n}\r\n\r\nconst Events = {\r\n CLICK: \"click\",\r\n MOUSEOVER: \"mouseover\",\r\n MOUSEOUT: \"mouseout\",\r\n FOCUS: \"focus\",\r\n BLUR: \"blur\",\r\n KEYDOWN: \"keydown\",\r\n}\r\n\r\nconst Messages = {\r\n NO_ID_ERROR: \"Could not find your tooltip's id.\",\r\n NO_TRIGGER_ERROR: id => `Could not find a tooltip trigger with id of ${id}.`,\r\n NO_TOOLTIP_ERROR: id => `Could not find a tooltip with id of ${id}.`\r\n}\r\n\r\n/**\r\n * Tooltip component class.\r\n * @module Tooltip\r\n */\r\nexport default class Tooltip {\r\n constructor() {\r\n // events\r\n this._render = this._render.bind(this)\r\n this._handleClose = this._handleClose.bind(this)\r\n this._handleEscapeKeyPress = this._handleEscapeKeyPress.bind(this)\r\n\r\n // active tooltip\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n\r\n // all tooltips\r\n this._allTooltips = []\r\n }\r\n\r\n // public\r\n\r\n start() {\r\n this._allTooltips = document.querySelectorAll(`[${Selectors.DATA_TOOLTIP}]`)\r\n\r\n this._allTooltips.forEach(instance => {\r\n this._setupTooltip(instance)\r\n })\r\n }\r\n\r\n stop() {\r\n this._allTooltips.forEach(instance => {\r\n const id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = instance.querySelector(this._getTrigger(id))\r\n\r\n trigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n trigger.removeEventListener(Events.FOCUS, this._render)\r\n })\r\n }\r\n\r\n // private\r\n\r\n _render(event) {\r\n this._activeTrigger = event.target\r\n const tooltipId = this._activeTrigger.getAttribute(Selectors.DATA_TARGET)\r\n this._activeTooltip = document.getElementById(tooltipId)\r\n \r\n // align tooltip to its trigger\r\n // -> if the trigger is on the left or right side, use height\r\n // -> else use width\r\n if (this._isLeftOrRight()) {\r\n this._alignTooltip(\"height\")\r\n } else {\r\n this._alignTooltip(\"width\")\r\n }\r\n\r\n this._showTooltip()\r\n this._listenForClose()\r\n }\r\n\r\n _handleClose() {\r\n this._hideTooltip()\r\n this._listenForOpen()\r\n\r\n this._activeTrigger = null\r\n this._activeTooltip = null\r\n }\r\n\r\n _showTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"true\")\r\n }\r\n\r\n _hideTooltip() {\r\n this._activeTooltip.setAttribute(Selectors.DATA_VISIBLE, \"false\")\r\n }\r\n\r\n _listenForClose() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.removeEventListener(Events.FOCUS, this._render)\r\n this._activeTrigger.addEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.BLUR, this._handleClose)\r\n document.addEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"pointer\"\r\n }\r\n }\r\n\r\n _handleEscapeKeyPress(event) {\r\n if (event.which === KeyCodes.ESCAPE) {\r\n this._handleClose()\r\n }\r\n }\r\n\r\n _listenForOpen() {\r\n this._activeTrigger.removeEventListener(Events.MOUSEOUT, this._handleClose)\r\n this._activeTrigger.removeEventListener(Events.BLUR, this._handleClose)\r\n this._activeTrigger.addEventListener(Events.MOUSEOVER, this._render)\r\n this._activeTrigger.addEventListener(Events.FOCUS, this._render)\r\n document.removeEventListener(Events.KEYDOWN, this._handleEscapeKeyPress)\r\n\r\n if (iOSMobile) {\r\n document.body.style.cursor = \"auto\"\r\n }\r\n }\r\n\r\n _alignTooltip(property) {\r\n const triggerLength = this._getComputedLength(this._activeTrigger, property)\r\n const tooltipLength = this._getComputedLength(this._activeTooltip, property)\r\n const triggerIsLongest = triggerLength > tooltipLength\r\n\r\n const offset = triggerIsLongest\r\n ? (triggerLength - tooltipLength) / 2\r\n : (tooltipLength - triggerLength) / -2\r\n\r\n if (property === \"height\") {\r\n this._activeTooltip.style.top = `${offset}px`\r\n } else {\r\n this._activeTooltip.style.left = `${offset}px`\r\n }\r\n }\r\n\r\n _setupTooltip(instance) {\r\n const id = instance.getAttribute(Selectors.DATA_TOOLTIP)\r\n const trigger = instance.querySelector(this._getTrigger(id))\r\n const tooltip = document.getElementById(id)\r\n\r\n if (!id) {\r\n return console.error(Messages.NO_ID_ERROR)\r\n }\r\n\r\n if (!trigger) {\r\n return console.error(Messages.NO_TRIGGER_ERROR(id))\r\n }\r\n\r\n if (!tooltip) {\r\n return console.error(Messages.NO_TOOLTIP_ERROR(id))\r\n }\r\n\r\n trigger.setAttribute(Selectors.ARIA_DESCRIBEDBY, id)\r\n tooltip.setAttribute(Selectors.ROLE, \"tooltip\")\r\n\r\n trigger.addEventListener(Events.MOUSEOVER, this._render)\r\n trigger.addEventListener(Events.FOCUS, this._render)\r\n }\r\n\r\n _getTrigger(id) {\r\n return `[${Selectors.DATA_TARGET}=\"${id}\"]`\r\n }\r\n\r\n _getComputedLength(element, property) {\r\n return parseInt(window.getComputedStyle(element)[property].slice(0, -2))\r\n }\r\n\r\n _isLeftOrRight() {\r\n const classes = this._activeTooltip.classList\r\n return classes.contains(Selectors.DROP_LEFT_CLASS) || classes.contains(Selectors.DROP_RIGHT_CLASS)\r\n }\r\n}\r\n"],"file":"tooltip.js"} \ No newline at end of file diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 18bd6efc..b7edf92a 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -65,8 +65,8 @@ export default class Tooltip { const id = instance.getAttribute(Selectors.DATA_TOOLTIP) const trigger = instance.querySelector(this._getTrigger(id)) - instance.removeEventListener(Events.MOUSEOVER, this._render) - instance.removeEventListener(Events.FOCUS, this._render) + trigger.removeEventListener(Events.MOUSEOVER, this._render) + trigger.removeEventListener(Events.FOCUS, this._render) }) } diff --git a/js/test/dropdown.spec.js b/js/test/dropdown.spec.js index 6d5575f6..642aa659 100644 --- a/js/test/dropdown.spec.js +++ b/js/test/dropdown.spec.js @@ -9,7 +9,6 @@ const dom = `
  • Item 3
    • -