@cloudscape-design/components-themeable 3.0.1132 → 3.0.1133

package/lib/internal/template/internal/components/focus-lock/utils.js

@@ -19,23 +19,36 @@ const tabbables = [
     '[contenteditable]',
     '[autofocus]',
 ].join(',');
+/** Whether the element or any of its ancestors are not hidden. */
+function isVisible(element) {
+    if (!('checkVisibility' in element)) {
+        // checkVisibility isn't defined in JSDOM. It's safer to assume everything is visible.
+        return true;
+    }
+    // checkVisibility is only defined on element in Typescript 5+
+    // See https://github.com/puppeteer/puppeteer/issues/11059
+    return element.checkVisibility({ visibilityProperty: true });
+}
+/** Whether the element can be focused. */
 export function isFocusable(element) {
-    return element.matches(tabbables);
+    return element.matches(tabbables) && isVisible(element);
 }
+/** Get all elements that can be focused, either programmatically or by the user. */
 export function getAllFocusables(container) {
-    return Array.prototype.slice.call(container.querySelectorAll(tabbables));
+    return Array.from(container.querySelectorAll(tabbables)).filter(isVisible);
 }
-function getFocusables(container) {
+/** Get all focusable elements that can be reached with the keyboard. */
+function getAllTabbables(container) {
     return getAllFocusables(container).filter((element) => element.tabIndex !== -1);
 }
 export function getFirstFocusable(container) {
     var _a;
-    const focusables = getFocusables(container);
-    return (_a = focusables[0]) !== null && _a !== void 0 ? _a : null;
+    const tabbables = getAllTabbables(container);
+    return (_a = tabbables[0]) !== null && _a !== void 0 ? _a : null;
 }
 export function getLastFocusable(container) {
     var _a;
-    const focusables = getFocusables(container);
-    return (_a = focusables[focusables.length - 1]) !== null && _a !== void 0 ? _a : null;
+    const tabbables = getAllTabbables(container);
+    return (_a = tabbables[tabbables.length - 1]) !== null && _a !== void 0 ? _a : null;
 }
 //# sourceMappingURL=utils.js.map

package/lib/internal/template/internal/components/focus-lock/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,aAAa;AACb,+GAA+G;AAC/G,MAAM,SAAS,GAAG;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IAEf,SAAS;IACT,YAAY;IAEZ,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,OAAO;IAEP,iBAAiB;IACjB,iBAAiB;IAEjB,YAAY;IACZ,mBAAmB;IACnB,aAAa;CACd,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC9C,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAsB;IACrD,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;AAC3E,CAAC;AAED,SAAS,aAAa,CAAC,SAAsB;IAC3C,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/F,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,SAAsB;;IACtD,MAAM,UAAU,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC5C,OAAO,MAAA,UAAU,CAAC,CAAC,CAAC,mCAAI,IAAI,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAsB;;IACrD,MAAM,UAAU,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC5C,OAAO,MAAA,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,mCAAI,IAAI,CAAC;AACnD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// Credits to\n// https://github.com/theKashey/focus-lock/blob/33f8b4bd9675d2605b15e2e4015b77fe35fbd6d0/src/utils/tabbables.ts\nconst tabbables = [\n  'button:enabled',\n  'select:enabled',\n  'textarea:enabled',\n  'input:enabled',\n\n  'a[href]',\n  'area[href]',\n\n  'summary',\n  'iframe',\n  'object',\n  'embed',\n\n  'audio[controls]',\n  'video[controls]',\n\n  '[tabindex]',\n  '[contenteditable]',\n  '[autofocus]',\n].join(',');\n\nexport function isFocusable(element: HTMLElement): boolean {\n  return element.matches(tabbables);\n}\n\nexport function getAllFocusables(container: HTMLElement): HTMLElement[] {\n  return Array.prototype.slice.call(container.querySelectorAll(tabbables));\n}\n\nfunction getFocusables(container: HTMLElement): HTMLElement[] {\n  return getAllFocusables(container).filter((element: HTMLElement) => element.tabIndex !== -1);\n}\n\nexport function getFirstFocusable(container: HTMLElement): null | HTMLElement {\n  const focusables = getFocusables(container);\n  return focusables[0] ?? null;\n}\n\nexport function getLastFocusable(container: HTMLElement): null | HTMLElement {\n  const focusables = getFocusables(container);\n  return focusables[focusables.length - 1] ?? null;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,aAAa;AACb,+GAA+G;AAC/G,MAAM,SAAS,GAAG;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IAEf,SAAS;IACT,YAAY;IAEZ,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,OAAO;IAEP,iBAAiB;IACjB,iBAAiB;IAEjB,YAAY;IACZ,mBAAmB;IACnB,aAAa;CACd,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,kEAAkE;AAClE,SAAS,SAAS,CAAC,OAAoB;IACrC,IAAI,CAAC,CAAC,iBAAiB,IAAI,OAAO,CAAC,EAAE;QACnC,sFAAsF;QACtF,OAAO,IAAI,CAAC;KACb;IACD,8DAA8D;IAC9D,0DAA0D;IAC1D,OAAQ,OAAe,CAAC,eAAe,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;AACxE,CAAC;AAED,0CAA0C;AAC1C,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC9C,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;AAC1D,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,gBAAgB,CAAC,SAAsB;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AAC1F,CAAC;AAED,wEAAwE;AACxE,SAAS,eAAe,CAAC,SAAsB;IAC7C,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/F,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,SAAsB;;IACtD,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAC7C,OAAO,MAAA,SAAS,CAAC,CAAC,CAAC,mCAAI,IAAI,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAsB;;IACrD,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAC7C,OAAO,MAAA,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,mCAAI,IAAI,CAAC;AACjD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// Credits to\n// https://github.com/theKashey/focus-lock/blob/33f8b4bd9675d2605b15e2e4015b77fe35fbd6d0/src/utils/tabbables.ts\nconst tabbables = [\n  'button:enabled',\n  'select:enabled',\n  'textarea:enabled',\n  'input:enabled',\n\n  'a[href]',\n  'area[href]',\n\n  'summary',\n  'iframe',\n  'object',\n  'embed',\n\n  'audio[controls]',\n  'video[controls]',\n\n  '[tabindex]',\n  '[contenteditable]',\n  '[autofocus]',\n].join(',');\n\n/** Whether the element or any of its ancestors are not hidden. */\nfunction isVisible(element: HTMLElement): boolean {\n  if (!('checkVisibility' in element)) {\n    // checkVisibility isn't defined in JSDOM. It's safer to assume everything is visible.\n    return true;\n  }\n  // checkVisibility is only defined on element in Typescript 5+\n  // See https://github.com/puppeteer/puppeteer/issues/11059\n  return (element as any).checkVisibility({ visibilityProperty: true });\n}\n\n/** Whether the element can be focused. */\nexport function isFocusable(element: HTMLElement): boolean {\n  return element.matches(tabbables) && isVisible(element);\n}\n\n/** Get all elements that can be focused, either programmatically or by the user. */\nexport function getAllFocusables(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(tabbables)).filter(isVisible);\n}\n\n/** Get all focusable elements that can be reached with the keyboard. */\nfunction getAllTabbables(container: HTMLElement): HTMLElement[] {\n  return getAllFocusables(container).filter((element: HTMLElement) => element.tabIndex !== -1);\n}\n\nexport function getFirstFocusable(container: HTMLElement): HTMLElement | null {\n  const tabbables = getAllTabbables(container);\n  return tabbables[0] ?? null;\n}\n\nexport function getLastFocusable(container: HTMLElement): HTMLElement | null {\n  const tabbables = getAllTabbables(container);\n  return tabbables[tabbables.length - 1] ?? null;\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (67a26ae6)";
-export var GIT_SHA = "67a26ae6";
+export var PACKAGE_VERSION = "3.0.0 (0a448ad4)";
+export var GIT_SHA = "0a448ad4";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (67a26ae6)",
-  "GIT_SHA": "67a26ae6",
+  "PACKAGE_VERSION": "3.0.0 (0a448ad4)",
+  "GIT_SHA": "0a448ad4",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1132",
+  "version": "3.0.1133",
   "files": [
     "lib"
   ],