@itwin/itwinui-react 1.20.0 → 1.21.0

package/esm/core/utils/functions/dom.js

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/**
+ * Get the container as a child of body, or create one if it doesn't exist.
+ * Mostly used for dynamic components like Modal or Toast.
+ *
+ * @param containerId id of the container to find or create
+ * @param ownerDocument Can be changed if the container should be in a different document (e.g. in popup).
+ */
+export var getContainer = function (containerId, ownerDocument) {
+    var _a;
+    if (ownerDocument === void 0) { ownerDocument = getDocument(); }
+    var container = (_a = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.getElementById(containerId)) !== null && _a !== void 0 ? _a : undefined;
+    if (container == null && !!ownerDocument) {
+        container = ownerDocument.createElement('div');
+        container.setAttribute('id', containerId);
+        ownerDocument.body.appendChild(container);
+    }
+    return container;
+};
+/**
+ * Get document if it is defined.
+ * Used to support SSR/SSG applications.
+ */
+export var getDocument = function () {
+    return typeof document === 'undefined' ? undefined : document;
+};
+/**
+ * Get window if it is defined.
+ * Used to support SSR/SSG applications.
+ */
+export var getWindow = function () {
+    return typeof window === 'undefined' ? undefined : window;
+};

package/esm/core/utils/functions/focusable.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Return array of tabbable elements in the container.
+ */
+export declare const getTabbableElements: (container: HTMLElement | undefined | null) => Element[];
+/**
+ * Return array of focusable elements in the container.
+ */
+export declare const getFocusableElements: (container: HTMLElement | undefined | null) => Element[];

package/esm/core/utils/functions/focusable.js

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+var tabbableElementsSelector = 'a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])';
+/**
+ * Return array of tabbable elements in the container.
+ */
+export var getTabbableElements = function (container) {
+    if (!container) {
+        return [];
+    }
+    var elements = container.querySelectorAll(tabbableElementsSelector);
+    return Array.from(elements).filter(function (el) {
+        return !el.hasAttribute('disabled') && !el.classList.contains('iui-disabled');
+    });
+};
+/**
+ * Return array of focusable elements in the container.
+ */
+export var getFocusableElements = function (container) {
+    if (!container) {
+        return [];
+    }
+    var elements = container.querySelectorAll(tabbableElementsSelector + ", [tabindex=\"-1\"]");
+    return Array.from(elements).filter(function (el) {
+        return !el.hasAttribute('disabled') && !el.classList.contains('iui-disabled');
+    });
+};

package/esm/core/utils/functions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './dom';
+export * from './colors';
+export * from './numbers';
+export * from './focusable';

package/esm/core/utils/functions/index.js

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+export * from './dom';
+export * from './colors';
+export * from './numbers';
+export * from './focusable';

package/esm/core/utils/functions/numbers.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Return input value bounded by specified range.
+ */
+export declare const getBoundedValue: (val: number, min: number, max: number) => number;
+/**
+ * Returns a random value of a given length containing `A-Za-z0-9_-` symbols.
+ */
+export declare const getRandomValue: (length?: number) => string;

package/esm/core/utils/functions/numbers.js

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/**
+ * Return input value bounded by specified range.
+ */
+export var getBoundedValue = function (val, min, max) {
+    return Math.min(max, Math.max(min, val));
+};
+/**
+ * Returns a random value of a given length containing `A-Za-z0-9_-` symbols.
+ */
+export var getRandomValue = function (length) {
+    if (length === void 0) { length = 21; }
+    var alphabet = "_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+    var id = '';
+    for (var i = 0; i < length; i++) {
+        id += alphabet[(Math.random() * 64) | 0];
+    }
+    return id;
+};

package/esm/core/utils/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useEventListener';
+export * from './useMergedRefs';
+export * from './useOverflow';
+export * from './useResizeObserver';
+export * from './useTheme';
+export * from './useIntersection';

package/esm/core/utils/hooks/index.js

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+export * from './useEventListener';
+export * from './useMergedRefs';
+export * from './useOverflow';
+export * from './useResizeObserver';
+export * from './useTheme';
+export * from './useIntersection';

package/esm/core/utils/hooks/useIntersection.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
-import { getWindow } from '../common';
+import { getWindow } from '../functions/dom';
 /**
  * Hook that uses `IntersectionObserver` to trigger `onIntersect` callback when element is in viewport.
  * Callback is called only once.

package/esm/core/utils/hooks/useResizeObserver.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
-import { getWindow } from '../common';
+import { getWindow } from '../functions/dom';
 /**
  * Hook that uses `ResizeObserver` to access an element's size every time it updates.
  * @private

package/esm/core/utils/hooks/useTheme.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
 import '@itwin/itwinui-css/css/global.css';
-import { getDocument, getWindow } from '../common';
+import { getDocument, getWindow } from '../functions/dom';
 /**
  * Hook that applies styling and theme to all components.
  * Defaults to light theme if none provided or set elsewhere.

package/esm/core/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './functions';
+export * from './hooks';
+export * from './components';
+export * from './props';

package/esm/core/utils/index.js

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+export * from './functions';
+export * from './hooks';
+export * from './components';
+export * from './props';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "1.20.0",
+  "version": "1.21.0",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "cjs/index.js",
@@ -40,7 +40,7 @@
     "build-storybook": "build-storybook"
   },
   "dependencies": {
-    "@itwin/itwinui-css": "^0.32.0",
+    "@itwin/itwinui-css": "^0.33.0",
     "@itwin/itwinui-icons-react": "^1.1.1",
     "@itwin/itwinui-illustrations-react": "^1.0.1",
     "@tippyjs/react": "^4.2.5",
@@ -114,7 +114,9 @@
     "immer": "^9.0.6",
     "set-value": "^4.1.0",
     "prismjs": "^1.25.0",
-    "nth-check": "^2.0.1"
+    "nth-check": "^2.0.1",
+    "ansi-regex": "^5.0.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1"
   },
   "husky": {
     "hooks": {

package/cjs/core/utils/common.d.ts

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-import { CommonProps } from './props';
-export declare const StatusIconMap: {
-    negative: (args?: CommonProps | undefined) => JSX.Element;
-    positive: (args?: CommonProps | undefined) => JSX.Element;
-    warning: (args?: CommonProps | undefined) => JSX.Element;
-    informational: (args?: CommonProps | undefined) => JSX.Element;
-};
-export declare const SoftBackgrounds: {
-    readonly skyblue: "hsl(197, 71%, 83%)";
-    readonly celery: "hsl(72, 51%, 66%)";
-    readonly froly: "hsl(2, 90%, 83%)";
-    readonly steelblue: "hsl(207, 44%, 73%)";
-    readonly sunglow: "hsl(42, 100%, 70%)";
-    readonly seabuckthorn: "hsl(29, 92%, 71%)";
-    readonly montecarlo: "hsl(176, 43%, 72%)";
-    readonly poloblue: "hsl(211, 44%, 77%)";
-    readonly bouquet: "hsl(305, 19%, 75%)";
-    readonly ash: "hsl(42, 15%, 85%)";
-    readonly oak: "hsl(27, 32%, 72%)";
-};
-/** Returns true if a string value is one of the SoftBackgrounds keys */
-export declare const isSoftBackground: (value: string) => value is "skyblue" | "celery" | "froly" | "steelblue" | "sunglow" | "seabuckthorn" | "montecarlo" | "poloblue" | "bouquet" | "ash" | "oak";
-/**
- * Generate color from user name or email.
- * Recommended to use for `backgroundColor` in `UserIcon` component.
- */
-export declare const getUserColor: (emailOrName: string) => string;
-/**
- * Get the container as a child of body, or create one if it doesn't exist.
- * Mostly used for dynamic components like Modal or Toast.
- *
- * @param containerId id of the container to find or create
- * @param ownerDocument Can be changed if the container should be in a different document (e.g. in popup).
- */
-export declare const getContainer: (containerId: string, ownerDocument?: Document | undefined) => HTMLElement | undefined;
-/**
- * Get document if it is defined.
- * Used to support SSR/SSG applications.
- */
-export declare const getDocument: () => Document | undefined;
-/**
- * Get window if it is defined.
- * Used to support SSR/SSG applications.
- */
-export declare const getWindow: () => (Window & typeof globalThis) | undefined;
-/**
- * Return input value bounded by specified range.
- */
-export declare const getBoundedValue: (val: number, min: number, max: number) => number;
-/**
- * Return array of tabbable elements in the container.
- */
-export declare const getTabbableElements: (container: HTMLElement | undefined | null) => Element[];
-/**
- * Return array of focusable elements in the container.
- */
-export declare const getFocusableElements: (container: HTMLElement | undefined | null) => Element[];

package/cjs/core/utils/common.js

@@ -1,146 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFocusableElements = exports.getTabbableElements = exports.getBoundedValue = exports.getWindow = exports.getDocument = exports.getContainer = exports.getUserColor = exports.isSoftBackground = exports.SoftBackgrounds = exports.StatusIconMap = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-var InfoCircular_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/InfoCircular"));
-var StatusError_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/StatusError"));
-var StatusSuccess_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/StatusSuccess"));
-var StatusWarning_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/StatusWarning"));
-var react_1 = __importDefault(require("react"));
-exports.StatusIconMap = {
-    negative: function (args) { return react_1.default.createElement(StatusError_1.default, __assign({ "aria-hidden": true }, args)); },
-    positive: function (args) { return react_1.default.createElement(StatusSuccess_1.default, __assign({ "aria-hidden": true }, args)); },
-    warning: function (args) { return react_1.default.createElement(StatusWarning_1.default, __assign({ "aria-hidden": true }, args)); },
-    informational: function (args) { return (react_1.default.createElement(InfoCircular_1.default, __assign({ "aria-hidden": true }, args))); },
-};
-exports.SoftBackgrounds = {
-    skyblue: 'hsl(197, 71%, 83%)',
-    celery: 'hsl(72, 51%, 66%)',
-    froly: 'hsl(2, 90%, 83%)',
-    steelblue: 'hsl(207, 44%, 73%)',
-    sunglow: 'hsl(42, 100%, 70%)',
-    seabuckthorn: 'hsl(29, 92%, 71%)',
-    montecarlo: 'hsl(176, 43%, 72%)',
-    poloblue: 'hsl(211, 44%, 77%)',
-    bouquet: 'hsl(305, 19%, 75%)',
-    ash: 'hsl(42, 15%, 85%)',
-    oak: 'hsl(27, 32%, 72%)',
-};
-/** Returns true if a string value is one of the SoftBackgrounds keys */
-var isSoftBackground = function (value) {
-    return Object.keys(exports.SoftBackgrounds).includes(value);
-};
-exports.isSoftBackground = isSoftBackground;
-var USER_COLORS = [
-    '#6AB9EC',
-    '#B1C854',
-    '#F7706C',
-    '#4585A5',
-    '#FFC335',
-    '#F7963E',
-    '#73C7C1',
-    '#85A9CF',
-    '#A3779F',
-    '#C8C2B4',
-    '#A47854',
-];
-/**
- * Generate color from user name or email.
- * Recommended to use for `backgroundColor` in `UserIcon` component.
- */
-var getUserColor = function (emailOrName) {
-    var normalizedString = emailOrName.trim().toLowerCase();
-    var hash = 0;
-    for (var i = 0; i < normalizedString.length; i++) {
-        var charCode = normalizedString.charCodeAt(i);
-        hash = (hash + charCode) % USER_COLORS.length;
-    }
-    return USER_COLORS[hash];
-};
-exports.getUserColor = getUserColor;
-/**
- * Get the container as a child of body, or create one if it doesn't exist.
- * Mostly used for dynamic components like Modal or Toast.
- *
- * @param containerId id of the container to find or create
- * @param ownerDocument Can be changed if the container should be in a different document (e.g. in popup).
- */
-var getContainer = function (containerId, ownerDocument) {
-    var _a;
-    if (ownerDocument === void 0) { ownerDocument = (0, exports.getDocument)(); }
-    var container = (_a = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.getElementById(containerId)) !== null && _a !== void 0 ? _a : undefined;
-    if (container == null && !!ownerDocument) {
-        container = ownerDocument.createElement('div');
-        container.setAttribute('id', containerId);
-        ownerDocument.body.appendChild(container);
-    }
-    return container;
-};
-exports.getContainer = getContainer;
-/**
- * Get document if it is defined.
- * Used to support SSR/SSG applications.
- */
-var getDocument = function () {
-    return typeof document === 'undefined' ? undefined : document;
-};
-exports.getDocument = getDocument;
-/**
- * Get window if it is defined.
- * Used to support SSR/SSG applications.
- */
-var getWindow = function () {
-    return typeof window === 'undefined' ? undefined : window;
-};
-exports.getWindow = getWindow;
-/**
- * Return input value bounded by specified range.
- */
-var getBoundedValue = function (val, min, max) {
-    return Math.min(max, Math.max(min, val));
-};
-exports.getBoundedValue = getBoundedValue;
-var tabbableElementsSelector = 'a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])';
-/**
- * Return array of tabbable elements in the container.
- */
-var getTabbableElements = function (container) {
-    if (!container) {
-        return [];
-    }
-    var elements = container.querySelectorAll(tabbableElementsSelector);
-    return Array.from(elements).filter(function (el) {
-        return !el.hasAttribute('disabled') && !el.classList.contains('iui-disabled');
-    });
-};
-exports.getTabbableElements = getTabbableElements;
-/**
- * Return array of focusable elements in the container.
- */
-var getFocusableElements = function (container) {
-    if (!container) {
-        return [];
-    }
-    var elements = container.querySelectorAll(tabbableElementsSelector + ", [tabindex=\"-1\"]");
-    return Array.from(elements).filter(function (el) {
-        return !el.hasAttribute('disabled') && !el.classList.contains('iui-disabled');
-    });
-};
-exports.getFocusableElements = getFocusableElements;

package/esm/core/utils/common.d.ts

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-import { CommonProps } from './props';
-export declare const StatusIconMap: {
-    negative: (args?: CommonProps | undefined) => JSX.Element;
-    positive: (args?: CommonProps | undefined) => JSX.Element;
-    warning: (args?: CommonProps | undefined) => JSX.Element;
-    informational: (args?: CommonProps | undefined) => JSX.Element;
-};
-export declare const SoftBackgrounds: {
-    readonly skyblue: "hsl(197, 71%, 83%)";
-    readonly celery: "hsl(72, 51%, 66%)";
-    readonly froly: "hsl(2, 90%, 83%)";
-    readonly steelblue: "hsl(207, 44%, 73%)";
-    readonly sunglow: "hsl(42, 100%, 70%)";
-    readonly seabuckthorn: "hsl(29, 92%, 71%)";
-    readonly montecarlo: "hsl(176, 43%, 72%)";
-    readonly poloblue: "hsl(211, 44%, 77%)";
-    readonly bouquet: "hsl(305, 19%, 75%)";
-    readonly ash: "hsl(42, 15%, 85%)";
-    readonly oak: "hsl(27, 32%, 72%)";
-};
-/** Returns true if a string value is one of the SoftBackgrounds keys */
-export declare const isSoftBackground: (value: string) => value is "skyblue" | "celery" | "froly" | "steelblue" | "sunglow" | "seabuckthorn" | "montecarlo" | "poloblue" | "bouquet" | "ash" | "oak";
-/**
- * Generate color from user name or email.
- * Recommended to use for `backgroundColor` in `UserIcon` component.
- */
-export declare const getUserColor: (emailOrName: string) => string;
-/**
- * Get the container as a child of body, or create one if it doesn't exist.
- * Mostly used for dynamic components like Modal or Toast.
- *
- * @param containerId id of the container to find or create
- * @param ownerDocument Can be changed if the container should be in a different document (e.g. in popup).
- */
-export declare const getContainer: (containerId: string, ownerDocument?: Document | undefined) => HTMLElement | undefined;
-/**
- * Get document if it is defined.
- * Used to support SSR/SSG applications.
- */
-export declare const getDocument: () => Document | undefined;
-/**
- * Get window if it is defined.
- * Used to support SSR/SSG applications.
- */
-export declare const getWindow: () => (Window & typeof globalThis) | undefined;
-/**
- * Return input value bounded by specified range.
- */
-export declare const getBoundedValue: (val: number, min: number, max: number) => number;
-/**
- * Return array of tabbable elements in the container.
- */
-export declare const getTabbableElements: (container: HTMLElement | undefined | null) => Element[];
-/**
- * Return array of focusable elements in the container.
- */
-export declare const getFocusableElements: (container: HTMLElement | undefined | null) => Element[];

package/esm/core/utils/common.js

@@ -1,132 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import SvgInfoCircular from '@itwin/itwinui-icons-react/cjs/icons/InfoCircular';
-import SvgStatusError from '@itwin/itwinui-icons-react/cjs/icons/StatusError';
-import SvgStatusSuccess from '@itwin/itwinui-icons-react/cjs/icons/StatusSuccess';
-import SvgStatusWarning from '@itwin/itwinui-icons-react/cjs/icons/StatusWarning';
-import React from 'react';
-export var StatusIconMap = {
-    negative: function (args) { return React.createElement(SvgStatusError, __assign({ "aria-hidden": true }, args)); },
-    positive: function (args) { return React.createElement(SvgStatusSuccess, __assign({ "aria-hidden": true }, args)); },
-    warning: function (args) { return React.createElement(SvgStatusWarning, __assign({ "aria-hidden": true }, args)); },
-    informational: function (args) { return (React.createElement(SvgInfoCircular, __assign({ "aria-hidden": true }, args))); },
-};
-export var SoftBackgrounds = {
-    skyblue: 'hsl(197, 71%, 83%)',
-    celery: 'hsl(72, 51%, 66%)',
-    froly: 'hsl(2, 90%, 83%)',
-    steelblue: 'hsl(207, 44%, 73%)',
-    sunglow: 'hsl(42, 100%, 70%)',
-    seabuckthorn: 'hsl(29, 92%, 71%)',
-    montecarlo: 'hsl(176, 43%, 72%)',
-    poloblue: 'hsl(211, 44%, 77%)',
-    bouquet: 'hsl(305, 19%, 75%)',
-    ash: 'hsl(42, 15%, 85%)',
-    oak: 'hsl(27, 32%, 72%)',
-};
-/** Returns true if a string value is one of the SoftBackgrounds keys */
-export var isSoftBackground = function (value) {
-    return Object.keys(SoftBackgrounds).includes(value);
-};
-var USER_COLORS = [
-    '#6AB9EC',
-    '#B1C854',
-    '#F7706C',
-    '#4585A5',
-    '#FFC335',
-    '#F7963E',
-    '#73C7C1',
-    '#85A9CF',
-    '#A3779F',
-    '#C8C2B4',
-    '#A47854',
-];
-/**
- * Generate color from user name or email.
- * Recommended to use for `backgroundColor` in `UserIcon` component.
- */
-export var getUserColor = function (emailOrName) {
-    var normalizedString = emailOrName.trim().toLowerCase();
-    var hash = 0;
-    for (var i = 0; i < normalizedString.length; i++) {
-        var charCode = normalizedString.charCodeAt(i);
-        hash = (hash + charCode) % USER_COLORS.length;
-    }
-    return USER_COLORS[hash];
-};
-/**
- * Get the container as a child of body, or create one if it doesn't exist.
- * Mostly used for dynamic components like Modal or Toast.
- *
- * @param containerId id of the container to find or create
- * @param ownerDocument Can be changed if the container should be in a different document (e.g. in popup).
- */
-export var getContainer = function (containerId, ownerDocument) {
-    var _a;
-    if (ownerDocument === void 0) { ownerDocument = getDocument(); }
-    var container = (_a = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.getElementById(containerId)) !== null && _a !== void 0 ? _a : undefined;
-    if (container == null && !!ownerDocument) {
-        container = ownerDocument.createElement('div');
-        container.setAttribute('id', containerId);
-        ownerDocument.body.appendChild(container);
-    }
-    return container;
-};
-/**
- * Get document if it is defined.
- * Used to support SSR/SSG applications.
- */
-export var getDocument = function () {
-    return typeof document === 'undefined' ? undefined : document;
-};
-/**
- * Get window if it is defined.
- * Used to support SSR/SSG applications.
- */
-export var getWindow = function () {
-    return typeof window === 'undefined' ? undefined : window;
-};
-/**
- * Return input value bounded by specified range.
- */
-export var getBoundedValue = function (val, min, max) {
-    return Math.min(max, Math.max(min, val));
-};
-var tabbableElementsSelector = 'a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])';
-/**
- * Return array of tabbable elements in the container.
- */
-export var getTabbableElements = function (container) {
-    if (!container) {
-        return [];
-    }
-    var elements = container.querySelectorAll(tabbableElementsSelector);
-    return Array.from(elements).filter(function (el) {
-        return !el.hasAttribute('disabled') && !el.classList.contains('iui-disabled');
-    });
-};
-/**
- * Return array of focusable elements in the container.
- */
-export var getFocusableElements = function (container) {
-    if (!container) {
-        return [];
-    }
-    var elements = container.querySelectorAll(tabbableElementsSelector + ", [tabindex=\"-1\"]");
-    return Array.from(elements).filter(function (el) {
-        return !el.hasAttribute('disabled') && !el.classList.contains('iui-disabled');
-    });
-};