@skbkontur/icons 1.14.1 → 1.15.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.15.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/icons@1.14.2...@skbkontur/icons@1.15.0) (2024-12-10)
+
+
+### Features
+
+* **icons:** full support SOP and async attachment ([02099ee](https://git.skbkontur.ru/ui/ui-parking/commits/02099ee63d81880c87125672bd70c355318da275))
+
+
+
+
+
+## [1.14.2](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/icons@1.14.1...@skbkontur/icons@1.14.2) (2024-12-09)
+
+
+### Bug Fixes
+
+* **icons:** tslib version ([af7218a](https://git.skbkontur.ru/ui/ui-parking/commits/af7218aed0b16fd66f6322d0a7c568435cf62c95))
+
+
+
+
+
 ## [1.14.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/icons@1.14.0...@skbkontur/icons@1.14.1) (2024-11-25)
 
 

package/esm/internal/BaseIcon.js

@@ -1,27 +1,48 @@
 import { __assign, __rest } from "tslib";
 /* eslint-disable react/display-name */
-import React, { useEffect, useRef } from 'react';
+import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { IconDataTids } from './Icon';
 import { forwardRef } from '../helpers/forwardRef';
-import { mergeRefs } from './utils';
-import { injectCss } from './injectCss';
+import { isDocument, isShadowRoot, ZERO_WIDTH_SPACE } from './utils';
 export var BaseIcon = forwardRef('BaseIcon', function (_a, ref) {
-    var color = _a.color, size = _a.size, style = _a.style, _b = _a["aria-hidden"], ariaHidden = _b === void 0 ? true : _b, _c = _a.viewBoxSize, viewBoxSize = _c === void 0 ? 16 : _c, _d = _a.align, align = _d === void 0 ? 'center' : _d, children = _a.children, rest = __rest(_a, ["color", "size", "style", 'aria-hidden', "viewBoxSize", "align", "children"]);
-    var innerRef = useRef(null);
-    useEffect(function () {
-        var element = innerRef.current;
-        if (!element) {
+    var color = _a.color, size = _a.size, style = _a.style, _b = _a["aria-hidden"], ariaHidden = _b === void 0 ? true : _b, _c = _a.viewBoxSize, viewBoxSize = _c === void 0 ? 16 : _c, _d = _a.align, align = _d === void 0 ? 'center' : _d, children = _a.children, tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, onBlur = _a.onBlur, rest = __rest(_a, ["color", "size", "style", 'aria-hidden', "viewBoxSize", "align", "children", "tabIndex", "onKeyUp", "onBlur"]);
+    var zeroWidthSpaceRef = useRef(null);
+    var _e = useState(false), focusVisible = _e[0], setFocusVisible = _e[1];
+    useLayoutEffect(function () {
+        var element = zeroWidthSpaceRef.current;
+        if (!element || !element.attachShadow) {
             return;
         }
-        injectCss(element);
-    }, [innerRef.current]);
-    var icon = (React.createElement("svg", __assign({ "data-tid": IconDataTids.root, ref: mergeRefs([innerRef, ref]), width: size || viewBoxSize, height: size || viewBoxSize, className: "ui-parking-icon-base", style: Object.assign({
-            fill: color !== null && color !== void 0 ? color : 'currentColor',
-            marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',
-            flexShrink: 0,
-        }, align !== 'center' ? style : undefined), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 " + viewBoxSize + " " + viewBoxSize, "aria-hidden": ariaHidden }, rest), children));
+        var zeroWidthSpace = element.ownerDocument.createElement('span');
+        element.append(zeroWidthSpace);
+        try {
+            var shadow = zeroWidthSpace.attachShadow({ mode: 'closed' });
+            shadow.textContent = ZERO_WIDTH_SPACE;
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return function () { return zeroWidthSpace.remove(); };
+    }, [zeroWidthSpaceRef.current]);
+    var enableFocusVisibleOnTab = useCallback(function (e) {
+        var root = e.currentTarget.getRootNode();
+        if (!focusVisible &&
+            e.key === 'Tab' &&
+            (isDocument(root) || isShadowRoot(root)) &&
+            root.activeElement === e.currentTarget) {
+            setFocusVisible(true);
+        }
+        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(e);
+    }, [focusVisible, onKeyUp]);
+    var disableFocusVisible = useCallback(function (e) {
+        focusVisible && setFocusVisible(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [focusVisible, onBlur]);
+    var icon = (React.createElement("svg", __assign({ "data-tid": IconDataTids.root, ref: ref, width: size || viewBoxSize, height: size || viewBoxSize, style: __assign({ fill: color !== null && color !== void 0 ? color : 'currentColor', marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em', flexShrink: 0, outline: focusVisible ? undefined : 'none' }, (align !== 'center' ? style : {})), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 " + viewBoxSize + " " + viewBoxSize, "aria-hidden": ariaHidden, tabIndex: tabIndex, onKeyUp: enableFocusVisibleOnTab, onBlur: disableFocusVisible }, rest), children));
     if (align === 'center') {
-        return (React.createElement("span", { className: "ui-parking-icon-centered", "aria-hidden": ariaHidden, style: style }, icon));
+        return (React.createElement("span", { "aria-hidden": ariaHidden, style: __assign({ display: 'inline-flex', WebkitBoxAlign: 'center', alignItems: 'center' }, style) },
+            React.createElement("span", { ref: zeroWidthSpaceRef }),
+            icon));
     }
     return icon;
 });

package/esm/internal/utils.d.ts

@@ -19,3 +19,27 @@ export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
  * });
  */
 export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): (value: any) => void;
+/**
+ * Character for center alignment.
+ *
+ * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
+ */
+export declare const ZERO_WIDTH_SPACE: string;
+/**
+ * Checks if the node is a Document.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a Document, otherwise false.
+ */
+export declare function isDocument(node: Node): node is Document;
+/**
+ * Checks if the node is a ShadowRoot.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a ShadowRoot, otherwise false.
+ */
+export declare function isShadowRoot(node: Node): node is ShadowRoot;

package/esm/internal/utils.js

@@ -32,3 +32,31 @@ export function mergeRefs(refs) {
         });
     };
 }
+/**
+ * Character for center alignment.
+ *
+ * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
+ */
+export var ZERO_WIDTH_SPACE = String.fromCharCode(0x200b);
+/**
+ * Checks if the node is a Document.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a Document, otherwise false.
+ */
+export function isDocument(node) {
+    return node.nodeType === Node.DOCUMENT_NODE;
+}
+/**
+ * Checks if the node is a ShadowRoot.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a ShadowRoot, otherwise false.
+ */
+export function isShadowRoot(node) {
+    return node.nodeType === Node.DOCUMENT_FRAGMENT_NODE && 'adoptedStyleSheets' in node;
+}

package/internal/BaseIcon.js

@@ -7,24 +7,45 @@ var react_1 = tslib_1.__importStar(require("react"));
 var Icon_1 = require("./Icon");
 var forwardRef_1 = require("../helpers/forwardRef");
 var utils_1 = require("./utils");
-var injectCss_1 = require("./injectCss");
 exports.BaseIcon = forwardRef_1.forwardRef('BaseIcon', function (_a, ref) {
-    var color = _a.color, size = _a.size, style = _a.style, _b = _a["aria-hidden"], ariaHidden = _b === void 0 ? true : _b, _c = _a.viewBoxSize, viewBoxSize = _c === void 0 ? 16 : _c, _d = _a.align, align = _d === void 0 ? 'center' : _d, children = _a.children, rest = tslib_1.__rest(_a, ["color", "size", "style", 'aria-hidden', "viewBoxSize", "align", "children"]);
-    var innerRef = react_1.useRef(null);
-    react_1.useEffect(function () {
-        var element = innerRef.current;
-        if (!element) {
+    var color = _a.color, size = _a.size, style = _a.style, _b = _a["aria-hidden"], ariaHidden = _b === void 0 ? true : _b, _c = _a.viewBoxSize, viewBoxSize = _c === void 0 ? 16 : _c, _d = _a.align, align = _d === void 0 ? 'center' : _d, children = _a.children, tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, onBlur = _a.onBlur, rest = tslib_1.__rest(_a, ["color", "size", "style", 'aria-hidden', "viewBoxSize", "align", "children", "tabIndex", "onKeyUp", "onBlur"]);
+    var zeroWidthSpaceRef = react_1.useRef(null);
+    var _e = react_1.useState(false), focusVisible = _e[0], setFocusVisible = _e[1];
+    react_1.useLayoutEffect(function () {
+        var element = zeroWidthSpaceRef.current;
+        if (!element || !element.attachShadow) {
             return;
         }
-        injectCss_1.injectCss(element);
-    }, [innerRef.current]);
-    var icon = (react_1.default.createElement("svg", tslib_1.__assign({ "data-tid": Icon_1.IconDataTids.root, ref: utils_1.mergeRefs([innerRef, ref]), width: size || viewBoxSize, height: size || viewBoxSize, className: "ui-parking-icon-base", style: Object.assign({
-            fill: color !== null && color !== void 0 ? color : 'currentColor',
-            marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',
-            flexShrink: 0,
-        }, align !== 'center' ? style : undefined), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 " + viewBoxSize + " " + viewBoxSize, "aria-hidden": ariaHidden }, rest), children));
+        var zeroWidthSpace = element.ownerDocument.createElement('span');
+        element.append(zeroWidthSpace);
+        try {
+            var shadow = zeroWidthSpace.attachShadow({ mode: 'closed' });
+            shadow.textContent = utils_1.ZERO_WIDTH_SPACE;
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return function () { return zeroWidthSpace.remove(); };
+    }, [zeroWidthSpaceRef.current]);
+    var enableFocusVisibleOnTab = react_1.useCallback(function (e) {
+        var root = e.currentTarget.getRootNode();
+        if (!focusVisible &&
+            e.key === 'Tab' &&
+            (utils_1.isDocument(root) || utils_1.isShadowRoot(root)) &&
+            root.activeElement === e.currentTarget) {
+            setFocusVisible(true);
+        }
+        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(e);
+    }, [focusVisible, onKeyUp]);
+    var disableFocusVisible = react_1.useCallback(function (e) {
+        focusVisible && setFocusVisible(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [focusVisible, onBlur]);
+    var icon = (react_1.default.createElement("svg", tslib_1.__assign({ "data-tid": Icon_1.IconDataTids.root, ref: ref, width: size || viewBoxSize, height: size || viewBoxSize, style: tslib_1.__assign({ fill: color !== null && color !== void 0 ? color : 'currentColor', marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em', flexShrink: 0, outline: focusVisible ? undefined : 'none' }, (align !== 'center' ? style : {})), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 " + viewBoxSize + " " + viewBoxSize, "aria-hidden": ariaHidden, tabIndex: tabIndex, onKeyUp: enableFocusVisibleOnTab, onBlur: disableFocusVisible }, rest), children));
     if (align === 'center') {
-        return (react_1.default.createElement("span", { className: "ui-parking-icon-centered", "aria-hidden": ariaHidden, style: style }, icon));
+        return (react_1.default.createElement("span", { "aria-hidden": ariaHidden, style: tslib_1.__assign({ display: 'inline-flex', WebkitBoxAlign: 'center', alignItems: 'center' }, style) },
+            react_1.default.createElement("span", { ref: zeroWidthSpaceRef }),
+            icon));
     }
     return icon;
 });

package/internal/utils.d.ts

@@ -19,3 +19,27 @@ export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
  * });
  */
 export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): (value: any) => void;
+/**
+ * Character for center alignment.
+ *
+ * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
+ */
+export declare const ZERO_WIDTH_SPACE: string;
+/**
+ * Checks if the node is a Document.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a Document, otherwise false.
+ */
+export declare function isDocument(node: Node): node is Document;
+/**
+ * Checks if the node is a ShadowRoot.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a ShadowRoot, otherwise false.
+ */
+export declare function isShadowRoot(node: Node): node is ShadowRoot;

package/internal/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeRefs = exports.isNonNullable = void 0;
+exports.isShadowRoot = exports.isDocument = exports.ZERO_WIDTH_SPACE = exports.mergeRefs = exports.isNonNullable = void 0;
 /**
  * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
  *
@@ -36,3 +36,33 @@ function mergeRefs(refs) {
     };
 }
 exports.mergeRefs = mergeRefs;
+/**
+ * Character for center alignment.
+ *
+ * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
+ */
+exports.ZERO_WIDTH_SPACE = String.fromCharCode(0x200b);
+/**
+ * Checks if the node is a Document.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a Document, otherwise false.
+ */
+function isDocument(node) {
+    return node.nodeType === Node.DOCUMENT_NODE;
+}
+exports.isDocument = isDocument;
+/**
+ * Checks if the node is a ShadowRoot.
+ *
+ * Suitable for use in same-origin iframes.
+ *
+ * @param {Node} node - The node to check.
+ * @returns {boolean} - True if the node is a ShadowRoot, otherwise false.
+ */
+function isShadowRoot(node) {
+    return node.nodeType === Node.DOCUMENT_FRAGMENT_NODE && 'adoptedStyleSheets' in node;
+}
+exports.isShadowRoot = isShadowRoot;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skbkontur/icons",
   "description": "react-ui-icons",
-  "version": "1.14.1",
+  "version": "1.15.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -19,7 +19,7 @@
     "icons": "yarn icons:generate && yarn lint:fix"
   },
   "dependencies": {
-    "tslib": "2"
+    "tslib": "^2.8.0"
   },
   "devDependencies": {
     "svgo": "2.8.0"

package/esm/internal/cssRules.d.ts

@@ -1 +0,0 @@
-export declare const CSSRules: readonly string[];

package/esm/internal/cssRules.js

@@ -1,6 +0,0 @@
-export var CSSRules = [
-    ".ui-parking-icon-centered { \n    display: -webkit-inline-box;\n    display: inline-flex;\n    -webkit-box-align: center;\n    align-items: center; \n  }",
-    ".ui-parking-icon-centered::before {\n    /*\n    * ZERO WIDTH SPACE\n    *\n    * Symbol to align to baseline\n    *\n    * @see https://www.fileformat.info/info/unicode/char/200b/index.htm\n    */\n    content: '\\200B';\n  }",
-    ".ui-parking-icon-base { \n    outline: none; \n  }",
-    ".ui-parking-icon-base:focus-visible { \n    outline: blue auto 5px; \n  }",
-];

package/esm/internal/injectCss.d.ts

@@ -1,6 +0,0 @@
-declare global {
-    interface Window {
-        ShadyCSS: any;
-    }
-}
-export declare function injectCss(element: Element): void;

package/esm/internal/injectCss.js

@@ -1,63 +0,0 @@
-import { __spreadArrays } from "tslib";
-import { CSSRules } from './cssRules';
-function checkRuleExists(rootNodeStyles, cssText) {
-    return rootNodeStyles.some(function (cssRules) { return Array.from(cssRules).some(function (r) { return r.cssText === cssText; }); });
-}
-/**
- * Not attached element can return the root of the DOM tree it belongs to, or itself - HTMLElement, Text, etc
- */
-function getSafeRootNode(element) {
-    var _a;
-    var rootNode = (_a = element.getRootNode) === null || _a === void 0 ? void 0 : _a.call(element);
-    return (rootNode instanceof Document || rootNode instanceof ShadowRoot ? rootNode : element.ownerDocument);
-}
-/**
- * Whether the current browser supports `adoptedStyleSheets`.
- * https://github.com/lit/lit-element/blob/master/src/lib/css-tag.ts#L14
- */
-var supportsAdoptingStyleSheets = Boolean(typeof window !== 'undefined' &&
-    window.ShadowRoot &&
-    (window.ShadyCSS === undefined || window.ShadyCSS.nativeShadow) &&
-    'adoptedStyleSheets' in Document.prototype &&
-    'replace' in CSSStyleSheet.prototype);
-export function injectCss(element) {
-    var _a;
-    var rootNode = getSafeRootNode(element);
-    if (supportsAdoptingStyleSheets) {
-        var currentWindow = element.ownerDocument.defaultView;
-        if (!currentWindow) {
-            return;
-        }
-        var rootNodeStyles_1 = rootNode.adoptedStyleSheets.map(function (item) { return item.cssRules; });
-        var cssRulesStyleSheet_1 = new currentWindow.CSSStyleSheet();
-        CSSRules.forEach(function (rule) { return cssRulesStyleSheet_1.insertRule(rule); });
-        var filteredStyleSheet_1 = new currentWindow.CSSStyleSheet();
-        Array.from(cssRulesStyleSheet_1.cssRules).forEach(function (cssRule) {
-            if (!checkRuleExists(rootNodeStyles_1, cssRule.cssText)) {
-                filteredStyleSheet_1.insertRule(cssRule.cssText);
-            }
-        });
-        if (filteredStyleSheet_1.cssRules.length > 0) {
-            try {
-                rootNode.adoptedStyleSheets.push(filteredStyleSheet_1);
-            }
-            catch (e) {
-                // fix for old chrome https://chromestatus.com/feature/5638996492288000 , but slow performance
-                rootNode.adoptedStyleSheets = __spreadArrays(rootNode.adoptedStyleSheets, [filteredStyleSheet_1]);
-            }
-        }
-    }
-    else {
-        var styleId = 'ui-parking-icons-style';
-        var isShadowRoot = !!rootNode.host;
-        var rootElement = isShadowRoot ? rootNode.firstElementChild : rootNode;
-        var hasInsertStyles = (_a = rootElement) === null || _a === void 0 ? void 0 : _a.querySelector("#" + styleId);
-        var elementForStyle = isShadowRoot ? rootElement : rootElement.getElementsByTagName('head')[0];
-        if (!hasInsertStyles) {
-            var style = element.ownerDocument.createElement('style');
-            style.id = styleId;
-            style.innerHTML = CSSRules.join('');
-            elementForStyle === null || elementForStyle === void 0 ? void 0 : elementForStyle.appendChild(style);
-        }
-    }
-}

package/internal/cssRules.d.ts

@@ -1 +0,0 @@
-export declare const CSSRules: readonly string[];

package/internal/cssRules.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CSSRules = void 0;
-exports.CSSRules = [
-    ".ui-parking-icon-centered { \n    display: -webkit-inline-box;\n    display: inline-flex;\n    -webkit-box-align: center;\n    align-items: center; \n  }",
-    ".ui-parking-icon-centered::before {\n    /*\n    * ZERO WIDTH SPACE\n    *\n    * Symbol to align to baseline\n    *\n    * @see https://www.fileformat.info/info/unicode/char/200b/index.htm\n    */\n    content: '\\200B';\n  }",
-    ".ui-parking-icon-base { \n    outline: none; \n  }",
-    ".ui-parking-icon-base:focus-visible { \n    outline: blue auto 5px; \n  }",
-];

package/internal/injectCss.d.ts

@@ -1,6 +0,0 @@
-declare global {
-    interface Window {
-        ShadyCSS: any;
-    }
-}
-export declare function injectCss(element: Element): void;

package/internal/injectCss.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectCss = void 0;
-var tslib_1 = require("tslib");
-var cssRules_1 = require("./cssRules");
-function checkRuleExists(rootNodeStyles, cssText) {
-    return rootNodeStyles.some(function (cssRules) { return Array.from(cssRules).some(function (r) { return r.cssText === cssText; }); });
-}
-/**
- * Not attached element can return the root of the DOM tree it belongs to, or itself - HTMLElement, Text, etc
- */
-function getSafeRootNode(element) {
-    var _a;
-    var rootNode = (_a = element.getRootNode) === null || _a === void 0 ? void 0 : _a.call(element);
-    return (rootNode instanceof Document || rootNode instanceof ShadowRoot ? rootNode : element.ownerDocument);
-}
-/**
- * Whether the current browser supports `adoptedStyleSheets`.
- * https://github.com/lit/lit-element/blob/master/src/lib/css-tag.ts#L14
- */
-var supportsAdoptingStyleSheets = Boolean(typeof window !== 'undefined' &&
-    window.ShadowRoot &&
-    (window.ShadyCSS === undefined || window.ShadyCSS.nativeShadow) &&
-    'adoptedStyleSheets' in Document.prototype &&
-    'replace' in CSSStyleSheet.prototype);
-function injectCss(element) {
-    var _a;
-    var rootNode = getSafeRootNode(element);
-    if (supportsAdoptingStyleSheets) {
-        var currentWindow = element.ownerDocument.defaultView;
-        if (!currentWindow) {
-            return;
-        }
-        var rootNodeStyles_1 = rootNode.adoptedStyleSheets.map(function (item) { return item.cssRules; });
-        var cssRulesStyleSheet_1 = new currentWindow.CSSStyleSheet();
-        cssRules_1.CSSRules.forEach(function (rule) { return cssRulesStyleSheet_1.insertRule(rule); });
-        var filteredStyleSheet_1 = new currentWindow.CSSStyleSheet();
-        Array.from(cssRulesStyleSheet_1.cssRules).forEach(function (cssRule) {
-            if (!checkRuleExists(rootNodeStyles_1, cssRule.cssText)) {
-                filteredStyleSheet_1.insertRule(cssRule.cssText);
-            }
-        });
-        if (filteredStyleSheet_1.cssRules.length > 0) {
-            try {
-                rootNode.adoptedStyleSheets.push(filteredStyleSheet_1);
-            }
-            catch (e) {
-                // fix for old chrome https://chromestatus.com/feature/5638996492288000 , but slow performance
-                rootNode.adoptedStyleSheets = tslib_1.__spreadArrays(rootNode.adoptedStyleSheets, [filteredStyleSheet_1]);
-            }
-        }
-    }
-    else {
-        var styleId = 'ui-parking-icons-style';
-        var isShadowRoot = !!rootNode.host;
-        var rootElement = isShadowRoot ? rootNode.firstElementChild : rootNode;
-        var hasInsertStyles = (_a = rootElement) === null || _a === void 0 ? void 0 : _a.querySelector("#" + styleId);
-        var elementForStyle = isShadowRoot ? rootElement : rootElement.getElementsByTagName('head')[0];
-        if (!hasInsertStyles) {
-            var style = element.ownerDocument.createElement('style');
-            style.id = styleId;
-            style.innerHTML = cssRules_1.CSSRules.join('');
-            elementForStyle === null || elementForStyle === void 0 ? void 0 : elementForStyle.appendChild(style);
-        }
-    }
-}
-exports.injectCss = injectCss;